/*
 Template: 		kyobuan-child
 Author:		nori
 Version:		190919
 License:		GNU General Public License v2 or later
 License URI:	guildjapan.net
*/

h1{ color: #333; }
.catchcopy{ top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#contents{
	background-image: url(../img/bg03.jpg);
	background-size: 180px;
    padding-bottom: 100px; }
.main-contents{
	width: 80vw;
	margin: auto; }
.fv-wrap{ min-height: 30vh; }
li.item{
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding: 2vw 4vw;
	margin-bottom: 3vh;
	box-shadow: .2vw .2vw .1vw #eee;
	border-radius: .6vw; }
.item img{ width: 25%; float: left; }
.item dl,
.itme button{
	width: 73%;
	margin-left: 27%;
	overflow: hidden; }
.item dt{
	float: left;
	margin-right: .6em;
	margin-bottom: .6em;
	font-size: 1.4vw;
	line-height: 1.2em;
	width: 5em; }
.item dd{
	font-size: 1.8vw;
	line-height: 1.2em;
	margin-left: 5em;
	margin-bottom: .6em; }

/* stripe button */
.item button{
	display: block;
	margin: 3vh 0 3vh 27%;
	width: 45vw;
	background:#000; }
.stripe-button-el span{
	height: 8vh !important;
	line-height: 8vh !important;
	font-size: 1.4vw !important;
	background-image: unset !important;
	background:#000 !important; }

/* stores.jp button */
.item dl{ margin-bottom: 3vh; }
.item iframe{ display: block; margin: auto; }

@media (max-width: 480px){
	.page-template-page-shop-php .main-contents{ width: 95vw;}
	li.item{ padding-bottom: 5vh; }
	.item img{ float: unset; width: 100%; }
	.item dl, 
	.item button{ margin-left: 0; width: 100%; margin-top: 2vh; }
	.stripe-button-el span{ font-size: 2.4vh !important;}
	.item dt{ font-size: 2vh; width: 4.8em; letter-spacing: -.03em;}
	.item dd{ font-size: 2.4vh; margin-left: 4.8em;}
}