/* 静的ページ特集（2024_05海の宝プロジェクト）用css（PC用）*/
p{margin:0;padding:0;font-size:0.85em;line-height:1.7em;margin-bottom:0.5em;}
p img{float:left;margin-right:1em;}
p img.w50{width:50%;}
p img.w35{width:35%;}

h3,h4{font-weight:bold;color:#000;clear:both;font-size:1.1em;}
h3{font-size:1em;margin:0em 0 0.5em 0;padding:2em 0 0.5em 0;border:1px solid #000;border-width:0 0 1px 0;}

/*複数カラム*/
li.column{width:inherit;float:left;margin-left:2%;}
li.column h4{color:#00668b;margin:0.5em 0;}
li.column img{width:100%;}
li.column p{display:block;width:100%;font-size:0.85em;line-height:1.6em;padding-top:0.5em;}
li.column:nth-child(1){clear:both;}


li.c2{width:48%;float:left;margin-left:2%;}
li.c2:nth-child(2n+1){clear:both;margin-left:0;}

li.column.c2 img.w50{width:50%;float:left;margin-right:0.5em;}


li.c3{width:32%;float:left;margin-left:2%;}
li.c3:nth-child(3n+1){clear:both;margin-left:0;}


li.c4{width:24%;float:left;margin-left:1%;}
li.c4:nth-child(4n+1){clear:both;margin-left:0;}

ul.shusai
{border:1px solid #00a491;border-width:1px 0;padding:0.5em 0;}
ul.shusai li{font-size:0.7em;}
ul.shusai img{margin-top:0.3em;width:80%;}

/*ボタンを3つならべる*/
.sub .main .btnc3 .toshopinfo_btn,.sub .main .btnc2 .toshopinfo_btn{width:calc( 31.8% - 0.0em );
float:left;margin-left:1em;
}

.sub .main .btnc2 .toshopinfo_btn{width:calc( 49% - 2px );}

.sub .main .btnc2 .toshopinfo_btn:nth-child(2n+1) {clear:both;margin-left:0;}
.sub .main .btnc2 .toshopinfo_btn:nth-child(2n) {float:right;margin-right:0em;margin-left:0;}

.sub .main .btnc3 .toshopinfo_btn:nth-child(3n+1) {clear:both;margin-right:0em;margin-left:0;}
.sub .main .btnc3 .toshopinfo_btn:nth-child(3n) {margin-right:0em;margin-left:0;}

/*-------------------------------------------------------------------------------------------------*/



/* 本文 */
.toku_Detailtxt,.toku_Detailtxt2,.toku_Detailtxt3 {
margin:0.8em 0 0 0;	padding:0;
font-size: 0.9em;	line-height: 1.6em;	text-align: left;color: #000;/*本文の色*/
border-width:0px;	border-style:double;	border-color:#000;
}
.toku_Detailtxt2 {font-size:0.9em;margin-top:1em;}

/*応募*/




/* 店一覧 */
/* 店リスト（2カラム） */
 a.change_2c {display:block;width:49%;float:left;margin:1% 1%;text-decoration: none;}
 a.change_2c:nth-child(2n+1){clear:both;float:left;margin-left:0;}
 a.change_2c:nth-child(2n){float:right;margin-left:0;margin-right:0;}


 a.change_2c .index_list{
	clear:both;
	margin:0em auto 0em auto;padding:0em;	background:none;
	border:0px solid #aaa; border-width:1px 1px 1px 1px;
	background-color:none;
	width:100%;
	border-radius:0.3em;
}
 a.change_2c  .sq_thumb{width:100%;position: relative;border:0px solid #f00;overflow: hidden;padding-top: 66%;}

.tokuMenu .adress{display:block;font-size:0.9em;line-height:1.3em;margin-bottom:0.3em;}
.index_list .index_list_r .tokuMenu{margin:0em;padding:0em 0 0.3em 0;background:none;color:#000;}


.box_staticpage{
	margin:0em;padding:0;
}


.waku2405{border-color:#aaa;border-radius:0.5em;padding-right:0.4em;}
.waku2405 p{font-weight:bold;}
large{font-size:1.2em;font-weight:bold;}
.oubo{border:#00a491 2px solid;padding:0.5em;margin-top:1.5em;display:block;}
h3.oubo,h4.oubo,.oubo span,a.oubo{border-width:0;}
h3.oubo{margin:0;color:#00a491;}
h4.oubo{margin:0;color:#ee7800;}
.oubokikan{font-weight:bold;font-size:1.2em;text-align:center;margin-left:1em;}
a.oubo{background:#00a491;color:#fff;font-weight:bold;padding:1em 0.5em;border-radius:0.5em;display:block;margin-bottom:0.5em;text-align:center;}
.oubo p{margin-left:1em;}

.index_list .index_list_r h2{
	margin:0em 0em 0.5em 0 ;padding:0em 0 0em 0;line-height:1.2em;
	font-weight:bold;
}

.index_list .index_list_r h2 small{display:block;margin:0em 0 ;padding:0;font-size:0.8em;line-height:2em;font-weight:normal;}
	






@media screen and (max-width: 898px) {
/*ボタンを3つならべる*/
.sub .main .btnc3 .toshopinfo_btn,.sub .main .btnc2 .toshopinfo_btn2{width:calc(100% - 1em);clear:both;margin:0.5em;}
.sub .main .btnc3 .toshopinfo_btn:nth-child(3n+1) {clear:both;margin:0.5em;}
.sub .main .btnc3 .toshopinfo_btn:nth-child(3n) {clear:both;margin:0.5em;}
}





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

.sub .main h1.page__ttl{margin-top:1em;}



}








/* メディアクエリ */
@media screen and (max-width: 767px) {
/* 静的ページ特集（用css（スマホ用）*/

.sub .main h1.page__ttl{margin-top:-3em;font-size:0.9em;}		

.box_staticpage,#box_static{
	margin:0em 0.5em;padding:0;
}
	
/* 店リスト */
 #box_static a {display:block;width:40%;float:left;margin:1% 1%;text-decoration: none;}
 #box_static a:nth-child(2n){float:left;margin-right:0;}
 #box_static a:nth-child(2n+1){clear:both;margin-left:0;}


#box_static a .index_list{
	clear:both;
	margin:0em auto 0em auto;padding:0em;	background:none;
	border:0px solid #aaa; border-width:1px 1px 1px 1px;
	background-color:none;
	width:100%;
	border-radius:0.3em;
	
}
#box_static a .sq_thumb{width:100%;position: relative;border:0px solid #f00;overflow: hidden;padding-top: 66%;}

#box_static .tokuMenu .adress{font-size:0.9em;}	
	
	
.oubo{border:#00a491 2px solid;padding:0.5em;margin:1.5em 0.5em 0.5em 0.5em;display:block;}
}

ul.shusai
{border:1px solid #00a491;border-width:1px 0;padding:0.5em;margin:0em 0.5em 1em 0.5em;}
ul.shusai li{font-size:0.8em;}
ul.shusai img{margin-top:0.3em;width:90%;}


/* メディアクエリ */
@media screen and (min-width: 481px) {


/* 店リスト（3カラム） */
 a.change_3c {display:block;width:calc(33% - 0.24em);float:left;margin:1% 0.25em;text-decoration: none;}
 a.change_3c:nth-child(3n+1){float:left;margin-left:0em;margin-right:0.5em;}
 a.change_3c:nth-child(3n+2){margin-left:0;margin-right:0;}
 a.change_3c:nth-child(3n){margin-left:0.5em;margin-right:0;}


 a.change_3c .index_list{
	clear:both;
	margin:0em auto 0em auto;padding:0em;	background:none;
	border:0px solid #aaa; border-width:1px 1px 1px 1px;
	background-color:none;
	width:100%;
	border-radius:0.3em;
	     box-shadow: 1px 1px 2px 1px #cdcdcd;
}
 a.change_3c  .sq_thumb{width:100%;position: relative;border:0px solid #f00;overflow: hidden;padding-top: 66%;}	
}










/* メディアクエリ */
@media screen and (max-width: 480px) {
/* 静的ページ特集用css（スマホ用）*/



.tokubox{margin:0 0.5em;}

li.column.c2 img.w50{width:100%;float:inherit;margin-right:0em;}


li.c3{width:calc(50% - 0.25em);float:left;margin-left:0%;}
li.column.c3 img{width:100%;float:left;margin-right:0.5em;margin-top:0.5em;}
li.column.c3 p{margin:0 0 0.5em 0;padding:0 0 0.5em 0;}
li.c3:nth-child(2n+1){margin-right:0.5em;}
	
.sub .main .btnc2 .toshopinfo_btn{width:calc( 100% );}	
	


/* 店リスト */
a.change_3c  {display:block;width:calc(50% - 0.25em);float:left;margin:0%;margin-top:0.5em;text-decoration: none;}
a.change_3c:nth-child(2n+1){margin-right:0em;}	
a.change_3c:nth-child(2n){clear:both;margin-right:0.5em;}
/*a.change_3c:nth-child(3n){float:left;margin-right:0;}*/


 a.change_3c  .index_list{
	clear:both;
	margin:0em auto 0em auto;padding:0em;	background:none;
	border:0px solid #aaa; border-width:1px 1px 1px 1px;
	background-color:none;
	width:100%;
	border-radius:0.3em;
	     box-shadow: 1px 1px 2px 1px #cdcdcd;
}

/* 店リスト左カラム */
 a.change_3c  .index_list .image{width:30%;float:left;}
 a.change_3c  .index_list .sq_thumb{width:100%;position: relative;border:0px solid #f00;overflow: hidden;padding-top: 100%;}
 a.change_3c  .index_list .sq_thumb::before{content: "";display: block;/*padding-top: 100%;*/}

 a.change_3c  .index_list .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
	/*object-fit: contain;	/* ワインのときのみ */
	width: 100%;
	height: 100%;
	 
}	
/* 店リスト右カラム */
a.change_3c .index_list .index_list_r{width:60%;float:right;margin:0;padding:0;text-align:left;border:0px solid #f00;}
a.change_3c .index_list .index_list_r .c2{color:#E39300;background-color:none;}	
	
 a.change_3c .index_list .index_list_r h2{
	font-size:0.8em;
	 margin-right:0.5em;}

.index_list .index_list_r h2 small{display:block;margin:0.5em 0 ;padding:0;font-size:0.5em;line-height:2em;/*background:#f00;*/}
	
	
	
}