@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;
	border: solid 2px #ff33a1;
}

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

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

#home .nav_inner { /* 2019-10追加 */
	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: #ff33a1;
}

.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 #ff33a0 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:#ff33a1;
	-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:#ffebfe;
	padding:30px 0;
}

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

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


/* パンくず */
.breadcrumb{
	width: 1030px;
	margin:30px 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 a{
	margin-right:26px;
	position: relative;
}

.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:#ff33a1;
}

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

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

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

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

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

.shop-box:hover {
 box-shadow: 0 1px 16px 0 rgba(0,0,0,.3);
}

.shop-title{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
	border-top:solid 5px #ff33a1;
	padding:15px;
	background:#ffebfe;
}

.shop-tile-word{
	width: calc(100% - 179px);
}

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

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

.shop-work-btn:hover{
	color: #fff;
  background:#ff33a1; /*#d72887;*/
  border: solid 2px #ff33a1; /*#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;
	margin-bottom: 5px;
}

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

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

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

p.shop-area{
	width: 100%;
}

p.shop-time{
	margin-right: 10px;
}

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

.shop-title-icon{
	position: relative;
	padding-left: 21px;
	line-height: 1.4;
}

.shop-title-icon:before{
	content: "";
	width:16px;
	height: 16px;
	position: absolute;
	top:50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

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

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

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

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

/*
.shop-price.shop-title-icon{
	padding-left: 0;
}
*/

.shop-ph{
	width:48.837209302%;
	line-height: 0;
}

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

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

.shop-date-text{
	width: 51.162790698%;
	padding-left: 2.906976744%;
}

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

.shop-date-text p{
	font-size: 15px;
}

.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%;
}

@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:#ff33a1;
	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-title{
	border: none;
  background: transparent;
}

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

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


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

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

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

.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 .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{
	border-top:dotted 1px #ff33a1;
}

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

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

.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{
	background-color:#ffebfe;
}

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

.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 #ff33a1;
}

.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{
	display: block;
	font-size: 16px;
	color: #000;
	width: 100%;
	padding: 15px;
}


/* コラム一覧 */
#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: flex;
	flex-wrap: wrap;
	padding:15px;
}

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

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

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

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

.column-ranking-item img{
	border-radius: 8px;
}

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

/* コラム */
.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,
.area-contents-wrap .area-h3-title{
	width: 100%;
	font-size:28px;
	border-bottom:solid 2px #c0c0c0;
	margin-bottom: 15px;
	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;
	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{
	position: relative;
	padding-left: 23px;
}

.column-title-tag: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 #ff33a1;
}

.column-contents-wrap .column-heading,
.second-title-h3{
	color:#ff33a1;
	background:#ffebfe;
	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;
}

.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;
}

.pager-box{
	display: flex;
	flex-wrap: wrap;
}

.pager-box .link-item{
	display: flex;
	flex-wrap: wrap;
	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 .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;
}


@media (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%;
	}

	/* パンくず */
	.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;
	}

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





}


@media (max-width: 899px){
	.drawer_nav_wrapper.gnav-style,
	.nav_inner{
		border-bottom: none;
	}

	#home .nav_inner { /* 2019-10追加 */
		display: block;
	}

	.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 {
		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: #ff33a1;
	}

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




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

	#home .nav-btn{ /* 2019-10追加 */
		margin-left: 0;
	}

	.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: 10px;
    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;
	}

	.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{
		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;
	}


}



@media (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;
	}



}




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

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

	.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: -20px;
	}

	/* 2019-10追加 */
	#home #modal-open,
	#home .nav-btn{
		margin-top: 0;
	}


	/* 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: 18px;
	}

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

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

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

	.shop-ph{
		width: 100%;
	}

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

	.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,
	.area-contents-wrap .area-h3-title{
		font-size:22px;
	}


	/* 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-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{
		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;
	}


}