@charset "UTF-8";

/* 全ページ共通 */
.second-cotainer{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 1030px;
	margin: 0 auto;
}

.main-wrap{
	width: 668px;
}

.second-side-wrap{
	display: block;
	width:302px;
	margin-left:auto;
	background:#fff;
}

.button-base span:hover{
	background: #749e19;
}

/* gnav */
.drawer_nav_wrapper.gnav-style,
.nav_inner{
	display:block;
	width: 100%;
	border-bottom: solid 1px #e5e5e5;
}

/* グローバルナビゲーションを一時的に非表示にする為の部分 */
.nav_inner{
	border-bottom: 0;
}
.nav_inner .drawer_nav{
	display: none;
}
/* ここまで */

.drawer_nav{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	width: 1030px;
	margin: 0 auto;
}

.nav-btn,
.nav-close{
	display: none;
}

.drawer_nav{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.drawer_nav li{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*width: 14.2857142857%; メニュー7個のサイズ */
	width:25%;
	padding:15px 0;
	position: relative;
}

.drawer_nav li a{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color:#000;
	line-height: 1.8;
	text-align: center;
	padding:0 10px;
	border-left:solid 1px #959595;
}

.drawer_nav li:last-of-type a{
	border-right:solid 1px #959595;
}

.drawer_nav li:hover:before,
.drawer_nav .active:before{
	content: "";
	position: absolute;
	bottom:-2px;
	width: 100%;
	height: 4px;
	background: #8fc31f;
}

.drawer_nav li:hover:after,
.drawer_nav .active:after{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
  transform: translateX(-50%);
	border-style: solid;
	border-width: 0 5px 8px 5px;
	border-color: transparent transparent #8fc31f transparent;
	bottom:8px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.drawer_nav li:hover a,
.drawer_nav .active a{
	color:#8fc31f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#contents.second-main-bg{
	background:#f4f4f4;
	padding:30px 0;
}

.second-main-bg .cotainer{
	width: 100%;
	margin: 0;
}

.bnr-slider .slick-slide img{
	width: 100%;
}


/* パンくず */
/* 2024-02修正 ▼ ここから ▼ -------------------- */
/* .breadcrumb{
	width: 1030px;
	margin:26px auto;
	display: block;
	overflow: hidden;
}

.breadcrumb li,
.breadcrumb li a{
	display: block;
	color: #000;
	font-size: 14px;
}

.breadcrumb li{
	float: left;
}

.breadcrumb li:last-of-type a:before{
	content: none;
}
.breadcrumb li:last-of-type a{
	margin-right: 0;
}
.breadcrumb li a{
	position: relative;
	margin: 2px 26px 2px 0;
} */
/* 2024-02修正 ▲ ここまで ▲ -------------------- */


/* 2024-02追加 ▼ ここから ▼ -------------------- */
/* パンくずリスト */
.breadcrumb-area{
	margin-bottom: 20px;
}
.main-other .breadcrumb,
.breadcrumb-area .breadcrumb{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.breadcrumb-area .breadcrumb{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 0;
}
.main-other .breadcrumb{
	width: 1030px;
	margin: 30px auto;
	display: block;
	overflow: hidden;
	padding: 0;
}

.breadcrumb li{
	padding-right: 26px;
	float: left;
}

.breadcrumb li:last-of-type a:before{
	content: none;
}

.breadcrumb li a{
	display: block;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #000;
	font-size: 14px;
}
/* 2024-02追加 ▲ ここまで ▲ -------------------- */


.breadcrumb li a:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -16px;
	display: block;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.breadcrumb li a:hover{
	color:#8fc31f;
}

.area-h2-style{
	width: 100%;
	font-size:24px;
	color:#8fc31f;
	margin-bottom: 30px;
}

.area-contents-wrap .area-h2-style{
	width: 100%;
	font-size: 24px;/*24px;*/
	color:#fff;
	background: #8fc31f;
	margin-bottom: 40px;
	padding: 15px;
}

.shop-box-wrap{
	margin-top:30px;
}

.shop-box {
 background: #fff;
 box-shadow: 0 1px 4px 0 rgba(0,0,0,.16);
}

.shop-box:not(:first-of-type){
	margin-top: 40px;
}
/*
.shop-box:hover {
 box-shadow: 0 1px 8px 0 rgba(0,0,0,.16);
}*/

.shop-title{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
	padding:10px 20px;
	background:#F5FFE1;
	border-top: solid 2px #8FC31F;
}

.other-shop-box .shop-title{
	padding: 20px;
}


.shop-tile-word{
	width: 100%;
}

.shop-header-bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.shop-work-btn{
	width:164px;
	border:solid 2px #8fc31f;
	border-radius: 8px;
	background: #fff;
	margin-left: auto;
}

.shop-work-btn a{
	font-size:16px;
	color:#8fc31f;
	padding:15px;
	display: block;
	width: 100%;
}

.shop-work-btn:hover{
	color: #fff;
  background:#8fc31f; /*#d72887;*/
  border: solid 2px #8fc31f; /*#d72887;*/
}

.shop-work-btn:hover a{
	color: #fff;
}

.shop-work-btn:hover a:before{
	border-left: 10px solid #fff;
}

.shop-tile-word h3{
	font-size:22px;
}

.shop-tile-word h3 a{
	display: table;
	color: #000;
}

.shop-tile-word h3 a:hover{
	color: #8fc31f;
}

.shop-area,
.shop-time,
.shop-price{
	display: inline-block;
}

.shop-header-bottom p:not(:last-of-type){
	margin-right: 12px;
}

.shop-date-wrap{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:20px;
}

.shop-title-icon{
	position: relative;
	font-size: 14px;
	padding-left: 27px;
	line-height: 1.5;
	margin-top: 5px;
}

.shop-title-icon:before{
	content: "";
	width:22px;
	height: 22px;
	position: absolute;
	top:0px;
	left: 0;
}

.superior-shop .shop-title-icon:before{
	top: 3px;
}

.second-contents-wrap .shop-place,
.second-contents-wrap .shop-time,
.second-contents-wrap .shop-price,
.second-contents-wrap .shop-phone{
	margin-bottom: 5px;
}

.shop-place:before{
	background: url("../image/icon/icon-shop-marker.svg") no-repeat center;
	background-size: contain;
}

.superior-shop .shop-time:before{
	background: url("../image/icon/icon-time.svg") no-repeat center;
	background-size:contain;
	left: 15px;
}

.shop-time:before{
	background: url("../image/icon/icon-time.svg") no-repeat center;
	background-size:contain;
}

.shop-price:before{
	background: url("../image/icon/icon-yen.svg") no-repeat center;
	background-size:contain;
}

.superior-shop .shop-phone:before{
	background: url("../image/icon/icon-shop-phone.svg") no-repeat center;
	background-size:contain;
	left: 15px;
}

.superior-shop .shop-categorys:before{
	background: url("../image/icon/icon-category.svg") no-repeat center;
	background-size: contain;
	left:15px;
}


/* 2022-05追加 ▼ ここから ▼ --------------- */	
#is_smartphone .shop-hp,	
#is_tablet .shop-hp{	
background: transparent;	
opacity: 1;	
}	
#is_smartphone .superior-shop .shop-ph a .shop-hp p,	
#is_tablet .superior-shop .shop-ph a .shop-hp p{	
display: flex;	
justify-content: center;	
align-items: center;	
width: 100%;	
max-width: 100%;	
padding: 0 6px;	
background: rgba(143,195,31,0.7);	
height: 46px;	
top: 50%;	
left: 0;	
transform: translateY(-50%);	
border-radius: 0;	
}	
/* 2022-05追加 ▲ ここまで ▲ --------------- */




.shop-ph{
	width:188px;
	line-height: 0;
}

.shop-ph a{
	display: block;
	line-height: 0;
}

.shop-ph a:hover{
	opacity: .7;
}

.superior-shop .shop-ph a {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.shop-hp {
	transition: all .6s;
	opacity: 0;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.superior-shop .shop-ph a .shop-hp p {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 18px;
	width: 80%;
	max-width: 98px;
	font-size: 18px;
	background: #8fc31f;
	padding: 6px;
	border-radius: 12px;
	text-align: center;
}
.superior-shop .shop-ph a:hover {
	opacity: inherit;
}
.superior-shop .shop-ph a:hover .shop-hp {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-self: center;
	opacity: 1;
}

/* 2022-05追加 ▼ ここから ▼ --------------- */
#is_smartphone .shop-hp,
#is_tablet .shop-hp{
	background: transparent;
	opacity: 1;
}
#is_smartphone .superior-shop .shop-ph a .shop-hp p,
#is_tablet .superior-shop .shop-ph a .shop-hp p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	padding: 0 6px;
	background: rgba(0,184,238,0.7);
	height: 46px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 0;
}
/* 2022-05追加 ▲ ここまで ▲ --------------- */



.shop-date-text{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% - 188px);
	padding-left: 20px;
}

.superior-shop .shop-base-info .shop-title-icon{
	margin-top: 0;
}

.superior-shop .shop-base-info .shop-title-icon:nth-child(-n+2){
	margin-bottom: 8px;
}
.superior-shop .shop-date-text .shop-base-info{
	display: flex;
	flex-wrap: wrap;
}
.sp-shop-base-info{
	display: none;
}
.superior-shop .shop-date-text .shop-base-info .shop-info-list{
	width: 50%;
	border-bottom: solid 1px #e5e5e5;
	padding-top: 4px;
	padding-bottom: 7px;
	color: #000;
}
.superior-shop .shop-date-text .shop-base-info .shop-phone:hover{
	color: #8fc31f;	
}
/*
.shop-base-info p.shop-info-list span{
	display: block;
	overflow: hidden;
}
*/
.superior-shop .shop-date-text .shop-base-info .shop-info-list:nth-child(odd){
	padding-right: 15px;
	position: relative;
}
.superior-shop .shop-date-text .shop-base-info .shop-info-list:nth-child(odd):after{
	content: "";
	width: 1px;
	height: calc(100% - 9px);
	background: #e5e5e5;
	position: absolute;
	top: 0;
	right: 0;
}
.superior-shop .shop-date-text .shop-base-info .shop-info-list:nth-child(even){
	padding-left: 42px;
}
.shop-date-text .s-message{
	position: relative;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: solid 1px #E5E5E5;
}

.s-message:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 40px;
	height: 1px;
	background: #8fc31f;
}

.shop-tag-wrap{
	display:-webkit-box;
    display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 5px 38px;
	position: relative;
	margin-top:-5px;
	margin-bottom: 5px;
}

.shop-tag-wrap:before{
	content: "";
	width:28px;
	height: 28px;
	background: url("../image/icon/icon-tag.png") no-repeat center;
	background-size:contain;
	position: absolute;
	top:5px;
	left:0;
}

.shop-tag-wrap ol{
	display:-webkit-box;
    display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.shop-tag-wrap li{
	margin:5px 0;
}

.shop-tag-wrap li:not(:last-child){
	margin-right: 10px;
}

.shop-tag-wrap li a{
	display: block;
	color:#8fc31f;
	font-size: 13px;
	border-radius: 12px;
	border: solid 1px #8fc31f;
	background:#fff;
	padding: 3px 8px;
	line-height: 1.4;
	letter-spacing: 0.04rem;
}

.shop-tag-wrap li a:hover{
	color: #fff;
	background:#8fc31f; /*#d72887;*/
	border: solid 1px #8fc31f; /*#d72887;*/
}

.shop-date-text .shop-text-inner{
	width: 100%;
}

.shop-date-text h3{
	font-size:18px;
	font-weight: normal;
	border-top:solid 1px #8fc31f;
	border-bottom:solid 1px #8fc31f;
	padding:10px 0;
	margin-bottom: 10px;
}

.shop-date-text .shop-date-textsub .shop-text-box p{
	font-size: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.shop-sns-wrap{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top:20px;
}

.shop-button{
	width: 48.820754717%;
}

.shop-button:not(:last-of-type){
	margin-right: 2.358490566%;
}

.second-cotainer + .common-area-wrap{
	margin-bottom: 100px;
}

.shop-date-text .button-base{
	margin: auto 0 0 0;
}

.shop-box.other-shop-box .shop-title{
	background: #fff;
}

.shop-box.other-shop-box .shop-title .shop-tile-word h3{
	font-size: 18px;
	border-bottom: solid 1px #E5E5E5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
      
/* 相互リンク 2024-06追加 ▼ ここから ▼ -------------------- */
.second-contents-wrap p{
	margin-bottom: 30px;
	display: block;
	width: 100%;
}

ul.t-link-ul{
  width: calc(100% + 1.2rem);
  margin-left: -6px;
  position: relative;
  top: -6px;
  text-align: center;
}
.t-link-ul li{
  width: auto;
  float: left;
  text-align: center;
  margin: 0.6rem 11.2px;
}
.t-link-ul li a{
  display: inline-block;
  width: 200px;
}
/* ul.t-link-ul + p{
  margin-top: 0.8rem;
} */
/* 相互リンク 2024-06追加 ▲ ここまで ▲ -------------------- */


@media all and (-ms-high-contrast:none) {
	.shop-button a {
		height: 39px;
	}
}

.shop-button a{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width:100%;
	text-align: center;
	color: #fff;
	padding: 5px 10px;
	position: relative;
	border-radius: 12px;
}

.shop-button a span{
	position: relative;
	padding:5px 0 5px 35px;
}

.shop-button.shop-web-button a span{
	padding-left:0;
}

.line-button a{
	background-color:#51d402;
	box-shadow:1px 2px rgba(19,79,0,0.55);
}

.tel-button a{
	background-color:#2b7bf3;
	box-shadow:1px 2px rgba(3,20,142,0.55);
}

.shop-web-button a{
	background-color:#8fc31f;
	box-shadow:1px 2px rgba(142,3,78,0.55);
	position: relative;
}

.shop-web-button a:before{
	content: "";
	position: absolute;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 10px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	top: 50%;
	transform: translateY(-50%);
}

.line-button a span:before{
	content: "";
	position: absolute;
	width:29px;
	height: 29px;
	background: url("../image/icon/icon-line.svg") no-repeat center;
	background-size:contain;
	left: 0;
  top: 50%;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tel-button a span:before{
	content: "";
	position: absolute;
	width:25px;
	height: 25px;
	background: url("../image/icon/icon-tel.svg") no-repeat center;
	background-size:contain;
	left: 0;
  top: 50%;
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.line-button a:hover{
	background-color: #3fa402;
}

.tel-button a:hover{
	background-color: #2a63b7;
}

.shop-web-button a:hover{
	background-color: #d72887;
}

.other-shop-box .shop-date-text{
	padding-left: 0;
}

.other-shop-box .shop-date-wrap{
	padding-top:0;
}

.other-shop-box .shop-tag-wrap{
	margin-bottom:0;
}

.shop-date-text .shop-base-info p{
	font-size: 14px;
}

.shop-date-textsub.sp-hidden{
	display: none;
}

.superior-shop .shop-tile-word{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.superior-shop .shop-tile-word h3{
	width: 100%;
}

.shop-coupon-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #000;
	width: 100%;
	margin-top: 12px;
	border: solid 1px #8FC31F;
}

.shop-coupon-box:hover{
	background-color: #f0fcd7;
}

.coupon-off-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 72px;
	background:#8FC31F; 
	padding: 12px;
}
.coupon-off-box .off-number{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	justify-content: center;
}
.off-number p{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.off-number .sub{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 2px 2px;
}

.coupon-text{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% - 72px);
	padding: 12px;
	background: url('../image/icon/oncla_stamp.svg') no-repeat;
	background-position: 98%;
	background-size:62px;
}
.shop-text-box{
	width: 100%;
	margin-top: 15px;
}
.shop-coupon-box .coupon-text h4{
	font-size: 14px;
	color: #8FC31F;	
}
.cupon-sec{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.cupon-sec p{
	display: table;
	font-size: 13px;
}
.cupon-sec .cupon-dis{
	position: relative;
	padding-left: 24px;
}
.cupon-sec .cupon-dis:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	border-color: transparent transparent transparent #D40606;
	margin: 0 8px;
	position: absolute;
	top: 7px;
	left: 0;
}
.cupon-dis span{
	color: #D40606;
	font-weight: bold;
}
.cupon-sec .cupon-time,
.cupon-sec .cupon-price{
	font-size: 18px;
}
.shop-date-textsub{
	width: 100%;
}
.more-btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
	width: 168px;
	height: 36px;
	background: #8FC31F;
	border-radius: 12px;
	position: relative;
	margin: auto 0 auto auto;
}
.more-btn:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 11px;
	height: 11px;
	margin-top: -6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.more-btn p{
	font-size: 15px;
	color: #fff;
	text-align: center;
}


/* side */
.second-side-wrap .side-h2-style{
	font-size:18px;
	font-weight: normal;
	color:#fff;
	background:#8fc31f;
	padding: 10px;
	text-align: center;
}

.ranking-item{
	border-bottom:dotted 1px #8fc31f;
}

.ranking-item:last-of-type{
	border-bottom: none;
}

.ranking-item div[class^="rank-"], /* 2020-01追加 */
.ranking-item a{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color:#000;
	padding:15px;
}

.ranking-item a:hover{
	opacity: .7;
}

.ranking-item h3{
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin-bottom: 5px;
}

.ranking-ph{
	width: 36%;
}

.ranking-text{
	width: 64%;
	padding-left: 3.623188405%;
}

.second-side-wrap .ranking-inner .shop-title-icon{
	font-size:13px;
}

.second-side-wrap .ranking-inner .shop-time{
	margin:0 0 5px 0;
}

.second-side-wrap [class^="rank-"] h3{ /* 2019-12追加 */
	width: 100%;
}

.second-side-wrap .rank-1 h3{
	background: url("../image/icon/ranking_1.png") no-repeat left top;
	background-size: 22px auto;
	padding-left: 27px;
}

.second-side-wrap .rank-2 h3{
	background: url("../image/icon/ranking_2.png") no-repeat left top;
	background-size: 22px auto;
	padding-left: 27px;
}

.second-side-wrap .rank-3 h3{
	background: url("../image/icon/ranking_3.png") no-repeat left top;
	background-size: 22px auto;
	padding-left: 27px;
}

.second-side-wrap .rank-4 h3{
	background: url("../image/icon/ranking_4.png") no-repeat left top;
	background-size: 22px auto;
	padding-left: 27px;
}

.second-side-wrap .rank-5 h3{
	background: url("../image/icon/ranking_5.png") no-repeat left top;
	background-size: 22px auto;
	padding-left: 27px;
}


/* sideエリア検索 */
.side-area-wrap li,
.side-sub-inner li{
	border-top:dotted 1px #8fc31f;
}

.side-area-wrap .area-prefectures{
	border-top: 0;
}

.side-area-wrap .area-prefectures > a{
	border-top:dotted 1px #8fc31f;
}

.side-area-wrap .area-prefectures:first-of-type > a{
	border-top:0;
}

.side-area-wrap a{
	display: block;
	font-size:16px;
	color:#000;
	width: 100%;
	padding:15px;
}

.side-area-wrap a:hover,
.side-category-inner li a:hover,
.side-feature-inner li a:hover,
.side-okplay-inner li a:hover,
.pager-box .link-item:hover,
.side-sub-inner li a:hover,
.side-select-box:hover{
	background-color:#f0fcd7;
}

.column-title-tag a:hover{
	color:#8fc31f;
}

.side-sub-area a{
	padding-left: 35px;
	position: relative;
}

.side-sub-area a:before{
	content: "";
	width: 10px;
	height: 20px;
	position: absolute;
	left:15px;
	background: url("../image/icon/icon-side-list.svg") no-repeat center;
	background-size: contain;
}

.side-category-inner li,
.side-feature-inner li,
.side-okplay-inner li{
	border-top:dotted 1px #8fc31f;
}

.side-category-inner li:first-of-type,
.side-feature-inner li:first-of-type,
.side-okplay-inner li:first-of-type{
	border-top:0;
}

.side-category-inner li a,
.side-feature-inner li a,
.side-okplay-inner li a,
.side-sub-inner li a,
.side-select-box{
	display: block;
	font-size: 16px;
	color: #000;
	width: 100%;
	padding: 15px;
}


#contents.second-main-area.second-shop-area{
	background-image: url("../image/shop_bg.png");
}

#contents.play-contact-area{
	background-image: url("../image/play_bg.png");
}

#contents.second-main-area.second-category-area{
	background-image: url("../image/category_bg.png");
}

/* コラム一覧 */
#contents.second-main-area{
	width: 100%;
	height: 300px;
	padding: 0;
}
#contents.second-column-area{
	background-image: url("../image/colum_ph_bg.png");
}

#contents.second-word-area{
	background-image: url("../image/word_ph_bg.png");
}

.second-main-area .second-cotainer{
	justify-content: center;
  align-items: center;
	position: relative;
	height: 100%;
	/*height: 300px;*/
}

.second-main-area .second-cotainer .second-main-title{
	color:#fff;
	font-size: 48px;
	display: inline-block;
	position: relative;
	padding: 0 160px;
	letter-spacing: 0.3rem;
	text-align: center;
}

.second-main-title:before,
.second-main-title:after{
	content: "";
	width: 120px;
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.second-main-title:before{
	left: 0;
}

.second-main-title:after{
	right: 0;
}


.second-cotainer .column-item{
	width: 31.007674418%;
	margin: 6.976744186% 3.488372093% 0 0;
}

.second-cotainer .column-item:nth-child(-n + 3){
	margin-top: 0;
}

.second-cotainer .column-item:nth-child(3n){
	margin-right: 0;
}

.column-ranking-item a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:15px;
}

.column-ranking-item  a:hover img{
	opacity: .7;
}

.column-ranking-item a:hover .side-h3{
	color:#8fc31f;
}

.column-ranking-item:not(:last-of-type){
	border-bottom:dotted 1px #8fc31f;
}

.column-ranking-item .ranking-ph{
	width: 72px;
	height: 72px;
}

.second-side-wrap .column-ranking-item .side-h3{
	color:#000;
	font-weight: normal;
	width: calc(100% - 82px);
  margin-left: auto;
}

.category-box {
	display: -webkit-box;
  display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -5px;
  margin-bottom: 5px;
}

.category-box li{
	margin: 5px 0;
}

.category-box li:not(:last-child) {
    margin-right: 10px;
}

.category-box li a{
	display: block;
	color: #8fc31f;
	font-size: 13px;
	width: 100%;
	border-radius: 12px;
	border: solid 1px #8fc31f;
	background: #fff;
	padding: 3px 8px;
	line-height: 1.4;
	letter-spacing: 0.04rem;
}

.category-box li a:hover{
  color: #fff;
	background: #8fc31f;
	border: solid 1px #8fc31f;
}

/* コラム */
.column-contents-wrap,
.second-contents-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.column-title-wrap{
	display: block;
	width:100%;
}

.column-contents-wrap .column-title,
.second-title-h2,
.second-contents-nph-wrap .second-title-h2,
.area-contents-wrap .area-h3-title{
	width: 100%;
	font-size:28px;
	border-bottom:solid 2px #c0c0c0;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.sitemap-wrap .title{
	width: 100%;
	font-size:28px;
	font-weight: bold;
	border-bottom:solid 2px #c0c0c0;
	margin-bottom: 0;
	padding-bottom: 15px;
}


.second-contents-wrap .second-title-wrap + p{
	margin-top:15px;
}

.column-title-wrap{
	width: 100%;
	margin-bottom: 30px;
}

.second-title-wrap{
	width: 100%;
	margin-bottom: 15px;
}

.column-title-wrap + p{
	margin-top:15px;
}

.column-title-bottom time,
.column-title-bottom a,
.second-title-bottom time,
.second-title-bottom a{
	color:#000;
	font-size: 14px;
}

.column-title-bottom,
.second-title-bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.column-title-bottom time,
.second-title-bottom time{
	position: relative;
	padding-left: 23px;
}

.column-title-bottom time:before,
.second-title-bottom time:before{
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(../image/icon/icon-time.png) no-repeat center;
  background-size: contain;
	top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.column-title-tag,
.second-title-bag{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* padding: 0 0 5px 38px; */
	position: relative;
	margin-left: 15px;
}

/* .column-title-tag{ */
.column-title-tag li{
	position: relative;
	padding-left: 23px;
	margin-right: .25rem;
}

/* .column-title-tag:before{ */
.column-title-tag li:before{
	content: "";
	position: absolute;
	left:0;
	top:0;
	background: url("../image/icon/icon-tag.png") no-repeat center;
	background-size:contain;
	width: 19px;
	height: 19px;
}

.column-main-ph {
	display: block;
	line-height: 0;
	margin-bottom: 30px;
}

.second-title-h2-other{
	font-size:28px;
	color:#000;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-left: 15px;
	border-left: solid 5px #8fc31f;
}

.contents_common .second-contents-wrap h3, /* 2020-01追加 */
body.article_detail .column-contents-wrap h3, /* 2020-01追加 */
.column-contents-wrap .column-heading,
.second-title-h3{
	color:#8fc31f;
	background:#f0fcd7;
	border-radius: 12px;
	font-size: 20px;
	width: 100%;
	padding: 15px;
	margin-top:15px;
	margin-bottom: 15px;
}

.second-contents-nph-wrap .second-title-h3:first-of-type{
	margin-top: 15px;
}

.column-contents-wrap p,
.second-contents-wrap p{
	margin-bottom: 30px;
}

.second-contents-nph-wrap p:last-of-type {
  margin-bottom: 0;
}

.contents_common .second-contents-wrap h4, /* 2020-01追加 */
body.article_detail .column-contents-wrap h4, /* 2020-01追加 */
.column-contents-wrap .column-sub-heading{
	width: 100%;
	color:#000;
	border-bottom:solid 1px #000;
	padding-bottom: 15px;
	font-size: 18px;
	margin-top:15px;
	margin-bottom: 30px;
}


.second-contents-nph-wrap h2,
.second-contents-nph-wrap h3,
.second-contents-nph-wrap h4,
.second-contents-nph-wrap h5{
	font-size: 18px;
	margin-bottom: 5px;
}

body.article_detail .column-contents-wrap h5{
	width: 100%;
	color:#000;
	font-size: 17px;
	border-left: solid 5px #8fc31f;
	padding: 5px 0 5px 10px;
	margin-bottom: 15px;
}

.pager-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pager-box .link-item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
	background:#fff;
	padding: 15px;
}

.link-item p{
	width: calc(100% - 66px);
	color:#000;

	margin-left: auto;
}

.prev-link{
	border-radius: 12px 0 0 12px;
	border:solid 1px #c0c0c0;
}

.next-link{
	border-radius:0 12px 12px 0;
	border:solid 1px #c0c0c0;
	border-left:0;
}

.prev-link .prev-next-label{
	width:16px;
	height: 36px;
	background: url("../image/icon/colum_prev_item.png") no-repeat center;
	margin-right: auto;
	margin-left: 15px;
}

.next-link .prev-next-label{
	width:16px;
	height: 36px;
	background: url("../image/icon/colum_next_item.png") no-repeat center;
	margin-right:15px;
	margin-left: auto;
}

.r-article-wrap .column-item{
	margin-top:2.5%;
}

.r-article-wrap .shop-tag-wrap:before{
	content: none;
}

.r-article-wrap .column-item:nth-child(-n + 4){
	margin-top:0;
}

.r-article-wrap .column-item:nth-child(4n){
	margin-right: 0;
}


/* エリア下テキスト部分 */
.area-shop-text-wrap .pinsaro-t-inner{
	margin-top: 30px;
}

.pinsaro-t-box .h3-style + .pinsaro-t-inner{
	margin-top:0;
}


/* サイトマップ  */
#contents.second-sitemap-area {
    background-image: url(../image/sitemap_bg.png);
}

.sitemap-contents{
	width: 100%;
}

.sitemap-contents:not(:last-of-type){
	margin-bottom: 50px;
}

.sitemap-contents h2{
	color: #8fc31f;
	background: #f0fcd7;
	border-radius: 12px;
	font-size: 20px;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
}

.sitemap-contents-list:not(:last-of-type){
	margin-bottom: 40px;
}

.sitemap-contents-list h3{
	font-size: 18px;
	margin-bottom: 14px;
	border-left: solid 4px #8fc31f;
	padding-left: 9px;
}

.sitemap-contents-list h4{
	color: #8fc31f;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

.sitemap-contents .sitemap-contents-list li:nth-child(3n){
	margin-right: 1.3333%;
}

.sitemap-contents .sitemap-contents-list li{
	width: 24%;
	margin-right: 1.3333%;
}

.sitemap-contents .sitemap-contents-list li:nth-child(4n){
	margin-right: 0;
}

.sitemap-contents .sitemap-contents-list li:nth-child(n + 5){
	margin-top: 1.3333%;
}

.sitemap-contents .sitemap-contents-list li a{
	font-size: 14px;
	padding: 5px;
	border: solid 1px #e5e5e5;
 	border-radius: 8px;
	text-align: center;
}

.sitemap-contents .sitemap-contents-list li a:hover{
	color: #fff;
	background: #8fc31f;
	border: solid 1px #8fc31f;
}

.sitemap-list:not(:last-of-type){
	margin-bottom: 20px;
}

.sitemap-contents ul{
	display: -webkit-box;
  display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sitemap-contents ul li{
	width: 31%;
	margin-right: 3.5%;
}

.sitemap-contents ul li:nth-child(3n){
	margin-right: 0;
}

.sitemap-contents ul li a{
	display: block;
	width: 100%;
	font-size: 16px;
  color: #000;
	line-height: 1.8;
	padding: 5px 0;
}

.sitemap-contents ul li a:hover{
	color: #8fc31f;
}

.top-area-scroll{
	display: none;
}


/* 2020-09-04追加分 */
.otherinfo-box:not(:last-of-type){
	margin-bottom: 40px;
}

.otherinfo-box p{
	font-size: 15px;
}

.pinsaro-otherinfo .area-h2-style{
	margin-bottom: 12px;
}

.s-table-style{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border:solid 1px #e5e5e5;
}

.s-table-style + p{
	margin-top: 10px;
}

.s-table-boxwrap{
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	/*flex: 1;*/
}

.s-table-box{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 16px;
}

.s-table-boxwrap:not(:last-of-type){
	border-right:solid 1px #e5e5e5;
}

.s-table-box:nth-of-type(1){
	background: #f5f5f5;
	border-bottom:solid 1px #e5e5e5;
}

.s-table-box h3{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

.s-table-box h3 br{ display: none;}

.s-table-boxinner{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
  -ms-flex-pack: center;
	justify-content: center;
  margin: 0 auto;
}

.s-table-box .shop-number{
	font-size: 24px;
	font-weight: bold;
}

.s-table-box span{
	font-size: 16px;
	color: #8fc31f;
}

.shop-prices-box .s-table-boxwrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex: none;
	width: 100%;
}

.shop-prices-box .s-table-boxwrap:not(:last-of-type){
	border-right:0;
}

.shop-prices-box .s-table-boxwrap:not(:last-of-type){
	border-bottom: solid 1px #e5e5e5;
}

.shop-prices-box.s-table-style .s-table-box:nth-of-type(1){
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 42%;
	border-bottom: 0;
	border-right: solid 1px #e5e5e5;
}

.shop-prices-box.s-table-style .s-table-box:nth-of-type(2){
	width: 58%;
}

.s-rankingwrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.s-ranking-box{
	width: calc(50% - 10px);
}

.s-ranking-box:nth-of-type(2){
	margin-left: 20px;
}

.s-ranking-box h3{
	font-size: 16px;
	margin-bottom: 10px;
}

.s-ranking-box .s-table-boxwrap{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex: initial;
	width: 100%;
}

.s-ranking-box .s-table-boxwrap:not(:last-of-type){
	border-right:0;
	border-bottom: solid 1px #e5e5e5;
}

.s-ranking-box .s-table-box{
	width: 37.5%;
}

.s-ranking-box .s-table-box:nth-of-type(1){
	border-bottom: 0;
	border-right: solid 1px #e5e5e5;
}

.s-table-box .rank{
	position: relative;
	display: table;
  margin: 0 auto;
	padding-left: 28px;
	font-size: 16px;
	font-weight: bold;
}

.s-table-box .ranking-1:before,
.s-table-box .ranking-2:before,
.s-table-box .ranking-3:before{
	content: "";
	position: absolute;
	width: 22px;
	height: 17px;
	top:3px;
	left: 0;
}

.s-table-box .ranking-1:before{
	background: url("../image/icon/ranking_1.png") no-repeat center;
	background-size: contain;
}

.s-table-box .ranking-2:before{
	background: url("../image/icon/ranking_2.png") no-repeat center;
	background-size: contain;
}

.s-table-box .ranking-3:before{
	background: url("../image/icon/ranking_3.png") no-repeat center;
	background-size: contain;
}

.s-ranking-box .s-table-box.s-ranking-area{
	width: 62.5%;
	max-width: inherit;
}

.s-ranking-area .s-table-boxinner{
	width: 100%;
}

.shop-rank-subcategory{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 60px;
}

.subcategory-box{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	width:calc(50% - 10px);
	color: #000;
	border:solid 1px #e5e5e5;
}


.subcategory-box:hover{
	background:#ffebfe;
	color: #000;
}

.subcategory-box:hover .ph-box{
	opacity: .7;
}

.subcategory-box:nth-child(2n){
	margin-left: 20px;

}

.subcategory-box:nth-child(n + 3){
	margin-top: 20px;
}

.subcategory-box .ph-box{
	width: 100px;
}

.subcategory-box .ph-box img{
	width: 100px;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.ph-box.s-category-foge{
	border-right:solid 1px #e5e5e5;
}
.subcategory-box .ph-box + .text-box{
	width: calc(100% - 100px);
	padding: 20px;
}

.subcategory-box .text-box{
	width: 100%;
	padding: 20px;
}

.subcategory-box .text-box h3{
	font-size: 16px;
	margin-bottom: 10px;
}

.area-aroundbox.pinsaro-otherinfo{
	margin-bottom: 60px;
}

.around-peripheral li{
	font-size: 15px;
	position: relative;
	padding-left: 24px;
}

.around-peripheral li:not(:last-of-type){
	margin-bottom: 12px;
}

.around-peripheral li:before{
	content: "";
	position: absolute;
	top:2px;
	left: 0;
	width: 16px;
	height: 16px;
	background:url('../image/icon/check_icon.svg') no-repeat center;
}

.around-linkbox{
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 24px;
}

.around-linkbox .link-button{
	display: block;
	width: calc(50% - 10px);
}

.around-linkbox .link-button:nth-of-type(2){
	margin-left: 20px;
}

.around-linkbox .link-button{
	display: block;
	color: #fff;
	font-size: 16px;
	border-radius: 12px;
	background: #8fc31f;
	text-align: center;
	padding: 10px 20px 10px 10px;
	position: relative;
}

.around-linkbox .link-button:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 11px;
	height: 11px;
	margin-top: -6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.around-linkbox .link-button:hover{
	/* background: #d72887; */
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
}


#contents.second-policyterms-area {
    background-image: url(../image/policyterms_bg.png);
}


.top-area-scroll{
	display: none;
}


.side-sub-inner{
	border: solid 1px #f4f4f4;
    border-top: 0;
}


.side-sub-inner li:first-of-type{
	border-top: 0;
}


.side-accodion{
	position: relative;
	border-bottom: dotted 1px #fff;
}

.side-accodion:hover{
	/* background: #8fc31f; */
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
	cursor: pointer;
}

.side-accodion.open{
	border-bottom: 0;
}

.side-icon{
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform:translateY(-50%);
	transform: translateY(-50%);
}

.side-icon .side-icon-inner{
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
}

.side-icon .side-icon-inner span{
	position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.side-icon .side-icon-inner span:nth-of-type(1){
	top: 7px;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.side-icon .side-icon-inner span:nth-of-type(2){
	top: 7px;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.side-accodion.open .side-icon .side-icon-inner span:nth-of-type(2){
	display: none;
}

/* タイプ別ページ追加分 */
.type-container .breadcrumb {
	margin-top: 0;
	padding-top: 30px;
}

.type-container .breadcrumb + .cotainer {
  margin-top: 0;
}

.type-container .breadcrumb, .type-container .breadcrumb + .cotainer {
	position: relative;
	z-index: 5;
}

.type-search-container {
	background: url(../image/onacla_type_searchbg.png) no-repeat center bottom #fff;
	background-size: 100% auto;
	position: relative;
}

.type-search-container:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(240,252,215,.3);
}

.what-content h2 {
	font-size: 32px;
	font-weight: normal;
	color: #8fc31f;
	margin-bottom: 12px;
}

.what-content p {
  font-size: 18px;
}

.content-ac-wrap {
	background: rgba(255,255,255,.8);
	padding: 30px;
	margin-top: 40px;
	box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
}

.c-acbox:not(:last-of-type) {
  margin-bottom: 24px;
}

.c-ac-area h4 {
	display: inline-block;
	font-size: 16px;
	padding-left: 10px;
	border-left: solid 4px #8fc31f;
}

.c-ac-area-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px;
}

.c-ac-area-wrap li:nth-child(6n) {
  margin-right: 0;
}

.c-ac-area-wrap li:nth-child(n + 7) {
  margin-top: 1.03092783505155%;
}

.c-ac-area-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15.80755979381443%;
	margin-right: 1.03092783505155%;
}

.c-ac-area-wrap li a {
	width: 100%;
	color: #000;
	border-radius: 12px;
	border: solid 1px #000;
	text-align: center;
	padding: 10px;
}

.c-ac-area-wrap li a:hover {
	color: #fff;
	background: #8fc31f;
	border: solid 1px #8fc31f;
}

/* 2020-11追加 ▼ ここから ▼ */
.c-ac-area-wrap li a.disabled {
	color:#666;
	background-color: #e4e4e4;
	border:solid 1px #666;
}
.c-ac-area-wrap li a:hover.disabled {
	color:#666;
	border:solid 1px #666;
	cursor: text;
}
/* 2020-11追加 ▲ ここまで ▲ */

.type-feature .type-difference h2 {
	font-size: 32px;
	font-weight: normal;
	color: #8fc31f;
	text-align: center;
	margin-bottom: 20px;
}

.type-difference.cotainer {
  margin-bottom: 40px;
}

.type-difference p {
  text-align: center;
}

.s-br { display: none; }

.type-merit {
	background: url(../image/onakula_merit_bg.png) no-repeat center;
	background-size: cover;
}

.type-merit .cotainer, .type-demerit .cotainer {
	margin: 0 auto;
	padding: 100px 0;
}

.type-merit .h2-style {
	color: #fff;
	margin-bottom: 30px;
}

.type-merit .h2-style:before, .type-merit .h2-style:after {
  background: #fff;
}

.md-box:not(:last-of-type) {
  margin-bottom: 30px;
}


.md-box {
	background: rgba(255,255,255,.8);
	padding: 30px;
}

.md-box h3 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.md-box h3:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 40px;
	height: 4px;
	background: #8fc31f;
}

.md-box h3 .sub {
	color: #8fc31f;
	font-size: 18px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 2px;
}

.md-box h3 .main {
	font-size: 24px;
	width: 100%;
}

.type-demerit {
	background: url(../image/onakula_demerit_bg.png) no-repeat center;
	background-size: cover;
}

.type-other-box:not(:first-of-type) {
  margin-top: 60px;
}

.type-other-box {
	display: flex;
	flex-wrap: wrap;
}

.type-other-box .ph-area {
	width: 43.68932038834951%;
	line-height: 0;
}

.type-other-box .text-area {
	width: 56.31067961165049%;
	padding-left: 30px;
}

.type-enjoy.type-other-box .text-area {
	padding-left: 0;
	padding-right: 30px;
}

.type-other-box .text-area h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 22px;
	font-weight: normal;
	color: #8fc31f;
	margin-bottom: 12px;
}

.type-other-box .text-area .sub, .type-other-box .text-area .main {
  width: 100%;
}

.type-other-box .text-area ul li {
	position: relative;
	font-size: 18px;
	padding-left: 1.1em;
}

.type-other-box .text-area ul li:before {
	content: "・";
	font-size: 18px;
	position: absolute;
	left: 0;
}

.type-enjoy.type-other-box {
  flex-direction: row-reverse;
}

.c-ac-area {
  pointer-events: none;
}

.what-content {
  padding-bottom: 100px;
}

.list_description.list_t_description .pinsaro-t-box h2{
	font-size: 18px;
	font-weight: bold;
}

.list_description.list_t_description .pinsaro-t-box h2:before{
	margin-right: 15px;
}

.list_description.list_t_description .pinsaro-t-box h2:after{
	margin-left: 15px;
}


.list_description.list_t_description .pinsaro-t-box h3{
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 6px;
}

.list_description.list_t_description .pinsaro-t-box h4{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 6px;
}

.list_description.list_t_description .pinsaro-t-box p:not(:last-of-type){
	margin-bottom: 15px;
}

.list_description.list_t_description .pinsaro-t-box p{
	font-size: 12px;
}

#text-more-b{
	display: none;
}


.sp-top-select{
	display: none;
}
.second-side-wrap .side-box:not(:last-of-type){
	margin-bottom: 30px;	
}
.second-side-wrap .side-box{
	border:solid 1px #8fc31f;
}
.side-select-box:not(:last-of-type){
	border-bottom: dotted 1px #8fc31f;
}
.side-area-wrap .side-select-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}
.side-select-box i{
	display: block;
	position: relative;
	width: 17px;
	height: 17px;
	margin-left:auto;
}
.side-select-box i:before{
	content: "";
	position: absolute;
	display: block;
	width: 11px;
	height: 11px;
	border-top: 1px solid #8fc31f;
	border-right: 1px solid #8fc31f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.side-select-box dl{
	width: calc(100% - 24px);
}
.side-select-box dt{
	font-size: 18px;
	font-weight: bold;
	color: #8fc31f;
}
.side-select-box dd{
	font-size: 12px;
}
.side-shop-wrap ul{
	padding: 15px;
}
.side-shop-wrap ul li:not(:last-of-type){
	margin-bottom: 15px;	
}
.side-shop-wrap ul a{
	display: block;
	color: #000;
}
.side-shop-wrap ul span{
	display: block;
	font-size: 15px;
	text-align: center;
	margin-top: 2px;
}
.side-shop-wrap ul a:hover img{
	opacity: .7;
}
.side-shop-wrap ul a:hover span{
	color: #8FC31F;
}




@media only screen and (max-width: 1199px){
	.second-cotainer{
		width: 100%;
		padding:0 15px;
	}

	.drawer_nav_wrapper.gnav-style, .nav_inner{
		display: block;
    width: 100%;
    position: static;
	}

	.drawer_menu .drawer_nav {
    padding: 0 15px;
    width: 100%;
	}
	
	/* nav非表示時に罫線がなくなってしまう為、追加 */
	#header_inner.second-header{
		border-bottom: solid 1px #e5e5e5;
	}

	/* パンくず */
	.breadcrumb{
		width:100%;
		padding:0 15px;
	}


	.main-wrap {
    width: 72.033898305%;
	}

	.second-side-wrap{
		width: 24.576271187%;
		margin-left: 3.389830508%;
	}

	.area-h2-style,
	.area-contents-wrap .area-h2-style{
		margin-bottom: 30px;
	}

	.what-content {
    padding-bottom: 80px;
	}

	.shop-box:not(:first-of-type){
		margin-top: 30px;
	}

	/* タイプ別ページ追加分 */
	.what-content h2, .cotainer .content-ac-wrap .h2-style, .type-feature .type-difference h2, .cotainer .h2-style {
    font-size: 28px;
	}

	.type-merit .cotainer, .type-demerit .cotainer {
    padding: 80px 15px;
	}
	.other-shop-box .shop-title,
	.shop-date-wrap,
	.shop-title{
		padding:15px;
	}
	
	

}






@media only screen and  (max-width: 899px){
	/* 2024-02追加 ▼ ここから ▼ -------------------- */
	/* パンくずリスト */
	.breadcrumb-area{
		margin-bottom: 10px;
	}
	.main-other .breadcrumb, /* 2024-02追加 */
	.breadcrumb-area .breadcrumb{
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap; /* スクロールバー非表示 */
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
	}

	.main-other .breadcrumb::-webkit-scrollbar, /* 2024-02追加 */
	.breadcrumb-area .breadcrumb::-webkit-scrollbar {
		display:none; /* Chrome, Safari 対応 */
	}

	.main-other .cotainer, /* 2024-02追加 */
	.breadcrumb-area .cotainer{
		padding-right: 0;
	}
	.main-other .breadcrumb{
		width: auto;
		/* margin:30px auto; */
		/* display: block; */
		/* overflow: hidden; */
		display: flex;
		padding: 0 15px;
		margin: 16px auto;
	}
	.main-other .breadcrumb li{
		display: list-item;
		/* float: none; */
	}
	/* 2024-02追加 ▲ ここまで ▲ -------------------- */

	.drawer_nav_wrapper.gnav-style,
	.nav_inner{
		border-bottom: none;
	}

	.drawer_menu .drawer_nav_wrapper {
		width: 40%;
		height: 100%;
		transition: all 0.4s;
		transform: translate(0);
		position: fixed;
		top: 0;
		right: -40%;
		z-index: 1000;
		background-color: #FFF;
		opacity: 0;
	}

	.drawer_menu .drawer_nav_wrapper.open,
	.s-menu open{
		transform: translate(0);
		right:0;
		opacity: 1;
	}

	.gnav .drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}

	.drawer_menu.left .drawer_nav_wrapper {
		transform: translate(-312px);
		right: auto;
		left: 0;
	}

	.drawer_menu.left .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.nav-close{
		display: none;
		width: 44px;
		height: 44px;
		position: absolute;
		top:0;
		left: -44px;
		background:url("../image/icon_close.svg") no-repeat center;
		background-size: 28px;
	}

	.open .nav-close{
		display: block!important;
	}

	/*+++ Default Navigation CSS +++*/
	.drawer_menu .drawer_nav {
		padding:0;
	}

	/*+++ Default Button Color +++*/
	.gnav .drawer_menu .drawer_button {
		color: #8fc31f;
	}

	.gnav .drawer_menu .drawer_button .drawer_bar {
		background-color: #8fc31f;
	}

	.nav-btn{
		display: none;
		width:44px;
		height: 44px;
		background-color:#8fc31f;
		border-radius: 50%;
		margin-left: 10px;
	}

	.drawer_menu .drawer_button.active .drawer_bar {
		width: 24px;
	}

	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

	.drawer_menu .drawer_bar {
		display: block;
		width: 24px;
		height: 2px;
		margin: 4px 10px;
		transition: all 0.2s;
		transform-origin: 0 0;
		background-color: #fff;
	}

	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 9px;
		color: #fff;
		position: relative;
		top:-2px;
	}

	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}

	.drawer_menu .drawer_nav li {
		width: 100%;
		font-size: 16px;
		border-left: 0;
		padding:0;
		margin-bottom: 0;
	}

	.drawer_nav li{
		border-bottom:solid 1px #959595;
	}

	.drawer_nav li:last-of-type a{
		border-right: none;
	}

	.drawer_nav li:hover:before,
	.drawer_nav .active:before{
		content: none;
	}

	.drawer_nav li:hover:after,
	.drawer_nav .active:after{
		content: none;
	}

	.drawer_nav li a{
		padding:10px;
		position: relative;
		border-left: 0;
	}

	.drawer_nav li a:before{
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		display: block;
		width: 11px;
		height: 11px;
		margin-top: -6px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#contents.second-main-bg{
		padding: 15px 0;
	}

	.second-main-bg .cotainer{
		padding: 0;
	}

	#contents.second-main-area{
		height: 220px;
		background-position: center;
	}

	#contents.second-main-area.second-shop-area{
		background-position: left center;
	}

	#contents.play-contact-area{
		background-position:center;
	}

	#contents.second-policyterms-area {
		background-position: 66% center;
	}

	.shop-sns-wrap{
		margin-top:15px;
	}

	.second-main-area .second-cotainer .second-main-title{
		font-size: 36px;
		padding: 0 120px;
	}

	.second-main-title:before, .second-main-title:after{
		width:100px;
	}

	.second-cotainer .column-item:nth-child(-n + 3){
		margin-top: 4.792332268%;
	}

	.second-cotainer .column-item:nth-child(3n){
		margin-right: 2.396166134%;
	}

	.second-cotainer .column-item {
    width: 48.801916932%;
    margin: 4.792332268% 2.396166134% 0 0;
	}

	.second-cotainer .column-item:nth-child(2n){
		margin-right:0;
	}

	.second-cotainer .column-item:nth-child(-n + 2){
		margin-top: 0;
	}

	.column-contents-wrap .column-title,
	.second-title,
	.sitemap-wrap .title{
		font-size: 24px;
	}

	.second-title-h2-other{
		font-size: 26px;
		padding-left: 10px;
	}

	.column-contents-wrap .column-heading,
	.second-title-h3{
		font-size: 20px;
		margin-top:20px;
		margin-bottom: 20px;
	}

	.column-contents-wrap p,
	.second-contents-wrap p{
		margin-bottom: 20px;
	}

	.column-contents-wrap .column-sub-heading{
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.second-cotainer + .common-area-wrap{
		margin-bottom: 60px;
	}

	body.article_detail .column-contents-wrap h5{
		margin-bottom: 10px;
	}

	/* 2020-09-04追加分 */
	.s-table-boxwrap{
		display:-webkit-box;
		display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		flex: initial;
	}

	.s-table-boxwrap:not(:last-of-type){
		border-right: 0;
		border-bottom: solid 1px #e5e5e5;
	}

	.s-table-box:nth-of-type(1){
		display:-webkit-box;
		display:-ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 42%;
		border-right: solid 1px #e5e5e5;
		border-bottom: 0;
	}

	.s-table-box{
		width: 58%;
	}

	.s-ranking-box .s-table-box.s-table-box:nth-of-type(1){
		width: 44%;
	}

	.s-ranking-box .s-table-box.s-ranking-area{
		width: 56%;
	}


	.second-cotainer + .pinsaro-text-wrap{
			padding-bottom: 0;
	}


	/* タイプ別ページ追加分 */
	.what-content {
		padding-bottom: 60px;
	}

	.what-content h2, .cotainer .content-ac-wrap .h2-style, .type-feature .type-difference h2, .cotainer .h2-style {
		margin-bottom: 12px;
	}

	.c-ac-area-wrap li {
		width: 15.483333333%;
		margin-right: 1.42%;
	}

	.c-ac-area-wrap li:nth-child(n + 7) {
		margin-top: 1.42%;
	}

	.type-difference.cotainer {
		margin-bottom: 30px;
	}

	.type-merit .cotainer, .type-demerit .cotainer {
		padding: 60px 15px;
	}

	.md-box {
		padding: 15px;
	}

	.md-box h3 {
		padding-bottom: 13px;
		margin-bottom: 15px;
	}

	.md-box h3:before {
		width: 30px;
		height: 3px;
	}

	.md-box h3 .sub {
		font-size: 16px;
	}

	.md-box h3 .main {
		font-size: 20px;
	}

	.type-other-box .text-area {
		padding-left: 15px;
	}

	.type-enjoy.type-other-box .text-area {
		padding-right: 15px;
	}

	.type-other-box .text-area h2 {
		font-size: 20px;
	}

	.type-other-box:not(:first-of-type) {
  	margin-top: 30px;
	}

	.area-h2-style, .area-contents-wrap .area-h2-style {
  	margin-bottom: 15px;
	}
	
	.superior-shop .shop-tile-word h3{
		font-size: 20px;
	}

	.breadcrumb{
		margin: 16px auto;
	}
	
	






}



@media only screen and (max-width: 768px){
	.main-wrap{
		width:100%;
	}
	.column-title-wrap{
		margin-bottom: 15px;
	}

	.second-side-wrap{
		width:100%;
		margin:40px 0 0 0;
	}

	.ranking-ph {
    width: 16%;
    line-height: 0;
    max-width: 112px;
	}

	.ranking-text{
		width: 84%;
		padding-left: 10px;
	}

	.second-main-area .second-cotainer .second-main-title{
		font-size: 30px;
	}

	.shop-box.other-shop-box .shop-title .shop-tile-word h3{
		font-size: 16px;
	}
	
	.sp-top-select{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.sp-top-select-box{
		position: relative;
	}

	.sp-top-select-box:before{
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		display: block;
		width: 11px;
		height: 11px;
		margin-top: -6px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
	}
	
	.sp-top-select-box{
		width: calc(50% - 6px);
		border:solid 1px #E5E5E5;
		padding: 15px;
	}

	.sp-top-select-box dt{
		font-size: 16px;
		color: #8FC31F;
	}
	.sp-top-select-box dd{
		font-size: 12px;
		margin-top: 2px;
	}

	.side-area-wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.side-area-wrap .side-h2-style{
		width: 100%;
	}

	.side-area-wrap .side-select-box{
		width: calc(33.333333% - 6px);
	}

	.side-select-box:not(:last-of-type){
		border-bottom: 0;
		border-right: dotted 1px #8fc31f;
	}

	.side-shop-wrap ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	}

	.side-shop-wrap ul li:nth-of-type(2n){
		margin-left: auto;
	}

	.side-shop-wrap ul li{
		width: calc(50% - 7px);
	}

	.side-shop-wrap ul li a{
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.side-shop-wrap ul span{
		margin-top: 4px;
	}

	/*.superior-shop .shop-hp {
		background: transparent;
		opacity: 1;
	}
	.superior-shop .shop-ph a:hover {
		opacity: 0.7;
	}
	.superior-shop .shop-ph a .shop-hp p {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 100%;
		padding: 0 6px;
		background: rgba(143,195,31,0.7);
		height: 46px;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		border-radius: 0;
	}*/

/* 相互リンク 2024-06追加 ▼ ここから ▼ -------------------- */
ul.t-link-ul{
	width: 100%;
  }
  .t-link-ul li{
	width: 100%;
	text-align: center;
	margin: 0.6rem 11.2px;
  }
  .t-link-ul li a{
	display: inline-block;
	width: 200px;
  }
  /* 相互リンク 2024-06追加 ▲ ここまで ▲ -------------------- */





}


@media only screen and (max-width: 624px){
	.shop-title-icon:before {
    width: 16px;
    height: 16px;
    top: 1px;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list{
		padding-top: 0;
		line-height: 1.4;
	}
	.superior-shop .shop-base-info .shop-title-icon:not(:last-of-type){
		margin-bottom: 7px;
	}
	.shop-date-wrap, .shop-title{
		padding: 10px 15px;
	}
	.shop-date-wrap .shop-ph{
		width: 164px;
		margin-bottom: 0;
	}

	.shop-date-text{
		width:calc(100% - 164px);
		padding-left: 10px;
	}
	.shop-date-textsub.pc-hidden{
		display: none;
	}
	.shop-date-textsub.sp-hidden{
		display: block;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list{
		padding-bottom: 11px;
	}
	.superior-shop .shop-base-info .shop-title-icon:not(:last-of-type){
		margin-bottom: 11px;
	}
	.shop-date-text p{
		font-size: 13px;
	}

	.shop-date-text .shop-price{
		font-size: 14px;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list:nth-child(odd){
		padding-right: 0;
	}
	.shop-title-icon:last-of-type{
		margin-bottom: 0;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list:nth-child(even){
		padding-left: 21px;
	}
	.superior-shop .shop-time:before,
	.superior-shop .shop-categorys:before{
		left: 0;
	}
	.superior-shop .shop-date-text .shop-base-info,
	.sp-shop-base-info{
		display: block;
	}
	.superior-shop .shop-date-text .shop-base-info{
		position: relative;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list{
		width: calc(100% - 79px);
		padding-left: 21px;
	}
	.shop-box.superior-shop .shop-date-text .shop-base-info a.shop-phone{
		position: absolute;
		width: 64px;
		height: 64px;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		border-radius: 50%;
		border: solid 2px #8FC31F;
	}
	.shop-box.superior-shop .shop-date-text .shop-base-info a.shop-phone{
		background: url(../image/icon/icon-sp-phone.svg) no-repeat center;
    background-size: 64%;
    border-radius: 50%;
	}
	.shop-box.superior-shop .shop-date-text .shop-base-info a.shop-phone:before{
		content: none;
	}
	.shop-box.superior-shop .shop-date-text .shop-base-info a.shop-phone:hover{
		background-color:#f0fcd7;
	}
	.shop-text-box p{
		font-size: 12px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list:nth-child(odd):after{
		content: none;
	}
	.shop-box.superior-shop .shop-date-text .shop-base-info a.shop-phone span{
		display: none;
	}

	.shop-coupon-box{
		margin-top: 12px;
		padding-right: 0;
		position: relative;
	}

	.coupon-off-box .off-number{
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.coupon-off-box{
		width: 64px;
		padding: 6px 3px 6px 1px;
	}

	.coupon-off-box p{
		font-size: 18px;
		line-height: 1.2;
	} 
	.off-number .sub{
		font-size: 11px;
		margin: 0;
	}

	.off-number .sub + p{
		width: 100%;
		text-align: center;
	}
	
	.coupon-text {
		width: calc(100% - 64px);
		padding: 10px;
		background-size: 55px;
	}

	.shop-coupon-box .coupon-text h4{
		font-size: 13px;
	}

	.normal-price .sub-ptext{
		display: none;
	}

	.cupon-sec .cupon-time,
	.cupon-sec .cupon-price{
		font-size: 15px;
	}

	.cupon-dis span{
		font-size: 12px;
	}

	.cupon-sec{
		margin-top: 2px;
	}

	.cupon-sec .cupon-dis{
		padding-left: 20px;
	}

	.cupon-sec .cupon-dis:before{
		margin: 0 6px;
	}

	.superior-shop .shop-date-text .shop-base-info .shop-info-list {
		width: 100%;
	}



	
}



@media only screen and (max-width: 480px){
	.main-wrap >.main-cotainer > .second-cotainer{
		padding: 0;
	}

	.contents_common .second-contents-wrap h4, body.article_detail .column-contents-wrap h4, .column-contents-wrap .column-sub-heading{
		margin-bottom: 15px;
	}
	
	header.fixed #header_inner.second-header{
		padding: 8px 15px;
	}

	.second-header #header_box{
		width: calc(100% - 104px);
	}

	.second-header #update{
		width:100%;
		margin-bottom: 2px;
	}

	.second-header .update-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
	}

	.second-header #update dl{
		display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		width: calc(100% - 21px);
	}

	.second-header #update dt,
	.second-header #update dd{
		font-size: 10px;
	}

	#modal-open,
	.nav-btn{
		margin-top:0;
	}

	.breadcrumb li, .breadcrumb li a{
		font-size: 10px;
	}

	/* .breadcrumb li a{
		margin-right: 20px;
	} */

	.breadcrumb li a:before{
		width: 4px;
		height: 4px;
		margin-top: -2px;
		right: -11px;
	}


	/* gnav */
	.drawer_menu .drawer_nav_wrapper{
		width:68%;
		right: -68%;
	}

	.area-h2-style{
		font-size: 20px;
		/*padding: 10px;*/
	}

	.shop-title{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}


	.shop-tile-word{
		width: 100%;
	}

	.shop-tile-word h3{
		font-size: 16px;
	}

	.shop-box .shop-header-bottom .shop-title-icon{
		margin-top: 4px;
		padding-left: 22px;
	}

	.shop-title-icon{
		font-size: 13px;
		line-height: 1.7;
	}


	.shop-title-icon:before{
		width: 16px;
		height: 16px;
		top: 1px;
	}

	.superior-shop .shop-title-icon:before{
		top: 1px;
	}

	.other-shop-box	.shop-title .shop-title-icon:before{
		top: 2px;
	}

	.shop-work-btn{
		margin: 10px auto 0 auto;
	}

	.shop-work-btn a{
		padding:10px 15px;
	}

	.shop-date-wrap .shop-ph{
		width: 68%;
    margin: 0 auto 12px auto;
	}

	.shop-tag-wrap{
		padding-left:34px;
		margin-bottom: 0;
	}

	.shop-tag-wrap:before{
		width: 24px;
		height: 24px;
	}

	.shop-date-text{
		width: 100%;
		padding-left: 0;
		margin-top:0;
	}

	.shop-date-text .button-base{
		width: 82%;
    margin: 0 auto;
    margin-top: 12px;
	}

	.shop-tag-wrap li:not(:last-child){
		margin-right: 5px;
	}

	.shop-tag-wrap li a{
		font-size: 11px;
	}

	.shop-sns-wrap{
		margin-top:15px;
	}

	.shop-button{
		width: 100%;
	}

	.shop-button:not(:last-of-type){
		margin:0 0 10px 0;
	}

	@media all and (-ms-high-contrast:none) {
		.shop-button a {
			height: 45px;
		}
	}


	.shop-button a{
		padding:8px 10px;
	}

	.other-shop-box .shop-date-text{
		margin-top:0;
		padding-bottom: 0;
	}

	.area-contents-wrap .area-h2-style{
		font-size: 22px;
		margin-bottom: 30px;
		padding: 10px;
	}

	.column-contents-wrap .column-title,
	.second-title-h2,
	.second-contents-nph-wrap .second-title-h2,
	.area-contents-wrap .area-h3-title,
	.sitemap-wrap .title{
		font-size:22px;
	}

	.shop-box.other-shop-box .shop-title .shop-tile-word h3{
		font-size: 14px;
	}


	/* side */
	.ranking-ph{
		width: 36%;
	}

	.ranking-text{
		width: 64%;
	}

	#contents.second-column-area{
		background: url("../image/colum_ph_bg_sp.png") no-repeat left center;
		background-size: auto 180px;
	}

	#contents.second-contact-area{
		background: url(../image/contact_bg_sp.png) no-repeat left center;
		background-size: auto 180px;
	}

	#contents.second-sitemap-area{
		background: url(../image/sitemap_bg_sp.png) no-repeat left center;
		background-size: auto 180px;
	}

	#contents.second-main-area.second-shop-area{
		background: url(../image/shop_bg_sp.png) no-repeat left center;
		background-size: auto 180px;
	}

	#contents.play-contact-area{
		background: url(../image/play_bg_sp.png) no-repeat right center;
		background-size: auto 180px;
	}

	#contents.second-policyterms-area {
		background: url(../image/policyterms_bg_sp.png) no-repeat right center;
		background-size: auto 180px;
	}

	#contents.second-main-area.second-category-area{
		background: url(../image/category_bg_sp.png) no-repeat center;
		background-size: auto 180px;
	}

	#contents.second-main-area,
	.second-main-area .second-cotainer{
		height: 180px;
	}


	.second-main-area .second-cotainer .second-main-title{
		font-size: 24px;
		padding: 0 70px;
	}

	.second-main-title:before, .second-main-title:after{
		width:50px;
	}

	.second-cotainer .column-item:nth-child(3n){
		margin-right: auto;
	}

	.second-cotainer .column-item:nth-child(-n + 3){
		margin-top: auto;
	}


	.second-cotainer .column-item{
		width:47.826086956%;
		margin:8.68562172% 4.347826086% 0 0;
	}

	.second-cotainer .column-item:nth-child(2n){
		margin-right: 0;
	}

	.second-cotainer .column-item:nth-child(-n + 2){
		margin-top:0;
	}

	.column-main-ph{
		margin-bottom: 15px;
	}

	.column-contents-wrap .column-title,
	.second-title,
	.sitemap-wrap .title{
		font-size: 20px;
	}

	.second-title-h2-other{
		font-size: 20px;
		margin-top: 15px;
	}

	.column-contents-wrap .column-heading,
	.second-title-h3{
		font-size: 18px;
		margin-top: 15px;
    margin-bottom: 15px;
	}

	.pager-box .link-item{
		width: 100%;
		border-radius: 12px;
	}

	.link-item p{
		font-size: 15px;
	}

	.next-link{
		border-left: solid 1px #c0c0c0;
		margin-top:10px;
	}

	.prev-link .prev-next-label{
		margin-left: 5px;
	}

	.next-link .prev-next-label{
		margin-right: 5px;
	}



	/* サイトマップ */
	#contents.second-sitemap-area{
		background-position: center;
	}

	.sitemap-contents h2{
		font-size: 18px;
		margin-bottom: 15px;
	}

	.sitemap-contents-list h3{
		font-size: 18px;
	}

	.sitemap-contents-list:not(:last-of-type){
		margin-bottom: 30px;
	}

	.sitemap-contents .sitemap-contents-list li{
		width: 31.6%;
		margin-right: 2.6%;
	}

	.sitemap-contents .sitemap-contents-list li a{
		font-size: 11px;
		padding: 8px 2px;
	}

	.sitemap-contents .sitemap-contents-list li:nth-child(4n){
		margin-right: 2.6%;
	}

	.sitemap-contents .sitemap-contents-list li:nth-child(3n){
		margin-right: 0;
	}

	.sitemap-contents .sitemap-contents-list li:nth-child(n + 4){
		margin-top: 2.6%;
	}


	.top-area-scroll{
		display: block;
		background: #f0fcd7;
	}

	.top-area-scroll-box{
		display: -webkit-box;
  	display: -ms-flexbox;
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		overflow: auto;
		white-space: nowrap;
		width: 100%;
		height: 54px;
		padding:10px 15px;
	}

	.top-area-scroll ol{
		display: -webkit-box;
  		display: -ms-flexbox;
		display: flex;
	}

	.top-area-scroll ol li{
		margin-right: 10px;
	}

	.top-area-scroll ol li:last-of-type{
		margin-right: 15px;
	}

	.top-area-scroll ol a{
		display: block;
		color:#8fc31f;
		font-size: 14px;
		padding: 6px 10px;
		background:#fff;
		border:solid 1px #8fc31f;
		border-radius: 8px;
		letter-spacing: 0.08rem;
	}

	/* 2020-0904追加分 */
	.s-table-box:nth-of-type(1),
	.shop-prices-box.s-table-style .s-table-box:nth-of-type(1){
		width: 48%;
	}

	.s-table-box{
		width: 52%;
		padding: 10px 14px;
	}

	.s-table-box h3{
		font-size: 15px;
	}

	.s-table-box h3 br{ display: block;}

	.s-table-box .shop-number{
		font-size: 22px;
	}

	.s-table-box span{
		font-size: 14px;
	}

	.otherinfo-box:not(:last-of-type){
		margin-bottom: 30px;
	}

	.otherinfo-box p{
		font-size: 14px;
	}

	.shop-prices-box.s-table-style .s-table-boxlowprice .s-table-box:nth-of-type(1),
	.shop-prices-box.s-table-style .s-table-boxlowprice .s-table-box:nth-of-type(2){
		width: 100%;
	}

	.shop-prices-box.s-table-style .s-table-boxlowprice .s-table-box:nth-of-type(1){
		border-right:0;
		border-bottom:solid 1px #e5e5e5;
	}

	.shop-prices-box.s-table-style .s-table-box:nth-of-type(2){
		width: 52%;
	}

	.s-ranking-box{
		width: 100%;
	}

	.s-ranking-box:nth-of-type(2){
		margin-left: 0;
	}

	.s-ranking-box:not(:last-of-type){
		margin-bottom: 20px;
	}

	.s-ranking-box .s-table-box.s-table-box:nth-of-type(1){
		width: 48%;
	}

	.s-ranking-box .s-table-box.s-table-box:nth-of-type(2){
		width: 52%;
	}

	.s-table-box .rank{
		font-size: 15px;
		padding-left: 26px;
	}

	.otherinfo-box .s-ranking-cospa p{
		font-size: 15px;
	}

	.s-table-box .ranking-1:before,
	.s-table-box .ranking-2:before,
	.s-table-box .ranking-3:before{
		width: 20px;
		height: 15px;
	}

	.shop-rank-subcategory{
		margin: 0 auto 60px auto;
	}

	.subcategory-box{
		width: 100%;
	}

	.subcategory-box .text-box,
	.subcategory-box .ph-box + .text-box{
		padding: 15px;
	}

	.subcategory-box .ph-box + .text-box{
		display:-webkit-box;
  	display:-ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap;
		-ms-flex-line-pack: center;
    align-content: center;
	}

	.subcategory-box .text-box h3{
		margin-bottom: 4px;
	}

	.subcategory-box:not(:last-of-type){
		margin-bottom: 15px;
	}

	.subcategory-box:nth-child(2n){
		margin-left: 0;
	}

	.subcategory-box:nth-child(n + 3){
		margin-top: 0;
	}

	.around-linkbox{
		padding: 0 20px;
	}

	.around-linkbox .link-button{
		width: 100%;
	}

	.around-linkbox .link-button:nth-of-type(2){
		margin: 15px 0 0 0;
	}

	.f-acbox:last-of-type .f-ac-area{
		border-bottom: none;
	}

	.f-acbox:last-of-type .f-ac-area-wrap .f-ac-area-place:first-of-type{
		border-top:solid 1px #e5e5e5;
	}

	.f-ac-area h3 a{
		color:#000;
	}

	.side-box.side-accodion-box{
		display: none;
	}


	/* タイプ別ページ追加分 */
	.s-br {
    display: block;
	}

	.content-ac-wrap{
		padding:0;
	}

	.what-content h2, .cotainer .content-ac-wrap .h2-style, .type-feature .type-difference h2, .cotainer .h2-style {
    font-size: 20px;
	}

	.cotainer .content-ac-wrap h3.h2-style {
    background: #8fc31f;
    color: #fff;
    padding: 10px;
    margin-bottom: 0;
	}

	.cotainer .content-ac-wrap h3.h2-style:before,
	.cotainer .content-ac-wrap h3.h2-style:after{
		content: none;
	}

	.c-acbox:not(:last-of-type) {
    margin-bottom: 0;
	}

	.c-ac-area {
		display: -webkit-box;
		display: -ms-flexbox;
    display: flex;
		-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
    border-bottom: solid 1px #E5E5E5;
	}

	.c-ac-area-wrap {
    display: none;
	}

	.c-ac-area{
		pointer-events:auto;
	}


	.c-ac-area h4 {
    font-size: 16px;
    width: 100%;
    color: #000;
    border-left: 0;
    padding: 12px 0 12px 16px;
	}

	.c-ac-area i {
    position: relative;
    width: 16px;
    height: 16px;
	}

	.c-ac-area i span {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
	}

	.c-ac-area i span:nth-of-type(1) {
    top: 7px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}

	.c-ac-area i span:nth-of-type(2) {
    top: 7px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	}

	.c-ac-area.open i span:nth-of-type(2) {
    display: none;
	}

	.c-ac-area-wrap {
    border-bottom: solid 1px #e5e5e5;
    margin-top: 0;
	}

	.c-ac-area-wrap li:not(:last-of-type) {
    border-bottom: solid 1px #e5e5e5;
	}

	.c-ac-area-wrap li:nth-child(n + 7) {
    margin-top:0;
	}

	.c-ac-area-wrap li {
    width: 100%;
    margin-right: 0;
    background: #f5f5f5;
	}

	.c-ac-area-wrap li a {
    border: none;
    border-radius: 0;
    text-align: left;
    padding-left: 30px;
    position: relative;
	}

	.c-ac-area-wrap li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    display: block;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}

	.c-ac-area-wrap li a:hover:after {
		border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	}

	.type-difference p {
    text-align: left;
	}

	.type-merit {
    background: url(../image/onakula_merit_sp_bg.png) no-repeat center;
    background-size: cover;
	}

	.type-merit .cotainer, .type-demerit .cotainer{
		padding: 30px 15px;
	}

	.type-other-box, .type-enjoy.type-other-box {
		-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
	}

	.type-other-box .ph-area {
    width: 100%;
    margin-top: 15px;
	}

	.type-other-box .text-area {
    width: 100%;
    padding-left: 0;
	}

	.type-enjoy.type-other-box .text-area {
    padding-right: 0;
	}

	.type-other-box .text-area h2 .sub {
    font-size: 16px;
	}

	.type-other-box .text-area ul li:not(:first-of-type) {
    margin-top: 5px;
	}

	.type-other-box .text-area ul li {
    font-size: 16px;
	}

	.list_description.list_t_description .pinsaro-t-box h2{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.list_description.list_t_description .pinsaro-t-box h3{
		font-size: 15px;
	}

	.list_description.list_t_description .pinsaro-t-box h4{
		font-size: 13px;
	}


	#text-more-b{
		display: block;
		font-size: 16px;
		width: 80%;
    padding: 9px 10px;
    padding-right: 20px;
    color: #8fc31f;
    border: solid 1px #8fc31f;
    border-radius: 15px;
    text-align: center;
    margin: 15px auto 0 auto;
    position: relative;
    line-height: 1.6;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}

	#text-more-b:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 11px;
    height: 11px;
    margin-top: -10px;
    border-top: 1px solid #8fc31f;
    border-right: 1px solid #8fc31f;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	}


	.shop-coupon-header,
	.list_description.list_t_description .pinsaro-t-box .is-hidden{
			display: none;
	}

	.superior-shop .shop-tile-word h3{
		font-size: 18px;
		padding: 0 0 0 5px;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list{
		padding-top: 0;
		line-height: 1.4;
	}
	.superior-shop .shop-base-info .shop-title-icon:not(:last-of-type){
		margin-bottom: 6px;
	}
	.shop-date-wrap, .shop-title{
		padding: 10px 15px;
	}
	.shop-date-wrap .shop-ph{
		width: 118px;
		margin-bottom: 0;
	}

	.shop-date-text{
		width:calc(100% - 118px);
		padding-left: 10px;
	}
	.shop-text-box,
	.shop-coupon-box{
		margin-top: 10px;
	}
	.superior-shop .shop-ph a .shop-hp p {
		font-size: 13px;
		height: auto;
		padding: 8px 0;
	}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list {
		padding-bottom: 6px;
		line-height: 1.3;
	}

	.more-btn{
		width: 20px;
		height: 100%;
		border-radius: 0;
		position: absolute;
		right: 0;
	}

	.more-btn:before{
		width: 9px;
		height: 9px;
		right: 7px;
	}

	.more-btn p{
		display: none;
	}

	.side-area-wrap .side-select-box{
		width: 100%;
		margin-bottom: 0;
	}

	.side-area-wrap .side-select-box:not(:last-of-type){
		border-bottom: dotted 1px #8FC31F;
		border-right: 0;
	}
	
	.side-shop-wrap ul li{
		width: 100%;
	}

	.side-shop-wrap ul li a{
		width: 74%;
	}

	.side-shop-wrap ul span{
		margin-top:6px;
	}
	
	
	

}



@media only screen and (max-width: 376px){
	
}

@media only screen and (max-width: 330px){
	.s-table-box h3 br{ display: none;}
	.superior-shop .shop-date-text .shop-base-info .shop-info-list{
		width:100%;
	}
	.shop-box.superior-shop .shop-date-text .shop-base-info a.shop-phone{
		width: 48px;
		height: 48px;
		top: -46%;
		transform:inherit;
		background-color:#fff; 
	}
}