@charset "utf-8";

html{ font-size: 62.5%; }

body{
	position: relative;
	background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/bg_w.png) #fff;
	font-family:  eng, "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-size: 1.6rem;
	line-height: 1.5;
}

a{
	text-decoration: none;
	color: #000;;
	-webkit-transition: .3s;;
	transition: .3s;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
table{
	width: 100%;
	border-collapse: collapse;
}
table th,
table td{
	padding: .5em;
}
h2, h3{
	text-align: center;
	color: #b08024;
}
h2 span{ position: relative; }
h2 span:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 1px; 
	background: #b08024;
}
main p{
	margin: 1em 0;
	line-height: 2.2;
}

ul.global_menu,
#menu ul,
.top_fv .slick-dots,
.top_news ul,
.top_sns ul,
.top_group ul,
.attention ul,
.gallery_wrap ul,
.pager_list ol,
.footer_menu,
.footer_sns{
	list-style: none;
}

@media (max-width: 1080px){
	.inner{ padding: 0 1em; }
	.global_menu{ display: none!important; }
}
@media (min-width: 751px){
	main{ padding-top: 80px; }
	a:hover{ opacity: .6; }
	.inner{
		margin: auto;
		width: 1080px;
		max-width: 100%;
	}
	.inner800{
		margin: auto;
		width: 800px;
		max-width: 100%;
	}
	article{ margin: 6em 0; }
	h2{
		margin-bottom: 2em;
		font-size: 3.6rem;
	}
	h3, h4{
		margin: 1em 0;
		font-size: 2.4rem;
	}
}
@media (max-width: 750px){
	main{ padding-top: 50px; }
	h2{
		margin-bottom: 1em;
		font-size: 2.4rem;
	}
	h3, h4{
		margin: 1em 0;
		font-size: 2rem;
	}
	article{ margin: 3em 0 6em; }
}

/* ================================================
 header
================================================ */
header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}
header.fixed{ background: rgba(255, 255, 255, .7); }
header .inner{
	justify-content: space-between;
	align-items: center;
}
.logo{
	position: relative;
	z-index: 99;
}
.logo a{
	display: block;
	background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/w_logo.png) 0 0 no-repeat;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.header_r,
.global_menu{
	align-items: center;
}
.global_menu{ padding-right: 60px; }
.global_menu li a{
	display: block;
	padding: 10px 20px;
}
.global_menu li.sns a{
	padding: 10px 0;
	width: 24px;
	height: 24px;
	background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/icon_sns.png) 0 0 no-repeat;
	background-size: 48px auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu_btn{
	position: relative;
	width: 30px;
	height: 30px;
	z-index: 99;
	cursor: pointer;
}
.menu_btn span{
	position: absolute;
	left: 0;
	width: 30px;
	height: 1px;
	background: #000;
	-webkit-transition: .3s;;
	transition: .3s;
}
.menu_btn span:nth-of-type(1){ top: 5px; }
.menu_btn span:nth-of-type(2){ top: 50%; }
.menu_btn span:nth-of-type(3){ bottom: 4px; }
header.top{
	background: rgba(0, 0, 0, .5);
	color: #fff;
}
header.top .logo a,
header.top .global_menu li.sns a{
	filter: invert();
}
header.top .menu_btn span{ background: #fff; }
#menu{
	display: none;
	position: absolute;
	top: 0;
	padding: 80px 0 3em;
	width: 100%;
	background: #fff;
	color: #000;
	z-index: 9;
}
#menu ul{
	margin: auto;
	width: 80%;
	max-width: 300px;
}
#menu ul li{
	border-bottom: 1px solid #dfd5be;
	text-align: center;
	font-size: 1.8rem;
}
#menu ul li a{
	display: block;
	padding: .5em 0;
	color: #b08024;
}
header.top .logo a,
header.top .logo a:before{
	-webkit-transition: 1s;
	transition: 1s;
}
header.top .logo.menu_on a{ color: #000; }
header.top .logo.menu_on a:before{ filter: none; }
header.top .menu_btn.menu_on span{ background: #000; }
.menu_btn.menu_on span:nth-of-type(1){
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_btn.menu_on span:nth-of-type(2){
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.menu_btn.menu_on span:nth-of-type(3){ display: none; }

@media (min-width: 751px){
	header .inner{ height: 80px; }
	.logo a{
		width: 317px;
		height: 40px;
	}
}
@media (max-width: 750px){
	header .inner{ height: 50px; }
	.logo a{
		width: 237px;
		height: 30px;
		background-size: cover;
	}
}

/* ================================================
 top
================================================ */
/* top_fv */
.top_fv{
	position: relative;
	margin-top: -80px;
	background: #d6d5d5;
}
.top_fv .eyecatch img{
	height: 70vh;
	object-fit: cover;
}
.top_fv .thumb{
	position: relative;
	padding: 10px 0;
}
.top_fv .thumb .slick-arrow,
.gallery_slide .slick-arrow,
.gallery_wrap .slick-arrow{
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/icon_arrow.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top_fv .thumb .slick-arrow.slick-prev,
.gallery_slide .slick-arrow.slick-prev,
.gallery_wrap .slick-arrow.slick-prev{
	background-position: 0 0;
}
.top_fv .thumb .slick-arrow.slick-next,
.gallery_slide .slick-arrow.slick-next,
.gallery_wrap .slick-arrow.slick-next{
	background-position: -36px 0;
}
.top_fv .thumb .slick-arrow{ background-image: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/icon_arrow_w.png); }
.top_fv .thumb a{ display: block;margin: 0 5px; }
.top_fv .thumb img{
	opacity: .5;
	cursor: pointer;
}
.top_fv .thumb a.slick-current img{ opacity: 1; }
.top_fv .fv_visitor{
	position: absolute;
	left: 50%;
	top: calc(70vh - 160px);
	padding: 1em;
	width: 80%;
	max-width: 400px;
	background: rgba(255, 255, 255, .8);
	text-align: center;
	font-weight: bold;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.top_fv .fv_visitor:after{
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 98%;
	height: 95%;
	border: 1px solid #beac83;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.top_fv .fv_visitor .flex{ justify-content: space-around; }
.top_fv .fv_visitor .ttl{
	margin-bottom: 10px;
	font-size: 2rem;
}
.top_fv .fv_visitor dl{
	flex: 1;
	line-height: 1.2;
	font-size: 2.4rem;
}
.top_fv .fv_visitor dl dd strong{ font-size: 3.6rem; }

@media (min-width: 751px){
	.top_fv .thumb .slick-arrow.slick-prev{
		left: 50%;
		margin-left: -393px;
	}
	.top_fv .thumb .slick-arrow.slick-next{
		right: 50%;
		margin-right: -393px;
	}
	.top_fv .fv_visitor dl{ padding: 0 1.5em; }
}
@media (max-width: 750px){
	.top_fv .fv_visitor dl{
		padding: 0 1em;
		width: 100px;
	}
	.top_fv .thumb .slick-arrow.slick-prev{ left: 10px; }
	.top_fv .thumb .slick-arrow.slick-next{ right: 10px; }
}

/* top_menu */
.top_menu p{ margin: 3em 0 -1em; }

@media (max-width: 750px){
	.top_menu img{
		height: 200px;
		object-fit: cover;
	}
	.top_menu p{ padding: 0 1em;}
}

/* top_news */
.top_news ul li{
	margin-bottom: 2em;
	font-size: 1.6rem;
}
.top_news ul li:nth-of-type(2n){ margin-right: 0;}
.top_news ul li a{ display: block; }
.top_news .flex{
	justify-content: space-between;
	margin: 1em 0;
}
.cat{ color: #b08024; }
.cat span{
	display: inline-block;
	width: 90px;
	margin-right: 10px;
	background: #999;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
}
.cat span.campaign{ background: #beac83; }
.date{
	font-size: 1.4rem;
	color: #666;
}

@media (min-width: 751px){
	.top_news ul{
		display: flex;
		flex-wrap: wrap;
	}
	.top_news ul li{
		flex: 48% 0 0;
		margin-right: 4%;
	}
}

/* top_access */
.top_access dl{
	padding: 1em;
	background: rgba(255, 255, 255, .5);
	border: 1px solid #ccc;
	text-align: center;
}
.top_access dl dt{
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 1.8rem;
}
.top_access table tr{ border-bottom: 1px solid #ccc; }

@media (min-width: 751px){
	.top_access .info{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 3em;
	}
	.top_access dl,
	.top_access table{
		flex: 48% 0 0;
	}
	.top_access table th{ font-size: 1.8rem; }
}
@media (max-width: 750px){
	.top_access dl{ margin: 1em 0; }
	.top_access table th{ width: 100px; }
}

/* top_gallery */
.gallery_slide,
.gallery_wrap{
	position: relative;
	z-index: 0;
}

@media (min-width: 1201px){
	.gallery_slide .slick-arrow.slick-prev,
	.gallery_wrap .slick-arrow.slick-prev{
		left: -50px;
	}
	.gallery_slide .slick-arrow.slick-next,
	.gallery_wrap .slick-arrow.slick-next{
		right: -50px;
	}
}
@media (max-width: 1200px){
	.gallery_slide .slick-arrow,
	.gallery_wrap .slick-arrow{
		opacity: .7;
	}
	.gallery_slide .slick-arrow.slick-prev,
	.gallery_wrap .slick-arrow.slick-prev{
		left: 10px;
	}
	.gallery_slide .slick-arrow.slick-next,
	.gallery_wrap .slick-arrow.slick-next{
		right: 10px;
	}
}
@media (min-width: 751px){
	.gallery_slide img{
		height: 500px;
		object-fit: cover;
	}
}

/* top_sns */
.top_sns ul li{
	flex: 220px 0 0;
	margin: 0 15px 3em;
}
.top_sns ul li a{
	display: block;
	text-align: center;
}

@media (min-width: 751px){
	.top_sns ul{
		display: flex;
		justify-content: center;
	}
	.top_sns ul li .btn{ margin-top: 2em; }
}
@media (max-width: 750px){
	.top_sns ul li .btn{ margin-top: 1em; }
}

/* top_group */
.top_group ul li{
	flex: 30% 0 0;
	margin: 0 1.5% 2em;
	text-align: center;
}
.top_group ul li figure figcaption{
	margin: .5em 0;
	font-size: 1.8rem;
}

@media (min-width: 751px){
	.top_group ul{
		display: flex;
		justify-content: center;
	}
}

/* ================================================
 pages
================================================ */
.fv{
	position: relative;
	background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/lower_fv.jpg) center 0 no-repeat;
	background-size: cover;
	z-index: 0;
}
.fv:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .4;
}
.fv .inner,
.fv h1 span{
	position: relative;
}
.fv h1{
	position: absolute;
	top: 50%;
	left: 0;
	font-weight: normal;
	color: #fff;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fv h1 span:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
}

@media (min-width: 751px){
	.fv .inner{ height: 400px; }
	.fv h1{ font-size: 4.8rem; }
}
@media (max-width: 750px){
	.fv .inner{ height: 200px; }
	.fv h1{
		padding: 0 1rem;
		font-size: 3rem;
	}
}

/* about */
.fv.about{ background-image: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/about_fv.jpg); }

@media (min-width: 751px){
	.about_wrap{
		display: flex;
	}
	.about_wrap .img{
		flex: 300px 0 0;
		margin-right: 3rem;
	}
	.about_wrap .txt p:first-child{ margin-top: 0; }
}
@media (max-width: 750px){
	.about_wrap .img img{ width: 100%; }
}

/* system */
.fv.system{ background-image: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/system_fv.jpg); }
.step_wrap .step{
	position: relative;
	margin-bottom: 6rem;
	border: 1px solid #beac83;
	border-bottom: 0;
}
.step_wrap .step:before,
.step_wrap .step:after,
.step_wrap .step i{
	position: absolute;
	content: "";
}
.step_wrap .step:before,
.step_wrap .step:after{
	bottom: 0;
	width: calc(50% - 25px);
	height: 1px;
	background: #beac83;
}
.step_wrap .step:before{ left: 0; }
.step_wrap .step:after{ right: 0; }
.step_wrap .step i{
	line-height: 0;
	font-size: 0;
	bottom: -18px;
	left: calc(50% - 18px);
	width: 36px;
	height: 36px;
	border-right: 1px solid #beac83;
	border-bottom: 1px solid #beac83;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.step_wrap .step:nth-of-type(4){ border-bottom: 1px solid #beac83; }
.step_wrap .step:nth-of-type(4):before,
.step_wrap .step:nth-of-type(4):after{
	width: 0;
	height: 0;
}
.step_wrap .step .step_num{
	position: absolute;
	font-style: italic;
	color: #b08024;
}

@media (min-width: 751px){
	.step_wrap .step{
		padding: 3rem 12rem;
		font-size: 1.8rem;
	}
	.step_wrap .step .step_num{
		top: 2rem;
		left: 6rem;
		font-size: 4.8rem;
	}
}
@media (max-width: 750px){
	.step_wrap .step{ padding: 4rem 2rem 1rem; }
	.step_wrap .step .step_num{
		top: 1rem;
		left: 50%;
		font-size: 3.6rem;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* price */
.attention{ font-size: 1.8rem; }
.attention dl,
.attention ul{
	margin-bottom: 2em;
	border: 1px solid #beac83;
}
.attention dl dt{
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 2.4rem;
	color: #b08024;
}
.attention ul li{
	position: relative;
	margin: 1rem 0;
	padding-left: 30px;
}
.attention ul li:before,
.attention ul li:after{
	position: absolute;
	content: "";
	top: 1.2rem;
	left: 0;
	width: 16px;
	height: 3px;
	background: #B71C1C;
}
.attention ul li:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.attention ul li:after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

@media (min-width: 751px){
	.attention dl,
	.attention ul{
		padding: 3rem 6rem;
	}
	.attention p{ text-align: center; }
}
@media (max-width: 750px){
	.attention dl,
	.attention ul{
		padding: 2rem;
	}
}

/* menu */
.fv.menu{ background-image: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/menu_fv.jpg); }
.menu_drink{
	flex-wrap: wrap;
	justify-content: space-between;
}
.menu_drink .drink{ margin-bottom: 2em; }
.menu_drink .drink .txt .ttl{
	margin: .5em 0 0;
	text-align: center;
	font-weight: bold;
	color: #b08024;
}

@media (min-width: 751px){
	.menu_drink .drink{ flex: 30% 0 0; }
	.menu_drink .drink .txt{ text-align: center; }
	.menu_drink .drink .txt .ttl{ font-size: 2.4rem; }
}

@media (max-width: 750px){
	.menu_drink .drink{ flex: 48% 0 0; }
	.menu_drink .drink .txt{ font-size: 1.4rem; }
	.menu_drink .drink .txt .ttl{ font-size: 2rem; }
}

/* gallery */
.fv.gallery{ background-image: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/gallery_fv.jpg); }
.gallery_wrap .slick-arrow{ top: calc(50% - 15px); }
.gallery_wrap .slick-dots{
	display: flex;
	justify-content: center;
}
.gallery_wrap .slick-dots li{ padding: 15px 8px; }
.gallery_wrap .slick-dots li button{
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.gallery_wrap .slick-dots li.slick-active button{ background: #b08024; }

/* faq */
.faq_wrap dl{
	margin-bottom: 2em;
	background: #fff;
	border: 1px solid #beac83;
	font-size: 1.8rem;
}
.faq_wrap dl dt,
.faq_wrap dl dd{
	position: relative;
}
.faq_wrap dl dt:before,
.faq_wrap dl dd:before{
	position: absolute;
	content: "";
}
.faq_wrap dl dt:before{ content: "Q."; }
.faq_wrap dl dd:before{ content: "A."; }
.faq_wrap dl dt{
	font-weight: bold;
	color: #b08024;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
}
.faq_wrap dl dt.open{
	background: #beac83;
	color: #fff;
}
.faq_wrap dl dt:after{
	position: absolute;
	content: "＋";
}
.faq_wrap dl dt.open:after{ content: "－"; }
.faq_wrap dl dd{ display: none; }

@media (min-width: 751px){
	.faq_wrap dl dt,
	.faq_wrap dl dd{
		padding: 1em 8em;
	}
	.faq_wrap dl dt:before,
	.faq_wrap dl dd:before{
		left: 6em;
	}
	.faq_wrap dl dt:after{
		top: 1em;
		right: 6em;
	}
}
@media (max-width: 750px){
	.faq_wrap dl dt,
	.faq_wrap dl dd{
		padding: 1em 1em 1em 2.5em;
	}
	.faq_wrap dl dt:before,
	.faq_wrap dl dd:before{
		left: .8em;
	}
	.faq_wrap dl dt:after{
		top: 1em;
		right: .5em;
	}
}

/* information */
.single{ margin-top: 2em; }
.single h1{ margin: 1em 0; }
.single .eyecatch{ margin: 1em 0 2em; }
.pager_list ol{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pager_list ol li{ margin: 10px 5px; }
.pager_list ol li .current,
.pager_list ol li a{
	display: block;
	padding: 5px 12px;
	background: rgba(255, 255, 255, .5);
}
.pager_list ol li .current{
	background: #beac83;
	border: 1px solid #beac83;
	color: #fff;
}
.pager_list ol li a{
	border: 1px solid #b08024;
	color: #b08024;
}

@media (min-width: 751px){
	.single h1{ font-size: 2.4rem; }
}
@media (max-width: 750px){
	.single h1{ font-size: 2rem; }
}

/* contact */
.contact_form{
	margin: auto;
	width: 800px;
	max-width: 100%;
}
.contact_form table th{ text-align: left; }
.contact_form table th .must{
	display: inline-block;
	margin-left: 5px;
	padding: 2px 5px;
	background: #beac83;
	border-radius: 2px;
	line-height: 1;
	font-size: 1.2rem;
	color: #fff;
}
.contact_form input[type=text],
.contact_form input[type=email],
.contact_form textarea{
	padding: 5px;
	width: 100%;
	background: #eee;
	box-sizing: border-box;
}
.contact_form input[type=submit]{
	display: block;
	margin: auto;
	padding: .5em 1.5em;
	background: #beac83;
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}

@media (min-width: 751px){
	.contact_form table tr{ border-bottom: 1px solid #ccc; }
	.contact_form input[type=submit]:hover{ opacity: .7; }
}
@media (max-width: 750px){
	.contact_form table th,
	.contact_form table td{
		display: block;
		padding: .5em 0;
	}
	.contact_form table th{ border-bottom: 1px solid #ccc; }
	.contact_form table td{ margin-bottom: 1em; }
}

/* ================================================
 footer
================================================ */
footer{
	padding: 2em 0;
	background: #beac83;
	font-size: 1.4rem;
	color: #fff;
}
footer .inner a{ color: #fff; }
.footer_menu li{ margin: 10px 0; }
.footer_sns li a{
	display: block;
	margin-left: 1em;
	padding-top: 24px;
	width: 24px;
	height: 24px;
	background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/icon_sns.png) no-repeat;
	background-size: 48px auto;
}
.footer_sns li:first-child a{ margin-left: 0; }
.footer_sns li a span{ font-size: .5em; }
.footer_sns li.line-m a{ background-position: -24px -24px; }
.footer_sns li.line-w a{ background-position: 0 -24px; }
footer .copyright{ padding: 2em 0 1em; }

@media (max-width: 900px){
	.footer_menu{ display: none; }
}
@media (min-width: 751px){
	footer .inner{
		display: flex;
		justify-content: space-between;
	}
	.footer_r{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.footer_sns{ justify-content: flex-end; }
	.footer_info{ text-align: right; }
}
@media (max-width: 750px){
	.footer_logo{ text-align: center; }
	.footer_sns{
		justify-content: center;
		margin-bottom: 3em;
	}
}

/* ================================================
 styles
================================================ */
/* visitor */
.visitor{
	padding: 2em 0;
	background: #fff;
	border: 1px solid #beac83;
	text-align: center;
}
.visitor h2{ margin-bottom: 1em; }
.visitor .flex{
	position: relative;
	justify-content: space-around;
}
.visitor .flex:after{
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.visitor dl.men{ background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/realtime_men.png) 0 center no-repeat; }
.visitor dl.women{ background: url(https://double-the-lounge.com/cms/wp-content/themes/double/images/realtime_women.png) 0 center no-repeat; }
.visitor dl dt{ font-size: 2.4rem; }

@media (min-width: 751px){
	.visitor dl{ padding: 2em 0 1em calc(2em + 100px); }
	.visitor dl dd{ font-size: 3.6rem; }
	.visitor dl dd strong{ font-size: 7.2rem; }
}
@media (max-width: 750px){
	.visitor dl{
		padding: 1em 0 0 50px;
		background-size: 23px auto!important;
	}
	.visitor dl dd{ font-size: 2.4rem; }
	.visitor dl dd strong{ font-size: 4.8rem; }
}

/* price */
.price{ table-layout: fixed; }
.price th,
.price td{
	padding: .5em;
	text-align :center;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.price .br_n{ border-right: none; }
.price .bb_n{ border-bottom: none; }
.price .share,
.price .not_share{
	display: inline-block;
	padding: 3px 0;
	text-align: center;
}
.price .share{
	background: #beac83;
	color: #fff;
}
.price .not_share{ background: #d6d5d5; }

@media (min-width: 751px){
	.price th,
	.price td{
		font-size: 2.4rem;
	}
	.price td strong{ font-size: 4.8rem; }
	.price .share,
	.price .not_share{
		padding: 5px 15px;
		font-size: 1.8rem;
	}
	.price .share{ margin-right: 15px; }
}
@media (max-width: 750px){
	.price td strong{ font-size: 3rem; }
	.price .share,
	.price .not_share{
		padding: 0;
		width: 100%;
		font-size: 1.4rem;
	}
}

/* btn_more, btn_prev */
.btn_more,
.btn_prev{
	text-align: center;
}
.btn_more a,
.btn_prev a{
	display: block;
	margin: 3em auto;
	padding: 1em 36px 1em 1em;
	width: 300px;
	background: rgba(255, 255, 255, .5);
	border: 1px solid #b08024;
	box-sizing: border-box;
	color: #b08024;
}
.btn_more a span,
.btn_prev a span{
	position: relative;
}
.btn_more a span:before,
.btn_more a span:after,
.btn_prev a span:before,
.btn_prev a span:after{
	position: absolute;
	content: "";
	height: 1px;
	background: #b08024;
}
.btn_more a span:before,
.btn_prev a span:before{
	bottom: 4px;
	width: 30px;
}
.btn_more a span:after,
.btn_prev a span:after{
	bottom: 7px;
	width: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_more a{ padding: 1em 36px 1em 1em; }
.btn_more a span:before,
.btn_more a span:after{
	right: -36px;
}
.btn_more a span:after{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_prev a{ padding: 1em 1em 1em 36px; }
.btn_prev a span:before,
.btn_prev a span:after{
	left: -36px;
}
.btn_prev a span:after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* btn */
.btn a{
	position: relative;
	display: block;
	margin:  auto;
	padding: 5px;
	width: 220px;
	background: #beac83;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
.btn a:after{
	position: absolute;
	content: "";
	top: 45%;
	right: 12px;
	width: 7px;
	height: 7px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}

.flex{ display: flex; }
.alignleft{ text-align: left!important; }
.aligncenter{ text-align: center!important; }
.alignright{ text-align: right!important; }
img.aligncenter{
	display: block;
	margin: 0 auto 1em;
}
.f16{ font-size: 1.6rem!important; }
.f12{ font-size: 1.2rem!important; }
.blue{ color: #41489e!important; }
.pink{ color: #dc677d!important; }
h2.blue span:after{ background: #41489e; }
h2.pink span:after{ background: #dc677d; }

@media (min-width: 751px){
	.sp{ display: none; }
	img.alignleft{
		float: left;
		margin: 0 2em 1em 0;
	}
	img.alignright{
		float: right;
		margin: 0 0 1em 2em;
	}
}
@media (max-width: 750px){
	.pc{ display: none; }
	img.alignleft,
	img.alignright{
		display: block;
		margin: 0 auto 1em;
	}
}