/*
.sale{
	position:relative;
	top:-1em;
		margin-bottom:1em;
		text-align:center;
background: -moz-linear-gradient(top, rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
background: linear-gradient(to right,  rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
background: -ms-linear-gradient(top,  rgba(51,204,255,0) 0%,rgba(51,204,255,11) 30%,rgba(51,204,255,11) 70%,rgba(51,204,255,0) 100%);
}

.sale a{
	color:#fff;
}
.sale a:hover{
	color:#FC0;
}

.canp_style{
	text-align:center;
	position:relative;
	display:inline-block;
	padding:0 2em;
	font-size:1.3em!important;
	margin:1em 0.5em;
	text-shadow:0.1em 0.1em 0.3em #666;
}

.canp_style span{
	font-weight:bold;
	letter-spacing:0.1em;
	font-size:120%;
}
	
*/

h3.mtop{
	margin-top:3em;
}

@media screen and (min-width: 768px){/*pc*/

.sale{
font-size:120%;
}


.topics_data p.fontlarge{font-size:180%;}

.fbox{
display:flex;
margin-top:2em;
margin-bottom:2em;
justify-content: center;
flex-wrap:wrap;
gap:12px 0;
}

.fbox .fim{
/*	flex: 0 0 50%;*/
align-self: flex-start;
}

.fbox .img1{
	flex:0 0 32.5%;
	order:2;
	
}

.fbox .img2{
	flex:0 0 32.5%;
	order:1;
}

.fbox .img3{
	flex:0 0 32.5%;
	order:3;
}

.fbox .img4{
	flex:0 0 60%;
}

.fbox .img5{
	flex:0 0 40%;
}

.fbox .item2{
	flex:0 0 68%;
	margin:auto;
}

.fbox .item3{
	flex:0 0 25%;
}

.fbox .img17{
	flex:0 0 37%;
}

.fbox .img18{
	flex:0 0 31.5%;
}

.fbox .img19{
	flex:0 0 31.5%;
}



.fbox2{
display:flex;
/*margin-top:2em;
margin-bottom:2em;*/
justify-content:space-around;
/*flex-wrap:wrap;*/
}

@media screen and (min-width: 768px){/*pc*/
.fbox2 .item{
	flex:0 48%;}
}


.fbox2 .item img{
width:100%;
height:auto;
	
}

/*.fbox .img4{
	flex:0 0 36.1%;
}
.fbox .img5{
	flex:0 0 35.0%;
}


.fbox .img6{
	flex:0 0 27.0%;
}*/

.fbox3{
display:flex;
margin-top:2em;
margin-bottom:2em;
justify-content: space-around;
flex-wrap:wrap;
gap:12px 0;
}

/*
.fbox3 figure{
position: relative;
}

.fbox3 figure:after{
content: "";
width: 0;
height: 0;
border-style: solid;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #555555;
border-right: 0;
position: absolute;
left:103%;
top:45%;
}

.fbox3 figure.last:after{
border:none;
}
*/

.fbox .img7-8{
	flex:0 0 44%;
}
.fbox .img9{
	flex:0 0 31.5%;
}


.fbox dl{
	flex: 0 0 33%;
	margin:0.3%;
}



.fbox figure{
	margin:auto 0.5em 0 0.5em;

}

.fbox figure img{
	width:100%;
	height:auto;
}

.waku{
	padding:2em;
	margin-bottom:2em;
}



}
@media screen and (min-width: 768px){/*pc*/
img.border{
border:1px solid #ccc;
}
}





/*.fbox dl{
	padding:5px;
	background:rgba(255,204,204,0.2);
}

.fbox dl dt{
	padding:0.8em 0.5em;
	font-weight:bold;
	text-align:center;
	background:rgba(255,204,204,0.5);
	font-size:110%;
	margin-bottom:0.5em;
	border-radius:10px 10px 0 0;}

.fbox dl dt span{
	display:block;
	font-size:160%;
	color:#F69;
	padding-top:0.2em;
}


.fbox dl dd{
	margin:0;
	padding:0.5em;
}
*/

.topics_data dl{
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #ccc;
	border-bottom:none;
	margin-bottom:0;
	align-content: flex-start;
	
}


.topics_data dt{
	padding:0.5em;
	background:#F1F2EA;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.topics_data dd{
	margin-left:0;
	padding:0.5em;
	border-bottom:1px solid #ccc;
	padding-left:1em;
}

@media screen and (min-width: 768px){/*pc*/
.topics_data dt{
	flex:0 1 25%;
}

.topics_data dd{
	flex:0 1 75%;
}
}

@media screen and (max-width: 767px){/*sp*/
.topics_data dt{
	flex:1 1 50%;
	font-size:90%;
}

.topics_data dd{
	flex:1 1 50%;
}
}

.waku li{
	padding:0.1em 0.1em 0.1em 1.5em;
	text-indent:-1.5em;
	margin-left:1.5em;
}

.waku li.kome::before{
	content:"※ ";
}

ul.list1 li{
	position:relative;
	padding:0.5em 1em 0.5em 1.3em;
}
ul.list1 li::before{
	display:inline-block;
	content:'●';
	font-size:50%;
	/*color:#E7DDD1;*/
	position:absolute;
	top: 1.5em;
	left:0;
}





/*.canp_style::before{
	display:inline-block;
	content:"";
	height:2em;
	width:1px;
	border-left: 2px solid #CC3300;
	transform: rotate(-40deg);
	position:absolute;
	top:0;
	left:0;
	
}

.canp_style::after{
	display:inline-block;
	content:"";
	height:2em;
	width:1px;
	border-left: 2px solid #CC3300;
	transform: rotate(40deg);
	position:absolute;
	top:0;
	right:0;
}
*/

@media screen and (min-width: 768px){/*pc*/
/*
.waku dl{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.waku dt{
	flex:0 0 8em;
border-bottom:1px dotted #E7DDD1;
}
.waku dd{
	flex:1 0 calc(100% - 8em);
}*/
	
}



@media screen and (max-width: 767px){/*sp*/

.fbox{
display:flex;
margin-top:2em;
margin-bottom:2em;
/*justify-content: center;*/
flex-wrap:wrap;
gap:12px 12px;
}


}


.icon_ya{
padding-left:1em;
position:relative;
}


.icon_ya::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  -ms-transform:  translateY(-50%) rotate(135deg);
  -webkit-transform: translateY(-50%) rotate(135deg);
		transform: translateY(-50%) rotate(45deg);
		/*background-color:#fff;*/
  position: absolute;
  top: 50%;
  left: 0px;
}



.fim p{
	margin-bottom:0.5em;
	font-weight:600;
	letter-spacing:0.2em;
}

.fim span.imgcomment{
	display:inline-block;
	text-align:left!important;
	padding:0 0.5em;
}

.waku2{
border:1px dotted #39C;
background:rgba(51,153,204,0.02);
padding:0.5em 1.5em;
margin:2em 0 2em;

}

.waku3{
border:1px dotted rgba(238,146,44,1.00);
background: rgba(238,146,44,0.02);
padding:0.5em 1.5em;
margin:2em 0 2em;

}


.mtop{
margin-top:1em;
}


#main section h4{
background:#E7DDD1;
border-bottom:1px solid #E7DDD1;
margin-bottom:1em;
padding:0.5em 1em;
}


.olstyle{
margin:0 0em 3em 0em;
padding:0;
counter-reset: my-counter;
list-style: none;

}
.olstyle li{
padding:1em 1em 1em 2em;
border-bottom:1px dotted #ccc;
color:#000;
/*list-style-position:inside;*/
position: relative;
}

.olstyle li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #fff;
  border:1px solid #333;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}


ul.cyui{
font-size:90%;
color:#06C;
margin: 1em;
}

@media screen and (max-width: 767px){/*sp*/
ul.cyui{
margin: 1em 0;
}

}

.cyui li.tokoname{
color:#393;
margin-bottom:0.5em;
}

.cyui li.tokoname span{
	background-color:#393;
	color:#fff;
	font-size:80%;
	border-radius:5px;
	padding:2px 5px;
	text-align:right;
	margin-right:5px;
	position:relative;
	top:-2px;
}

span.tokoname{
	background-color:#393;
	color:#fff;
	font-size:80%;
	border-radius:5px;
	padding:2px 5px;
	text-align:right;
	margin-right:5px;
	float:right;
	display:inline-block;
	}
.cyui li.chokuso{
color:#F60;
margin-bottom:0.5em;
}