@charset "UTF-8";

/* common 
========================================================================================*/
div#special_list div.dib div p{
	margin-bottom:10px;
}
div#special_list a.btn,
div#special_list a.btn_inline{
	width:500px;
	max-width:calc(100% - 30px);
	position:absolute;
	bottom:0;
	display:block;
	margin:0 auto;
	padding:10px 15px;
	color:#fff;
	text-align:center;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:#4472c4;
	transition:all 0.3s linear;
}
div#special_list a.btn:hover,
div#special230803 a.btn:hover,
div#special_list a.btn_inline:hover{
	background-color:orange!important
}
div#special_list a.btn_inline{
	position:static;
}
@media screen and (max-width:540px){
	div#special_list a.btn,
	div#special_list a.btn_inline{
		font-size:14px;
	}
}



/* index 
========================================================================================*/
#article div#special_list.list div.pttl_special p {
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position: center top;
}
div#special_list div.dib{
	max-width:840px;
	margin:90px auto 0;
}
div#special_list div.dib div{
	max-width:250px;
	height: calc(330px + 11em);
	position:relative;
	margin:0 15px 60px;
	padding-bottom:60px;
}

/* second list */
div#special_list.list div.dib,
div#special_list.spot div.dib{
	max-width:1000px;
}
div#special_list.list div.dib div{
	max-width:480px;
	height: calc(330px + 12em);
	margin: 0 10px 60px;
}
#article div#special_list h1,
#article div#special_list.list h2{
	margin:30px auto;
	padding-top:66px;
	color:#00b0e7;
	border-bottom:1px #00b0e7 solid;
	background:url(/special/2308summer/flash.png) no-repeat center top;
}
#article div#special_list h1{
	margin-top:0;
	text-align:center;
	font-weight:bold;
	background:none;
}
#article div#special_list.list div.dib div img + h2,
div#special_list.list div.dib div h3{
	margin:15px 0;
	padding:0;
	color:#464646;
	text-align:left;
	line-height:1.4;
	border:none;
	background:none;
}
div#special_list.list div.dib div img + h2:before,
div#special_list div.dib div h3:before{
	content:"■";
}

/*full_width*/
div#special_list div.dib.full_width{
	width:100%;
	max-width:none;
}
div#special_list div.dib.full_width div{
	width:calc(33.33% - 20px);
	max-width:none;
	margin: 0 30px 60px 0;
}
div#special_list div.dib.full_width div:nth-child(3n){
	margin-right: 0 ;
}
div#special_list div.dib.full_width div img{
	display:block;
	margin:0 auto;
}


@media screen and (max-width:1100px){
	div#special_list div.dib{
		text-align: center;
	}
	div#special_list.list div.dib div{
		height: auto!important;
		padding-bottom:0;
	}
	div#special_list div.dib div h2,
	div#special_list div.dib div h3,
	div#special_list div.dib div p{
		text-align: left;
	}
	div#special_list.list a.btn{
		width: 100%;
		position: static;
		margin-top:15px;
	}
	div#special_list div.dib.full_width{
		text-align:left;
	}
	div#special_list div.dib.full_width div{
		width:calc(50% - 15px);
	}
	div#special_list div.dib.full_width div:nth-child(3n){
		margin-right: 30px ;
	}
	div#special_list div.dib.full_width div:nth-child(2n){
		margin-right: 0 ;
	}
}

@media screen and (max-width:780px){
	#article div#special_list h1 br{
		display:none;
	}
}
@media screen and (max-width:640px){
	div#special_list div.dib div{
		height: auto!important;
		padding-bottom:0;
	}
	div#special_list a.btn{
		width: 100%;
		position: static;
		margin-top:15px;
	}
	div#special_list div.dib.full_width div{
		width:100%;
		margin-right: 0 ;
	}
	div#special_list div.dib.full_width div:nth-child(3n){
		margin-right: 0 ;
	}
}
@media screen and (max-width:540px){
	#article div#special_list h1 {
		font-size: 20px;
		text-align:left;
	}
	#article div#special_list div.ttl + p br {
		display:none;
	}
}


/* lnavi
========================================================================================*/
div#special_list div.lnavi{
	width:100%;
	letter-spacing:-0.4em;
}
div#special_list div.lnavi a.btn{
	width:calc(33.33% - 20px);
	position:static;
	display:inline-block;
	margin:0 30px 15px 0;
	vertical-align:top;
	letter-spacing:normal;
}
div#special_list div.lnavi a.btn:nth-child(3n){
	margin-right:0;
}

@media screen and (max-width:760px){
	div#special_list div.lnavi a.btn{
		width:calc(33.33% - 6.66px);
		margin:0 10px 15px 0;
	}
}
@media screen and (max-width:540px){
	div#special_list div.lnavi{
		margin-bottom:10px;
	}
	div#special_list div.lnavi a.btn{
		width:100%;
		margin:0 0 10px 0;
		padding:5px 0;
	}
}
div.lnavi ul {
	margin:30px auto 20px;
	padding-top:30px;
	text-align:center;
	border-top:1px #ccc solid;
}
div.lnavi ul li{
	display:inline-block;
	margin:0 5px 10px;
	letter-spacing:normal;
}
div.lnavi ul li a{
	display:block;
	padding:5px 10px;
	color:#fff;
	background-color:#4472c4;
	border-radius:10px;
}
div.lnavi ul li a:hover{
	background-color:orange;
}
@media screen and (max-width:540px){
	div.lnavi ul li a{
		font-size:14px;
	}
}

/* Google map
========================================================================================*/
div#special_list div#googlemap.ttl h1{
	margin: 0 auto 30px;
	padding: 7px 15px 5px;
	color:#3c3c3c;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	border: none;
	border-radius: 60px;
	background: #fff;
}


/* spot page 
========================================================================================*/
div#special_list.spot div.text {
	margin-bottom:15px;
}
div#special_list.spot a.btn {
	position: static;
	margin:30px auto 0;
}
div#special_list.spot div.main_photo{
	display:block;
	margin-bottom:30px;
}
div#special_list.spot div.main_photo img{
	display:block;
}
div#special_list.spot div.dib.half_photo{
	margin-top:0;
}
div#special_list.spot div#photo{
	margin:30px auto 0;
}
div#special_list.spot div#photo div.dib.half_photo img {
	max-width: 485px;
	height: auto;
	margin: 0 30px 0 0;
}
div#special_list.spot div#photo div.dib.half_photo img:nth-child(2n) {
	margin-right:0;
}
@media screen and (max-width:1100px){
	div#special_list.spot div#photo div.dib.half_photo img {
		width: calc(50% - 15px);
	}
}
@media screen and (max-width:540px){
	div#special_list.spot div.main_photo{
		margin-bottom:10px;
	}
	div#special_list.spot div#photo div.dib.half_photo img {
		width: calc(50% - 5px);
		margin: 0 10px 0 0;
	}
}

/* column2 */
div#special_list div.pic.column2 {
	width:calc(50% - 15px);
	display:inline-block;
	*display:inline;
	margin-right:calc(30px - 0.4em);
	vertical-align:top;
}
div#special_list div.pic.column2.mr0{
	margin-right:0;
}
@media screen and (max-width:990px){
	div#special_list div.pic.column2 {
		margin-right:calc(30px - 0.45em);
	}
}
@media screen and (max-width:540px){
	div#special_list div.pic.column2 {
		width:auto;
		margin-right:0;
	}
	div#special_list div.ttl + p,
	div#special_list div.dib div p,
	div#special_list div.dib div strong,
	div#special_list div.dib div span,
	div#special_list div.dib div p strong,
	div#special_list p,
	div#special_list p a{
		font-size:14px;
	}
}




/* special2308
========================================================================================*/

/* special2309
========================================================================================*/
div#special_list.list div.dib div {
	height: calc(330px + 13.6em);
}
@media screen and (max-width:540px){
	div#special_list.special2309 div.index_inner div p span span strong{
		font-size:20px;
	}
}

/* special2310 [onsen]
========================================================================================*/
div#special_list.special2310.list div.dib{
	padding-top:76px;
	padding-bottom:36px;
	background-repeat: no-repeat;
	background-image:url(/special/2310hotspring/flash.png),url(/special/2310hotspring/flash.png);
	background-position:center top,center bottom;
}
div#special_list.special2310 div#special_list{
	padding-bottom:36px;
	background: no-repeat url(/special/2310hotspring/flash.png) center bottom;
}
div#special_list.special2310.list div.lnavi a.btn {
	width: calc(33.33% - 50px);
}
div#special_list.special2310.spot{
	padding-bottom:76px;
	background: no-repeat url(/special/2310hotspring/flash.png) center bottom;
}
div#special_list.special2310.spot div#photo{
	padding-top:76px;
 	background: no-repeat url(/special/2310hotspring/flash.png) center top;
}
div#special_list.special2310 a.btn{
	background-color:#bd0012;
}
#article div#special_list.special2310 h2{
	color:#bd0012;
	border-bottom:1px #bd0012 solid;
	background:url(/special/2310hotspring/flash.png) no-repeat center top;
}
@media screen and (max-width:540px){
	div#special_list.special2310 div.index_inner div p span strong,
	div#special_list.special2310 div.index_inner div p span span strong{
		font-size:20px;
	}
}


/* special2312 [illumination]
========================================================================================*/
#article div#special_list.special2312.list div.dib div {
	height: calc(330px + 16em + 45px);
}
#article div#special_list.special2312.list div.pttl_special p {
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position: center top;
}
#article div#special_list.special2312 h2{
	color:yellow;
	border-bottom:1px #4679f9 solid;
}
#article div#special_list.special2312.list div.dib div img + h2{
	color:#fff;
}
@media screen and (max-width:540px){
	div#special_list.special2312 div.index_inner div p span span strong{
		font-size:20px;
	}
}

/* special2405
========================================================================================*/
#article div#special_list.special2405 h1{
	color:#593400;
	border-bottom:1px #593400 solid;
}
div#special_list.special2405 a    {color:#593400;}
div#special_list.special2405 a.btn{color:#fff;background-color:#593400;}
div#special_list.special2405 a.btn:hover{background-color:orange;}
div#special_list.special2405 div.lnavi a{
	color:#fff;
	background-color:#593400;
}
div#special_list.special2405 div.lnavi a:hover{
	background-color:orange;
}
@media screen and (max-width:540px){
	div#special_list.special2405 div.dib div p span span strong{
		font-size:20px;
	}
}


/* special2406
========================================================================================*/
#article div#special_list.special2406 h1{
	color:#a9714a;
	border-bottom:1px #a9714a solid;
}
div#special_list.special2406.list div.dib div {
	height: calc(297px + 10px + 5px + 15px + 14.8em + 10px + 30px);
	text-align:left!important;
}
div#special_list.special2406.list div.dib div img + h2:before{
	display:none;
}
div#special_list.special2406.list div.dib div img + h2 span:before{
	content: "■";
	color: #464646;
	text-align: left;
}
div#special_list.special2406.list div.dib div img + h2 span + br +span{
	display:block;
	margin: 0;
}
div#special_list.special2406.list div.dib div img + h2 span + br + span:before{
	display:none;
}
div#special_list.special2406 div.lnavi a{
	color:#fff;
	background-color:#a9714a;
}
div#special_list.special2406 div.lnavi a:hover{
	background-color:orange;
}
@media screen and (max-width:540px){
	div#special_list.special2406 div.index_inner div p span span strong{
		font-size:20px;
	}
}


/* special2407
========================================================================================*/
div#special_list.special2407 div.dib div {
	height: calc(297px + 10px + 5px + 15px + 14.8em + 10px + 30px);
	text-align:left!important;
}
#article div#special_list.list.special2407 h2 {
	margin: 0 auto 15px;
	padding-top:5px;
	background:none;
}
div#special_list.special2407 div.pttl_special p {
	padding-top: 66px;
	background-repeat: no-repeat;
	background-position: center top;
}
div#special_list.special2407 a    {color:#593400;}
div#special_list.special2407 a.btn{color:#fff;background-color:#593400;}

div#special_list.special2407 div.lnavi ul li a{color:#fff;}
div#special_list.special2407 div.dib div.box span:not(h2 span){width:5em;display:inline-block;}
#article div#special_list.special2407 div#googlemap.ttl h1{
	font-size: 22px;
}
div#special_list.special2407 div#googlemap.ttl h1{
	background-color:#dae6e2
}
div#special_list.special2407 div.lnavi ul li a{
	background-color:#593400
}
div#special_list.special2407 div.lnavi ul li a:hover{
	background-color:orange
}
	
@media screen and (max-width:1100px){
	div#special_list.list.special2407 div.dib div {
		height: auto!important;
	}
}
@media screen and (max-width:540px){
	div#special_list.special2407 div.dib div p span span strong {
		font-size:20px;
	}
}


/* special2408
========================================================================================*/
div#special_list.special2408 div.dib div {
	height: calc(205px + 12.5em);
}
div#special_list.special2408 div.dib div:nth-child(4),
div#special_list.special2408 div.dib div:nth-child(5),
div#special_list.special2408 div.dib div:nth-child(6){
	height: calc(205px + 14em);
}
div#special_list.special2408 div.dib div:nth-child(7){
	height: calc(205px + 10.5em);
}
@media screen and (max-width:1100px){
	div#special_list.special2408 div.dib div {
		height: calc(205px + 18.5em)!important;
	}
	div#special_list.special2408 div.dib div:nth-child(5),
	div#special_list.special2408 div.dib div:nth-child(6){
		height: calc(205px + 20em)!important;
	}
	div#special_list.special2408 div.dib div:nth-child(7){
		height: calc(205px + 17.5em)!important;
	}
	div#special_list.list a.btn {
	    position: statics;
	}
}
div#special_list.special2408 a.btn_inline{
	margin-bottom:90px;
}
div#special_list.special2408 div.pttl_special h2 strong{
	color:#593400;
	font-size:32px;
}
@media screen and (max-width:540px){
	div#special_list.special2408.list div.index_inner div p span span strong{
		font-size:20px;
	}
}

/* special2409
========================================================================================*/
div#special_list.special2409 div.ttl h1{
	margin:5px 0 15px;
	padding:0;
	font-size:20px;
	text-align:left;
	border-bottom:none;
}
div#special_list.special2409 a.btn{
	background-color:#b9010c;
}
div#special_list.special2409 a.btn_inline{
	background-color:#4472c4;
}
div#special_list.special2409 a.btn:hover,
div#special_list.special2409 a.btn_inline:hover{
	background-color:orange;
}
div#special_list.special2409.list div.dib div{
	height: auto;
	min-height: calc(110px + 12em);
}
div#special_list.special2409 div.column2 {
	width:calc(50% - 15px);
	display:inline-block;
	*display:inline;
	margin-top:15px;
	margin-right:calc(30px - 0.4em);
	vertical-align:top;
}
div#special_list.special2409 div.column2.mr0{
	margin-right:0;
}
div#special_list.special2409 a.btn_inline{
	margin:5px auto;
}
#article div#special_list.special2409 h1{
	padding-bottom:36px;
	color: #4472c4 ;
	border-bottom:none;
}
#article div#special_list.special2409 h2 {
	color: #b9010c;
}
#article div#special_list.special2409 h3 {
	color: #b9010c;
	border-left: 3px solid #b9010c;
	border-bottom: 1px solid #b9010c;
}
div#special_list.special2409 div.lnavi ul li a {
	color: #b9010c;
	font-weight: normal;
	border:1px #ccc solid;
	background-color: #ffeced;
}
div#special_list.special2409 div.lnavi ul li a:hover {
	color: #fff;
	border:1px #b9010c solid;
	background-color: #b9010c;
}

@media screen and (max-width:990px){
	div#special_list.special2409 div.column2 {
		margin-right:calc(30px - 0.45em);
	}
	div#special_list.special2409 div.pic{
		font-size:12px
	}
}
@media screen and (max-width:540px){
	div#special_list.special2409 div.pic.main {
		overflow:hidden;
	}
	div#special_list.special2409 div.pic.main img {
		max-width:125%;
		display:block;
		margin-left:-12.5%;
	}
	div#special_list.special2409 div.column2 {
		width:auto;
		margin-right:0;
	}
	div#special_list.special2409 p{
		font-size:14px;
	}
	div#special_list.special2409.list div.dib div p span strong{
		font-size:20px;
	}
}

/* special2410
========================================================================================*/
#article div#special_list.special2410 h1{
	color: #9f7324;
	border-bottom:1px #9f7324 solid;
}
#article div#special_list.special2410 h2{
	color: #0f3264;
}
#article div#special_list.special2410 h3{
	color: #0f3264;
	border-left: 3px solid #9f7324;
}
div#special_list.special2410 div.dib div {
	height: calc(200px + 5px + 10px + 11em);
}
div#special_list.special2410 a.btn_inline {
	background-color: #0f3264;
}
div#special_list.special2410 a.btn_inline:hover{
	background-color: orange;
}
div#special_list.special2410 div.lnavi a{
	background-color:#0f3264;
}
div#special_list.special2410 div.lnavi a:hover{
	background-color:orange;
}
div#special_list.special2410 div#googlemap.ttl h1{
	background-color:#efe8db;
}
@media screen and (max-width:540px){
	div#special_list.special2410 div.dib div p span strong{
		font-size:20px;
	}
	div#special_list.special2410 p,
	div#special_list.special2410 div.pic{
		font-size:14px;
	}
}


/* special2501
========================================================================================*/
#article div#special_list.special2501 h1 {
	color: #ff0000;
	border-bottom: 1px #ff0000 solid;
	border-bottom:5px red solid;
}
#article div#special_list.special2501 div.index_inner#list1{
	margin:30px auto;padding:30px 30px 15px;
	border:5px #fde8e9 solid;
	border-radius:30px;
	background:url(../../special/2501strawberry/bk.webp) repeat center center;
}
#article div#special_list.special2501 div.index_inner#list1 h2 {
	margin:0 auto;
	padding:0 15px 5px 0;
	color:red;
	text-align:left;
	background:url(../../special/2501strawberry/icon.png) no-repeat right top;
	background-size:2.4em auto;
}
#article div#special_list.special2501 div.index_inner#list1 div{
	width:calc(50% - 63px);
	display:inline-block;
	margin:0 10px 15px;
	padding:15px 20px 20px;
	vertical-align:top;
	border-radius:20px;
	background-color:rgba(255,255,255,0.7);
}
#article div#special_list.special2501 div.index_inner#list1 div p{
	font-size:14px;
}
#article div#special_list.special2501 div.index_inner#list1 div p + p{
	width:12em;
	margin:15px 0 0 0;
	padding:2px 0;
	color:white;
	text-align:center;
	border-radius:1em;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	-ms-border-radius:1em;
	background-color:#fc6250;
}
#article div#special_list.special2501 div.index_inner div img{
	position:relative;z-index:1;
}
#article div#special_list.special2501 div.index_inner div img + img{
	display:block;
	margin:-20px auto 0;
}
#article div#special_list.special2501 div.dib div {
	height: calc(193px + 146px + 12em);
}
#article div#special_list.special2501 a.btn{
	background-color:red;
}
@media screen and (max-width:1100px){
	#article div#special_list.special2501 div.dib div {
		height: calc(193px + 146px + 17em);
	}
}
@media screen and (max-width:960px){
	#article div#special_list.special2501 div.index_inner#list1 {
		padding: 15px 5px 0;
	}
	#article div#special_list.special2501 div.index_inner#list1 h2 {
		padding: 0 0 5px 70px;
		background-position:left top;
	}
	#article div#special_list.special2501 div.index_inner#list1 div {
		width: calc(50% - 53px);
		padding: 10px 15px 15px;
	}
}
@media screen and (max-width:660px){
	#article div#special_list.special2501 div.index_inner#list1 div {
		width: calc(100% - 40px);
		padding: 10px 10px 15px;
	}
}
@media screen and (max-width:540px){
	#article div#special_list.special2501 div.index_inner#list1 {
		border-radius: 22px;
	}
	#article div#special_list.special2501 div.index_inner#list1 div {
		padding: 10px 10px 15px;
		border-radius: 10px;
	}
	#article div#special_list.special2501 div.index_inner#list1 h2{
		padding-left:50px;
		font-size:18px;
	}
	#article div#special_list.special2501 div.index_inner#list1 div p{
		font-size:12px;
	}
	#article div#special_list.special2501 div.index_inner#list1 div p + p{
		margin-top:10px;
	}
}

@media screen and (max-width:420px){
	#article div#special_list.special2501 div.index_inner#list1 div {
		width: calc(100% - 30px);
		  margin: -5px 5px 10px;
	}
}

/* special2503_nihonsyu
========================================================================================*/
div.special2503 div.maker{
	margin:0 auto 60px;
	letter-spacing:-0.4em;
}
div.special2503 div.maker h2 {
	letter-spacing: normal;
}
div.special2503 div.maker ul {
	letter-spacing: -0.4em;
}
div.special2503 div.maker li {
	width: calc(25% - 15px);
	display: inline-block;
	margin: 0 20px 20px 0;
	vertical-align: top;
	letter-spacing: normal;
}
div.special2503 div.maker li:nth-child(4n){
	margin-right:0;
}
div.special2503 div.maker ul li a{
	display:block;margin:5px auto;
}
div.special2503 div.maker ul li p{
	font-size:12px;
}
@media screen and (max-width:760px){
	div#special_list.special2503 h2{
		padding: 20px 30px;
		font-size:20px;
	}
	div.special2503 div.maker li {
		width: calc(33.33% - 13.33px);
	}
	div.special2503 div.maker li:nth-child(4n){margin-right:20px;}
	div.special2503 div.maker li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:640px){
	div#special_list.special2503 div.dib div.unit{
		height:auto!important;
    }
}
@media screen and (max-width:540px){
	div#special_list.special2503 h2{
		padding: 15px 30px;
		font-size:18px;
		background-position:center right;
	}
	div#special_list.special2503 h2 br{
		display:none;
	}
	div#special_list.special2503 div.unit ul li{
		font-size:14px;
	}
	div.special2503 div.maker li {
		width: calc(50% - 10px);
	}
	#article div.special2503 div.dib div h3 strong{
		font-size:20px;
	}
	div.special2503 div.maker li:nth-child(3n){margin-right:20px;}
	div.special2503 div.maker li:nth-child(2n){margin-right:0;}
	div.special2503 div.maker ul li a{
		font-size:14px;
	}
	div#special_list.special2503 div.maker ul li p{
		font-size:12px;
	}
}
@media screen and (max-width:420px){
	div#special_list.special2503 h2{
		font-size:16px;
	}
}


/* special2504_soba
========================================================================================*/
div.special2504#special_list div.dib {
	margin: 30px auto 0;
}
#article div.special2504#special_list div.ttl h1{
	color:#619600;
	border-bottom: 1px #969696 solid;
}
div.special2504#special_list h2 {
	margin-bottom: 30px;
	padding: 30px 30px 20px;
	color: #fff;
	text-align: left;
	background: url(/special/2504soba/ttl_bk.webp) no-repeat center center;
}
#article div.special2504#special_list h2 + ul{
	letter-spacing:-0.4em;
}
#article div.special2504#special_list h2 + ul li{
	width:calc(50% - 30px);
	display:inline-block;
	margin-right:60px;
	vertical-align:top;
	letter-spacing:normal;
}
#article div.special2504#special_list h2 + ul li:nth-child(2n){
	margin-right:0;
}
div.special2504#special_list div.dib div{
	height:calc(320px + 7em);
}
div.special2504#special_list h2 + p + p{
	margin-bottom:15px;
}
#article div.special2504#special_list ul li h3 {
	margin: 30px 0 10px;
}
#article div.special2504#special_list h3 {
	color: #619600;
	border-left: 3px solid #619600;
}
div.special2504#special_list div.dib div h3::before {
	content: "";
}
div.special2504#special_list p + a.btn{
	position:static;
}
div.special2504#special_list a.btn{
	background-color:#144600;
}
div.special2504#special_list a.btn:hover{
	background-color:orange;
}
@media screen and (max-width:860px){
	#article div.special2504#special_list h2 + ul li{
		width:calc(50% - 15px);
		margin-right:30px;
	}
}
@media screen and (max-width:680px){
	#article div.special2504#special_list h2 + ul li{
		width:100% ;
		margin-right:0;
	}
}