@charset "UTF-8";
/*
 * layout.css
 *
 *  version --- 1.0
 *  updated --- 2017/9/3
 */
html { 
	overflow-y: scroll;
	font-size: 62.5%;
}
body{
	background-color: #fff;
	font-size:1.6rem;
}
@media screen and (max-width: 768px) {
	body{font-size:1.3rem;}
}
  


/* !Base Fonts -------------------------------------------------------------- */
 
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}

.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

.pc {
	display: block;
} 
.sp {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* !wrapper
---------------------------------------------------------- */
#wrapper {
	overflow:hidden;
	position:relative;
	min-height:100vh;
	width:100%;
} 

/* !header
---------------------------------------------------------- */
#header {
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	padding:0;
	background:transparent;
	width:100%;
}
#headerIn{
	padding:0 30px;
}
.headLogo {
	float:left;
	padding:15px 0;
	margin:0;
	font-size:0;
}
.headLogo img{height:60px;}
.headLink{
	position:absolute;
	right:0;
	top:0;
	height:100%;
}
.headLink a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center; 
	float:left;
	height:100%;
	width:90px;
	color:#111;
	text-align:center;
	font-weight:bold;
}
.headLink .eng{letter-spacing:0.25em;}
.headLink .login{
	padding:0 25px;
	width:auto;
	background:#FCE649;
}
.headLink .login .eng{font-size:0.9rem;}
.headLink .cart{  
	opacity:1;
	visibility:visible;
	position:static;
	background:url(../img/common/ico_cart_white.png) no-repeat center #F06094;
}
.headLink .login:hover{background:#F7CD00;}
.headLink .cart:hover{background-color:#EF2E7D;}

.headVic{
	position:absolute;
	right:0;
	top:110px;
	height:100%;
}
.headVic a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center; 
	float:left;
	height:100%;
	width:90px;
	color:#111;
	text-align:center;
	font-weight:bold;
}
.headVic a:hover{
	opacity:1.0 !important;
}

.btnMenu{
	position:relative;
	z-index:101;
	background:#34373E;
	font-size:1.2rem;
	font-weight:bold;
}
.btnMenu.active{
	background:#111;
}
.btnMenu span {
    display: block;
	margin:2px auto;
    background: #fff;
    width: 25%;
    height: 2px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.btnMenu.active span:first-child {
    -webkit-transform: translateY(6px) rotate(45deg);
    -moz-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
} 
.btnMenu.active span:nth-child(2) {
    opacity: 0;
} 
.btnMenu.active span:last-child {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    -moz-transform: translateY(-6px) rotate(-45deg);
    -ms-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg); 
} 
.btnMenu:after{
	content:"MENU";
	margin-top:8px; 
	color:#fff;
}
.btnMenu.active:after{
	content:"CLOSE";
}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
	overflow-y:scroll;
	position:fixed;
	right:0;
	top:0;
	z-index:100;
	transform:translateX(100%);
	transition:all 0.5s;
	padding:90px 10%;
	width:60%;
	height:100vh;
	background:#34373E;
	color:#fff;
}
#gNavi.on{
	transform:translateX(0%);
}
#gNavi ul{
	margin-bottom:50px;
}
#gNavi li a{
	display:block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	margin:10px 0;
	line-height:2;
	letter-spacing:0.03em;
	color:#fff;
	font-size:1.4rem;
}
#gNavi a:hover{
	opacity:0.7;
}
#gNavi ul li a:hover{
	color: #F06094;
	opacity:1;
}
#gNavi li .eng{
	margin-right:25px;
	letter-spacing:0.25em;
	font-size:1.8rem;
	font-weight:bold;
}
.navLink .tit{
	letter-spacing:0.2rem;
	line-height:1.75;
	font-size:2.4rem;
	font-weight:bold;
}
.navLink .login a{ 
	margin:20px auto 35px;
	width:80%;
} 

.navLink .login a span:first-of-type:before,
.headLink a.login span:first-of-type:before{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: url("../img/common/ico_login.png") center center no-repeat;
	background-size: auto 28px;
	width: 34px;
	height: 28px;
	content: '';
} 
.navLink .links a{
	display:inline-block;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	margin:5px 10px;
	color:#fff;
	font-size:1.4rem;
}
.navLink .comLogin{
	padding:0 5px;
	width:80%;  
	background:#fff;
	margin: 0 auto;
	box-sizing: border-box;
	color: #34373E;
	font-size: 1.5rem;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
	
}

/*** タブレット***/
@media screen and (max-width: 1440px) {
	#gNavi {padding:90px 6%;}
} 
@media screen and (max-width: 1200px) {
	#gNavi li a{font-size:1.3rem;}
	#gNavi li .eng{font-size:1.6rem;}
	.navLink .tit {font-size:2rem;}
}
@media screen and (max-width: 959px) {
	#gNavi {padding:90px 30px;}
}
/*** スマホ 320px ~ 768px***/
@media screen and (max-width: 768px) {
	#headerIn {
		padding: 0 15px;
	}
	.headLogo{padding:12.5px 0;} 
	.headLogo img{height:40px;} 
	.headLink a{width: 65px;}
	.headLink .login{display:none;}
	.headVic {top: 80px;}
	.headVic a{width: 60px;}
	
	.btnMenu{font-size:1rem;}
	#gNavi{
		padding: 65px 20px;
		width:100%;
	}
	#gNavi li a{
		letter-spacing:0;
		font-size:1.2rem;
	}
	#gNavi a:hover{
		opacity:1;
	}
	#gNavi ul li a:hover{
		color: #fff;
		opacity:1;
	}
	#gNavi li .eng{
		margin-right:15px;
		letter-spacing:0.1em;
		font-size:1.4rem;
	}
	.navLink .tit {font-size:1.6rem;}
}
@media screen and (max-width: 374px) {
	#gNavi{ padding: 65px 15px;}
}

	
/* !mainVisual
---------------------------------------------------------- */
#mainVisual { 
	position: relative;
} 
.mainSlide .item{ 
	position: relative;
	height:100vh; 
	min-height:800px; 
}
.mainSlide .item .bgImg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%; 
	opacity:0;
	-webkit-transition:opacity 2s cubic-bezier(.55,.085,.68,.53) 0s,-webkit-transform 2s cubic-bezier(.55,.085,.68,.53) 0s;
	transition:opacity 2s cubic-bezier(.55,.085,.68,.53) 0s,-webkit-transform 2s cubic-bezier(.55,.085,.68,.53) 0s;
	transition:opacity 2s cubic-bezier(.55,.085,.68,.53) 0s,transform 2s cubic-bezier(.55,.085,.68,.53) 0s;
	transition:opacity 2s cubic-bezier(.55,.085,.68,.53) 0s,transform 2s cubic-bezier(.55,.085,.68,.53) 0s,-webkit-transform 2s cubic-bezier(.55,.085,.68,.53) 0s;
	-webkit-transform: scale(1.15,1.15);
    transform: scale(1.15,1.15);
    -webkit-transform-origin: 30% 70%;
    transform-origin: 30% 70%;
}
.mainSlide .item .bgImg.active{ 
	z-index:1;
	opacity:1;
	-webkit-transition:opacity 1s cubic-bezier(.215,.61,.355,1),-webkit-transform 8s cubic-bezier(.075,.82,.165,1);
	transition:opacity 1s cubic-bezier(.215,.61,.355,1),-webkit-transform 8s cubic-bezier(.075,.82,.165,1);
	transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 8s cubic-bezier(.075,.82,.165,1);
	transition:opacity 1s cubic-bezier(.215,.61,.355,1),transform 8s cubic-bezier(.075,.82,.165,1),-webkit-transform 8s cubic-bezier(.075,.82,.165,1);
	-webkit-transform:scale(1);
	transform:scale(1);
} 
#mainVisual .slick-slider{margin:0;}

#mainVisual .ticker,
#mainVisual .bar {
    -webkit-animation-name: txt;
    animation-name: txt;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#mainVisual .bar {
    position: absolute;
    width: 100%;
    height: 2px;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; 
    padding-top: 2px;
    margin: auto;
    border-bottom: 2px dotted #fff;
    -webkit-transform: translate(240%, 0);
    transform: translate(240%, 0);
}
#mainVisual .bar span {
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #fff;
    display: block;
    height: 2px;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.08s;
    transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.08s;
}
.ticker {
    z-index: 10;
    width: 100%;
    padding-left: 40px;
    height: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.ticker .ttl-move {
	font-family: 'Libre Franklin Black', sans-serif;
	color: #fff;
	font-size: 12rem;
	line-height: 120px;
	position: absolute;
	letter-spacing: 0.3em;
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation: ticker 48s linear infinite;
	animation: ticker 48s linear infinite;
} 
.ticker .ttl-move span {
	display: inline-block;
	vertical-align: top;
	margin-right: 3em;
}
@keyframes txt {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
} 
@-webkit-keyframes txt {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
} 
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
} 
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.newNotice{
	padding:5px 30px;
}
.newNotice dl {
	padding: 5px 0;
}
.newNotice dt{
	float:left;
	font-family: 'Libre Franklin', sans-serif;
	font-size:1.2rem;
}
.newNotice dt:after{
	content:"／";
	margin:0 6px 0 20px;
}
.newNotice dd{
	overflow:hidden;
	font-size:1.4rem;
}
.newNotice dd a{color:#111;}
.newNotice dd a:hover{text-decoration:underline;}

/* !teaser
---------------------------------------------------------- */
#teaser {
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	height:370px;
	background:url(../img/common/img_teaser.jpg) no-repeat center;
	background-size:cover;
} 
#teaser .hdM{
	margin:0;
	color:#fff;
} 
/*** スマホ 320px ~ 768px***/
@media screen and (max-width: 768px) {
	.mainSlide .item{
		min-height:500px; 
	}
	#mainVisual .login{
		position:absolute;
		left:50%;
		bottom:40px;
		margin-left:-120px;
	}
	#mainVisual .login a{width:240px;}
	
	#mainVisual .bar {display:none;}
	.ticker .ttl-move {
		font-size:7rem;
	}
	
	.newNotice{padding:13px 15px;}
	.newNotice dt{
		float:none;
		margin-bottom:5px;
	}
	.newNotice dt:after{content:none;}
	.newNotice dd{font-size:1.3rem;}
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	padding:22px 30px;
	background:#F2F2F2;
	white-space:nowrap;
	letter-spacing:0.08em;
	font-size:1.2rem;
}
#breadcrumb a{
	margin-right:10px;
	text-decoration:underline;
	color:#333;
}
#breadcrumb a:hover{text-decoration:none;}
#breadcrumb a + a,
#breadcrumb span{margin-left:10px;}
@media screen and (max-width: 768px) {
	#breadcrumb {
		padding:15px; 
	}
}

/* !contents
---------------------------------------------------------- */
#contents {
	padding:0;
	margin:0;
	transform:none;
	will-change: auto;
}
.contentIn{
	padding:90px 30px 80px;
	margin:auto;
	max-width:1230px;
}
.contentIn #main {
	float:right;
	width:73.5%;
}
#side {
	float:left;
	/*width:21.4%;*/
	letter-spacing:0.05em;
}
.cartTotal{
	margin-bottom:25px;
	padding:5px 12px;
	background:#fff;
	border:5px solid #E6E6E6;
	box-shadow:3px 3px 0 #ccc;
	font-weight:bold;
	font-size:1.4rem;
}
.cartTotal .tit{
	padding:20px 0;
	border-bottom:1px dashed #AAAAAA; 
}
.cartTotal .cart{
	display:inline-block;
	vertical-align:middle;
	opacity:1;
	visibility:visible;
	position:relative;
	top:0;
	margin-right:10px;
	width:25px;
	height:25px;
	background:url(../img/common/ico_cart_black.png) no-repeat center;
	font-style:normal;
}
.cartTotal .cart .num{
	position:absolute;
	right:-3px;
	top:-3px;
	width:14px;
	height:14px;
	line-height:14px;
	background:#C1272D;
	border-radius:50px;
	text-align: center;
	color:#fff;
	font-size:1rem;
}
.cartTotal .tit .like{
	float:right;
}
.cartTotal .total{
	padding:20px 0;
	text-align:right;
}
.cartTotal .total:before{
	content:"合計";
	float:left;
	margin:10px 0;
}
.cartTotal .total .num{
	color:#C1272D;
	font-size:2.4rem;
}
#side ul{margin-bottom:40px;}
#side li{margin-bottom:2px;}
#side li a{
	display:block;
	padding:22px 20px;
	background:#F2F2F2;
	color:#333;
}
#side li a:hover{
	color:#F06094;
	font-weight:bold;
}
#side li a:before{
	margin-right:10px;
	color:#F06094;
}
#side li .new{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	width:17px;
	height:17px;
	line-height:17px;
	text-align:center;
	background:#EF8200;
	border-radius:50px;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
}

.inner {
	padding:0 30px;
	margin:auto;
	max-width:1140px;
} 
.inner02 {
	padding:0 30px;
	margin:auto;
	max-width:1260px;
} 
.inner03 {
	padding:0 30px;
	margin:auto;
	max-width:1060px;
} 
/*** スマホ 320px ~ 768px***/
@media screen and (max-width: 768px) {
	.contentIn{padding:40px 10px 50px;}
	.contentIn #main {
		float:none;
		width:100%;
	}
	#side{display:none; width: 100%; float: none; margin-top: 50px;}
	#side.memberSide {display:block;}
	#side.memberSide .sideMenu {display:none;}

	.inner,.inner02,.inner03 { padding:0 15px;}
}
@media screen and (max-width: 1024px) {
	.contentIn{padding:40px 10px 50px;}
	.contentIn #main {
		float:none;
		width:100%;
	}

	#side{display:none; width: 100%; float: none; margin-top: 50px;}
	#side.memberSide {display:block;}
	#side.memberSide .sideMenu {display:none;}
	.inner,.inner02,.inner03 { padding:0 15px;}
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	cursor:pointer;
	position:fixed;
	right:20px;
	bottom:140px;
	z-index:99;
}
 
/* !footer
---------------------------------------------------------- */
#footer {
	padding:50px;
	margin:0;
	background:#F06094;
	border-top:0;
	font-weight:bold;
}
#footer .access{
	float:left;
	display:flex;
	align-items:center;
}
.footLogo img{
	height:48px;
}
#copyright{
	margin-left:15px;
	letter-spacing:0.15em;
	color:#fff;	
	font-size:1.4rem;
}
.footLinks{
	float:right;
	text-align:right;
	font-size:0;
}
.footLinks a{
	display:inline-block; 
	margin-left:25px;
	line-height:2.4;
	color:#fff !important;	
	font-size:1.2rem;
}
.footLinks a:hover{text-decoration:underline;}
.produced_by {
	text-align: center;
	margin: 0 auto;
	width: 300px;
}
.produced_by a {
	color: #FFFFFF !important;
}
.produced_by img {
	width: 150px;
}

/*** スマホ ***/
@media screen and (max-width: 768px) {
	.pageTop img{width:55px;}
	
	#footer{ padding:25px 0;}
	#footer .access{
		float:none;
		display:block;
		margin-bottom:20px;
		text-align:center;
	}
	.footLogo img { height: 40px;}
	#copyright{
		margin:10px 0 0;
	}
	.footLinks{
		float:none;
		text-align:center;
	}
	.footLinks a{margin:0 10px;}
}
@media screen and (max-width: 1600px) {
	.produced_by {
		display: grid;
		width: 96%;
		margin: 20px 10px;
	}
	footer .pc {
		display: none!important;
	}
	footer .sp {
		display: grid!important;
	}
}
	
/* !h(n)eading
---------------------------------------------------------- */
.hdL{
	margin:0 auto 40px;
	text-align:center;
	letter-spacing:0.1em; 
	font-size:4.4rem;
}
.hdM {
	margin:0 auto 45px;
	letter-spacing:0.2em;
	text-align:center;
	color:#F06094;
	font-size:2rem; 
}
.hdM .eng{
	display:block;
	letter-spacing:0.6em;
	font-family: 'Octin Sports', 'Libre Franklin Black', sans-serif;
	font-size:5.6rem;
}
.hdM .sign{
	display:inline-block;
	padding:0 0 0 0.4em;
	background:#F06094;
	line-height:32px;
	letter-spacing:0.4em;
	color:#fff;
	font-size:2.6rem; 
} 
.hdS {
	margin:0 auto 20px;
	padding:18px 10px;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
}
.hdLine{ 
	padding:16px 10px;
	background: url(../img/common/img_line02.png) no-repeat top center,url(../img/common/img_line02.png) no-repeat bottom center; 
	background-size:100% 2px;
	letter-spacing:0.15em;
	font-size:2rem;
	font-weight:bold;
}
/*** スマホ 320px ~ 768px***/
@media screen and (max-width: 768px) { 
	.hdL{
		margin: 0 auto 20px;
		font-size: 3.2rem;
	}
	.hdM {
		margin:0 auto 20px;
		line-height: 1.2;
	}
	.hdM .eng{
		margin-bottom:10px;
		letter-spacing:0.4em;
		font-size:3.6rem; 
	}
	.hdM .sign{
		margin-bottom:10px;
		line-height:28px;
		font-size: 2.2rem;
	}
} 
@media screen and (max-width: 374px) {
	.hdL{font-size: 2.8rem;}
	
	.hdM .eng{
		letter-spacing:0.3em;
		font-size:3.2rem; 
	}
}

 
/* !table
---------------------------------------------------------- */
.detailStyle .table01 table{
	width:100%;
	border:1px solid #B7B8BA;
}
.detailStyle .table01 th{
	padding:18px 20px;
	width:250px;
	background:#F2F2F2;
	border:1px solid #B7B8BA;
	text-align:left;
	color:#111;
	font-weight:bold;
}
.detailStyle .table01 td{
	padding:18px 20px; 
	border:1px solid #B7B8BA;
}
.detailStyle .table01 .small{font-size:1.2rem;}

/*** タブレット 780x ~ 959px***/
@media screen and (max-width: 959px) {

} 
/*** スマホ 320px ~ 768px***/
@media screen and (max-width: 768px) {
	.detailStyle .table01 th{
		display:block;
		padding:12px 10px;
		width:100%;
		border-width:0 0 1px;
		font-size:1.4rem;
	}
	.detailStyle .table01 td{
		display:block;
		padding:12px 10px;
		width:100%;
		border-width:0 0 1px;
	}
	.detailStyle .table01 tr:last-child td{border-width:0;}
}

/* !common structure
---------------------------------------------------------- */
.col02 > li{
	float:left;
	width:50%;
}
.col03 > li{
	float:left;
	width:33.33%;
}
.col04 > li{
	float:left;
	width:25%;
}
.col05 > li{
	float:left;
	width:20%;
}

.imgBox{
	width: 100%;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.imgBox img{
	width: 100%;
}

.imgBox {
	height: 200px;
}
.imgBox img {
	max-height: 200px;
}

.bgLine{
	background:url(../img/common/ico_bg_line.png) center;
}
.bgPink{background-color:#F06094;}
.bgBlue{background-color:#39A3BD;}
.bgOrange{background-color:#EF8200;}
.bgGreen{background-color:#A7BC2A;}
.bgPurple{background-color:#8F68C1;}
.bgLightGray{background-color:#F2F2F2;}

.colorPink{color:#F06094;}
.colorBlue{color:#39A3BD;}
.colorOrange{color:#EF8200;}
.colorGreen{color:#A7BC2A;}
 

/* !common column
---------------------------------------------------------- */
.mt10{margin-top:10px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt90{margin-top:90px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.ptpb90{padding:90px 0;}

.eng{
	font-family: 'Libre Franklin', sans-serif;
	font-weight:normal;
}
.engB{
	font-family: 'Libre Franklin Black', sans-serif;
	font-weight:normal;
} 
.fontJap {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 400; 
}

.tel{ pointer-events:none;}

.volleyball{
	pointer-events:none;
	position:absolute;
	z-index:0; 
	width:auto !important;
} 
.volleyball.sign01{
	left:-40px;
	bottom:-20px; 
}
.volleyball.sign02{
	right:0;
	top:50%;
	transform:translate(65%,-50%);
}
.volleyball.sign03{
	right:0;
	top:0;
	transform:translateY(-55%);
}
.volleyball.sign04{
	right:0;
	top:50%;
	transform:translate(65%,-55%);
}

.txtStyle .subTit{
	margin-bottom:15px;
	font-weight: bold;
	font-size:2.2rem;
}
.txtStyle .txt{
	line-height: 1.75;
}
 
.btnStyle{
	display:block;
	overflow: hidden;
	position:relative;
	font-weight:bold;
}
.btnStyle span {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items:center;
	justify-content:center;
	opacity: 1;
	left: 0;
	top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	text-align: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);
	transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95);
	box-shadow: none; 
}
.btnStyle span:first-of-type {
	z-index: 3;
} 
.btnStyle span:last-of-type { 
	left: -100%;
}
.btnStyle:hover span {
	left: 0;
}
.btnStyle.style01{ 
	height:70px;
	background:#FCE649;
	letter-spacing:0.15em; 
	color:#111;
}
.btnStyle.style01 span:last-of-type {background: #F7CD00;}
.btnStyle.style02{
	width:64%;
	max-width:260px; 
	height:60px;
	border:2px solid #F06094;
	letter-spacing:0.25em; 
	color:#F06094;
	font-size:1.2rem;
}
.btnStyle.style02:hover{color:#fff;}
.btnStyle.style02 span:last-of-type {background:#F06094;}
.btnStyle.style03{ 
	height:70px;
	width: 100%;
    max-width: 480px; 
	background:#F06094;
	letter-spacing:0.15em; 
	color:#fff; 
} 
.btnStyle.style03 span:last-of-type {background:#EF2E7D;}
.btnStyle.style04{ 
	height:58px;
	width: 80%;
    max-width: 300px; 
	background:#F2F2F2;
	border:2px solid #111;
	letter-spacing:0.015em;
	font-size:1.5rem; 
}
.btnStyle.style04 span:last-of-type{background:#D4D4D4;}
.btnStyle.style05{ 
	height:70px;
	width: 100%;
    max-width: 480px; 
	background:#fff;
	letter-spacing:0.15em; 
	color:#c70057; 
} 
.btnStyle.style05:hover {color:#fff;}
.btnStyle.style05 span:last-of-type {background:#EF2E7D;}
.btnStyle input{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	z-index: 4;
	width:100%;
	height:100%;
}

.displayImgTxt .img{
	position: relative;
	max-width:50%;
}
.displayImgTxt.left .img{
	float:left; 
}
.displayImgTxt.right .img{
	float:right; 
}
.displayImgTxt .introd{overflow:hidden;}
.displayImgTxt.left .introd{ padding-left:40px;}
.displayImgTxt.right .introd{
	padding: 40px 40px 40px 100px;
}
.top.displayImgTxt.left .introd{ padding:0 150px 0 80px;}
.top.displayImgTxt.right .introd{ padding:0 80px 0 150px;}
.displayImgTxt .introd .txt p{
	margin:0;
	padding:0;
	line-height:2;
}
.displayImgTxt .introd .txt p + p{
	margin-top:20px;
}

.wp-pagenavi{
	margin-top:50px;
	text-align: center;
	font-size:0;
	font-weight:bold;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display: inline-block;
	vertical-align: middle;
	margin:0 5px; 
	width:50px;
	height:50px;
	background:#F2F2F2;
	line-height:46px;
	color:#F06094;
	font-size: 2rem;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{ 
	background:#fff;
	border:2px solid #F06094; 
	font-size: 1.4rem;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	background: #F06094; 
	color:#fff;
}

.endNoteList{
	line-height:2;
	letter-spacing:0.05em;
} 

.detailStyle p{
	margin:0 auto 25px;
	line-height:1.75;
	letter-spacing:0.05em;
}
.detailStyle .date{
	margin-bottom:15;
	letter-spacing:0.1em;
	font-size:1.4rem;
}
.detailStyle .heart{
	float: right;
	color: #B3B3B3;
	font-size: 1.4rem;
}
.detailStyle figure{
	margin:0 auto 25px;
	text-align:center;
}
.detailStyle .downLoad{
	margin-bottom:40px;
	text-align:center;
	letter-spacing:0.25em;
}
.detailStyle .downLoad a{
	display:inline-block;
	padding:2px 0 2px 70px;
	background:url(../img/common/ico_download.png) no-repeat left center; 
	color:#111;
	font-size:2rem;
	font-weight:bold;
}
.detailStyle .downLoad a:hover{opacity:0.7;}

.detailStyle .return a{
	margin:40px auto 0; 
}
.productGood{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position: fixed;
    right: 20px;
    top: 50%;
    z-index: 99;
	width:90px;
	height:90px;
	background:#F06094;
	border-radius:100px;
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	font-weight:bold;
}
.productGood i{
	margin-bottom:5px;
	font-size:3rem;
}
.productGood:hover{
	opacity:0.7;
	color:#fff;
}

.aboutPolicy li{position:relative;}
.aboutPolicy li + li{
	margin-top:35px;
}
.aboutPolicy li p{margin:0;} 
.aboutPolicy li .tit{
	margin-bottom:15px;
	letter-spacing:0.2em;
	font-size:2.2rem;
	font-weight:bold;
} 
.aboutPolicy li .txt{
	line-height:2;
}

/*** スマホ ***/  
@media screen and (max-width: 1440px) {
	.top.displayImgTxt.left .introd,
	.top.displayImgTxt.right .introd{
		padding:0 5%;
	}
} 
@media screen and (max-width: 959px){
	.volleyball.sign03{
		transform: translateY(-95%);
		height:140px;
	} 
	.volleyball.sign04{
		right:0;
		top:50%;
		transform:translate(35%,-85%);
		height:160px;
	}
}
@media screen and (max-width: 768px) {
	.mt10{margin-top:5px !important;}
	.mt25{margin-top:13px !important;}
	.mt30{margin-top:15px !important;}
	.mt90{margin-top:45px !important;}
	.mb40{margin-bottom:20px !important;}
	.mb50{margin-bottom:25px !important;}
	.mb60{margin-bottom:30px !important;}
	.ptpb90{padding:50px 0;}
	
	.tel{ pointer-events:inherit;}
	
	.volleyball.sign02{
		top: 0%;
    	transform: translate(25%,-25%);
		height:160px;
	}
	.volleyball.sign04{
		top: 20px;
		right:5%;
    	transform: translate(0%,-50%);
		height:135px;
	}
	
	.txtStyle .subTit{
		margin-bottom:5px; 
		font-size:1.6rem;
	}
	
	.btnStyle.style01{ 
		height:55px; 
		letter-spacing:0.15em; 
	}
	.btnStyle.style02{ 
		height:44px;  
	}
	.btnStyle.style03{ 
		height:55px;  
	}
	.btnStyle.style04 {
		height: 46px;
		font-size: 1.2rem;
	}
	.btnStyle.style05{ 
		height:55px; 
		letter-spacing:0.15em; 
	}
	.top.displayImgTxt{
		display:flex;
		flex-direction:column-reverse;
	}
	.displayImgTxt .img{
		float:none !important; 
		margin-bottom:15px;
		max-width:none; 
	}
	.top.displayImgTxt .img{
		margin:0 -15px; 
	}
	.top.displayImgTxt.left .introd, 
	.top.displayImgTxt.right .introd {padding: 0 0 50px;}
	.displayImgTxt.left .introd, 
	.displayImgTxt.right .introd {padding: 0;}
	
	.wp-pagenavi{margin-top: 10px;}
	.wp-pagenavi a,
	.wp-pagenavi span{display:none;} 
	.wp-pagenavi a.previouspostslink,
	.wp-pagenavi a.nextpostslink{ 
		display: inline-block;
		width: 45%;
    	height: 35px;
		border-width:1px;
		line-height: 34px; 
		font-size: 1.2rem;
	}
	.wp-pagenavi a.nextpostslink{ 
		background: #F06094; 
		color:#fff;
	}
	 
	.detailStyle .downLoad{
		margin-bottom:20px; 
	}
	.detailStyle .downLoad a{
		display:inline-block;
		padding:2px 0 2px 40px; 
		background-size:30px; 
		font-size:1.5rem; 
	}

	.aboutPolicy li + li{
		margin-top:20px;
	}
	.aboutPolicy li .tit{
		margin-bottom:8px;
		letter-spacing:0.08em;
		font-size:1.4rem;
	}

}