@charset "utf-8";
/* CSS Document */

body{
	color:#fff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height:1;
	text-align:left;
	background:#000;
}

a:hover img{ opacity:0.64; }
.anchor{ text-decoration:none; }
.anchor:hover img{ opacity:1; }
.clear{ clear:both; }
div:after,
ul:after,
.ac:after {
    content: "";
    display: block;
    clear: both;
}

.main {
    position: relative;
}

/* post */

.post > *:first-child{
	margin-top:0 !important;
}

.post > *:last-child{
	margin-bottom:0 !important;
}

.post h2{
	color:#e60012;
	letter-spacing:0.1em;
	line-height:1.5;
	text-indent:-0.1em;
	padding:0 0 0 1em;
	margin:3.75em 0 1.25rem 0;
	background:url(../img/h2.png) left center / 0.5em auto no-repeat;
}

.post h3{
	letter-spacing:0.1em;
	line-height:1.5;
	text-indent:-0.1em;
	margin:1.75em 0 1.25rem 0;
}

.post p{
	line-height:1.75;
	margin:-0.375em 0 1.125em 0;
}

.post table{
	width:100%;
	margin:0 0 1.5em 0;
	border-top:1px solid rgba(255,255,255,0.24);
}

.post table th{
	line-height:1.5;
	vertical-align:top;
	padding:0.75em 0;
	border-bottom:1px solid rgba(255,255,255,0.24);
}

.post table td{
	line-height:1.5;
	vertical-align:top;
	padding:0.75em 0;
	border-bottom:1px solid rgba(255,255,255,0.24);
}

.post ul{
	margin:-0.25em 0 1.25em 1.5em;
	list-style:disc;
}

.post ol{
	margin:-0.25em 0 1.25em 1em;
	list-style:decimal;
}

.post li{
	line-height:1.5;
	padding:0.125em 0;
}

.post ol li{
	margin-bottom:1em;
}

.post ol li:last-child{
	margin-bottom:-0.25em;
}

.post img{
	display:inline;
	max-width:100%;
	height:auto !important;
}

.post iframe{
	max-width:100%;
}

.post .map{
	width:100%;
	padding-top:calc(100% / 3 * 2);
}

.aligncenter{
	text-align:center;
}

.aligncenter img{
	margin-left:auto;
	margin-right:auto;
}

.mt0{
	margin-top:0 !important;
}

.mb0{
	margin-bottom:0 !important;
}

/* wp-pagenavi */

.wp-pagenavi{
	margin:4em auto 0 auto !important;
}

.wp-pagenavi:after{
	content:"";
	display:block;
	clear:both;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi a:active{
	display:block;
	width:calc(2em - 2px);
	height:calc(2em - 2px);
	float:left;
	color:#e60012;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	text-decoration:none;
	margin:0 0.25em 0 0;
	border:1px solid #e60012;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi a:active{
	color:#fff;
	background:#e60012;
}

.wp-pagenavi > *:last-child{
	margin-right:0;
}

/* form */

.need{
	color:#ff0000;
}

.wpcf7-form{
	margin:4em auto 0 auto;
}

.wpcf7-form dl{
	margin:0 0 2em 0;
}

.wpcf7-form dl:first-of-type{
}

.wpcf7-form dt{
	width:10em;
	float:left;
	line-height:1.5;
	padding:calc(0.75em + 2px) 0;
}

.wpcf7-form dt.br{
	padding:2px 0;
}


.wpcf7-form dd{
	width:calc(100% - 10em);
	float:left;
}

.wpcf7-form dd span{
}

.wpcf7-form dd input[type='text'],
.wpcf7-form dd input[type='email'],
.wpcf7-form dd textarea{
	display:block;
	width:calc(100% - 2px - 2em);
	line-height:1.5;
	padding:0.75em 1em;
	border:1px solid rgba(0,0,0,0.48);
	background:rgba(255,255,255,0.12);
	-webkit-appearance: none;
}

.wpcf7-form dd input[type='radio'],
.wpcf7-form dd input[type='checkbox']{
	margin:1em 0 1em 1em;
}

.wpcf7-form dd .wpcf7-radio span{
	display:inline !important;
}

.wpcf7-form dd .wpcf7-radio input{
	display:inline !important;
	width:auto !important;
}

.wpcf7-form p{
	text-align:center;
	margin:0 0 0 10rem;
	position:relative;
}

.wpcf7-form p span{
	display:inline !important;
}

.wpcf7-form p input{
	display:inline-block;
	width:100%;
	max-width:200px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:0.5em 0;
	margin:0 auto;
	background:#e60012;
	border:none;
	-webkit-appearance: none;
}

.wpcf7-form p input:hover{
	opacity:0.64;
}

.wpcf7c-hide{
	display: none;
}

.wpcf7c-force-hide{
	display: none !important;
}

.wpcf7c-btn-back{
}

.wpcf7c-conf{
	color:#ff0000 !important;
	background-color:transparent !important;
	border:none !important;
}

.ajax-loader{
	display:none;
	background:#fff;
	border-radius:50%;
}

.screen-reader-response{
	display:none;
}

.wpcf7-not-valid-tip{
	display:block;
	color:#ff0000 !important;
	font-size:0.8em !important;
	line-height:1.5;
	margin-top:0.5em;
}

.wpcf7-validation-errors{
	display:block;
	color:#ff0000 !important;
	text-align:center;
	line-height:1.5;
	padding:0 !important;
	margin:0.75em 0 -0.25em 10em !important;
	border:none !important;
}

.wpcf7c-elm-step2.message{
	display:block;
	text-align:center;
	line-height:1.5;
	padding:0 !important;
	margin:0.75em 0 -0.25em 10em !important;
	border:none !important;
}

.wpcf7-mail-sent-ok{
	display:block;
	color:#ff0000 !important;
	text-align:center;
	line-height:1.5;
	padding:0 !important;
	margin:0.75em 0 -0.25em 10em !important;
	border:none !important;
}

/* header */

/* index */

#index .header .slide li{
	display:none;
}

.gallery{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-line-pack:space-between;/*--- IE10 ---*/
	-webkit-align-content:space-between;/*--- safari（PC）用 ---*/
	align-content: space-between;
	flex-wrap: wrap;
	background:rgba(255, 255, 255, 0.12);
	padding: 14px 18px;
	margin-bottom: 7.75em!important;
}

.gallery li a{
	padding: 2px 0;
	display: block;
}

.slide2{
	position:relative;
}

.slide2 .image{
	position:relative;
}

.slide2 .image li{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.slide2 .image li img{
	width:100%;
}

.slide2 .thum{
	width:100%;
	position:absolute;
	bottom:8px;
	left:0px;
	z-index:99;
}

.slide2 .thum ul{
	margin:0 auto;
}

.slide2 .thum li{
	display:block;
	width:24px;
	height:24px;
	float:left;
	position:relative;
}

.slide2 .thum li span{
	display:block;
	width:8px;
	height:8px;
	cursor:pointer;
	text-indent:-9999px;
	margin:auto;
	background:#fff;
	border-radius:50%;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

.slide2 .thum li.on span{
	background:#e60012;
}

.list table{
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.24);
}

.list table th{
	width:8em;
	padding:1.75em 0;
	border-bottom: 1px solid rgba(255,255,255,0.24);
}

.list table td a{
	display:block;
	cursor:pointer;
	padding:1.75em 0;
	border-bottom: 1px solid rgba(255,255,255,0.24);
	background: url(../img/arrow01.png) right center no-repeat;
	background-size: 6px 10px;
}

.list h1{
	    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 40px;
    color: #e2ff00;
}

.tel{
	padding-top:3.5em;
	background:url(../img/tel.png) center top / auto 2.5em no-repeat;
}

.tel img{
	width:auto;
	height:2em;
}

.mailcontact{
	padding-top:3.5em;
	background:url(../img/mail.png) center top / auto 2.5em no-repeat;
}

.people{
	font-weight:bold;
	padding:0.375em 0;
	margin-bottom:1em !important;
	margin-left:0 !important;
	border-top:1px solid #fff;
	border-bottom:1px dotted #fff;
}

.h h2{
	margin-bottom:2em;
}

.h h2 img{
	height:2em;
}

.h dt img{
	display:block;
	float:right;
	margin:0.375em 0 0.375em 1em;
}

.h dd strong{
	display:block;
	margin-bottom:1em;
}

.h dd .text{
	display:block;
	line-height:1.75;
	margin:-0.375em 0;
}

.h .r iframe{
	width:100%;
}

.movie_list p{
	top: auto!important;
    right: auto!important;
        width: 89%;
    max-width: 961px;
}

.movie_list iframe{
	margin: 65px 0;
}


/*2017/04/10 LINE campaign*/
.fl{
	float: left;
}
.fl a{
	text-decoration:none;
}
.fr{
	float: right;
}

.campaign_list{
	margin: 30px 0;
}

.campaign_list .fr{
	width: 48%;
}
.campaign_list .fl{
	width: 48%;
}

.campaign_list h3{
	font-size: 2rem;
	text-align: center;
}

.campaign_list p{
    font-size: 1.5rem;
    margin: 15px 0;
    position: inherit!important;
    overflow: hidden;
}

.campaign_list ul{
	display: block;
}

.campaign_list ul li{
	font-size: 1.5rem;
}
.campaign_list ul li.large {
	margin-bottom: 20px;
}
.movie_list{
	clear: both;
}

.campaign_list img{
	width: 100%;
	margin-top: 10px;
}

.campaign_list img.qr{
	width: 160px;
}

.campaign_list h2 img{
	width: auto;
}
.campaign_list #title {
	font-size: 2rem;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	padding: 10px;
	margin: 10px 0;
}
.campaign_list #title.men {
	background: #007dff;
}
.campaign_list #title.women {
	background: red;
}
.campaign_list span {
	color: red;
	border: 1px solid red;
	background: #fff;
	padding: 10px;
}
.campaign_list strong {
	font-size: 4.5rem;
	color: red;
}
.campaign_list b {
	font-size: 3.0rem;
}

@media screen and (min-width:980px){

	.pcNone{
		display:none;
	}

	html{
		width:100%;
		height:100%;
		font-size:12px;
	}

	body{
		width:100%;
		height:100%;
		font-size:1rem;
	}

	.main *{
		margin:0 auto;
	}


	/* post */

	.post h2{
		font-size:200%;
	}

	.post h3{
		font-size:150%;
	}

	.post p,
	.post ul,
	.post ol{
		font-size:125%;
	}

	/* header */

	.header{
		width: 100%;
		margin:0 0 4em;
		background-postion:center;
		background-repeat:no-repeat;
		background-size:cover;
		position: relative;
	}

	.main:not(#index) .header .body{
		height:32em;
		position: relative;
	}

	.main:not(#index) .header .body:before{
		width: 100%;
		height:32em;
		background : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12) 75%), to(#000) 100%);
		background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		background : linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		position: absolute;
		display: block;
		content: "";
		bottom: 0;
		left: 0;
	}

	.header .rc{
		position: fixed;
		top:4em;
		left:4em;
		z-index: 2;
	}

	.header .rc img{
		height:4em;
	}

	.header p.menu {
		position: fixed;
		top:4em;
		right:4em;
		z-index: 9;
		cursor: pointer;
	}

	.header p.menu:hover{
	}

	.header p.menu img{
		height:4em;
	}

	.header .mainNavi {
		display:none;
		width:15em;
		background: #000;
		z-index: 9;
		position: fixed;
		top: 8em;
		right: 4em;
		z-index: 9;
	}

	.header .mainNavi li{
		margin:0 1em;
	}

	.header .mainNavi li a {
		display: block;
		padding: 1em 0;
		border-bottom: 1px solid rgba(255,255,255,0.12);
		font-weight: bold;
		text-align:center;
		text-decoration: none;
	}

	.header .mainNavi li:last-child a {
		border-bottom: none;
	}

	.header .logo img{
		width:auto;
		height:4em;
		margin:0 auto;
		position:absolute;
		top:4em;
		left:0;
		right:0;
		z-index: 9;
	}

	.header .subNavi{
		padding:1.5em 0;
		text-align:center;
		background:#141414;
	}

	.header .subNavi li{
		display:inline;
	}

	.header .subNavi li a{
		display:inline-block;
		padding:0 2em;
		border-right:1px solid #fff;
	}

	.header .subNavi li:last-child a{
		border-right:none;
	}

	.header .ancestor{
	}

	.header .ancestor img{
		width:auto;
		height:6em;
		margin:0 auto;
		position:absolute;
		top:16em;
		left:0;
		right:0;
		z-index: 2;
	}

	.contentsBody{
		width:720px;
		margin:0 auto;
	}

	.footer{
		color:#221714;
		padding:2em 0;
		background: #fff;
		position:relative;
	}

	.footer address{
		line-height: 1.75;
		padding:0 0 0 4em;
		margin-left: 4em;
		background: url(../img/logos.png) center left no-repeat;
	}

	.footer .copyright{
		line-height: 1.75;
		position:absolute;
		top:3.75em;
		right:4em;
	}

	/* index */

	#index{
		width: 100%;
		height:100%;
	}

	#index .header{
		width: 100%;
		height:100%;
		position: relative;
		margin: 0 auto;
		background:url(../img/main.jpg) center bottom / cover no-repeat;
	}

	#index .header:before{
		background : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12) 75%), to(#000) 100%);
		background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		background : linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	#index .header .slide{
		width: 100%;
		margin:auto;
		z-index: 100;
	    position: absolute;
		bottom: 4em;
		left: 0;
		right: 0;
	}

	/* バナー無 */
	#index .header .h1 img{
		margin: auto;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0;
		right: 0;
		z-index:99;
	}
	/* バナー有 */
	#index.bn .header .h1 img{
		padding-bottom:calc(56px + 1em) !important;
	}

	#index .d{
		max-width:1120px;
		width: auto;
		padding: 8em 0;
		margin: 0 auto;
	}

	#index .d h2 img{
		padding-bottom:3.5em;
		margin:0 auto;
	}

	#index .d .flexBox{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display:-webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-line-pack:space-between;/*--- IE10 ---*/
		-webkit-align-content:space-between;/*--- safari（PC）用 ---*/
		align-content: space-between;
	}

	#index .d li{
		font-size:125%;
	}

	#index .d li:nth-child(1),
	#index .d li:nth-child(3){
		margin-top: 1em;
	}

	#index .d li img{
		height:11.5em;
	}

	#index .d li:nth-child(even){
		margin: -0.75em auto;
		line-height:2.5;
		letter-spacing:0.2em;
		text-align:center;
	}

	#index .b{
		width: 960px;
		margin:0 auto 8em auto;
	}

	#index .b li{
		float: left;
	}

	#index .b li.left{
		margin-right: 40px;
		margin-top: 40px;
	}

	#index .b li.right{
		margin-top: 40px;
	}

	#index .a {
		width: 960px;
		margin:6em auto;
	}

	#index .l{
		width:44%;
		float:left;
		position:relative;
	}

	#index .r{
		width:44%;
		float:right;
		position:relative;
	}

	#index .a h2{
		margin-bottom:1em;
	}

	#index .a h2 img{
		margin:0 auto 0 0;
		height:2em;
	}

	#index .a p{
		position:absolute;
		top:0.5em;
		right:0px;
	}

	/* shop */

	#shop .contents{
	}

	.c{
		width:960px;
		margin:0 auto 12em auto;
	}

	.c h2{
		margin-bottom:4em;
	}

	.c .body{
		margin-bottom:calc(8em + 44px);
	}

	.c .body2 {
		background:url(../img/bg_01.png) center top / cover no-repeat;
	}

	.c .body3{
		width: 50%;
		float:left;
		padding: calc(4em + 44px) 0 4em;
		position:relative;
	}

	.c .body3 h3{
		position: absolute;
		top:-44px;
		left: 0;
		right: 0;
	}

	.c .body2 h3 img{
		width:92px;
	}

	.c .notes a{
		display: block;
		width: 200px;
		text-align:center;
		text-decoration:none;
		padding:1em 0;
		margin-top: 2em;
		border:1px rgba(255, 255, 255, 0.48) solid;
	}

	.c .notes a:hover{
		background:rgba(255, 255, 255, 0.12);
	}

	.e {
		text-align:center;
		line-height: 1.75;
		margin:4em 0 12em 0;
	}

	.e ul{
		margin-bottom: 4em !important;
	}

	.e li{
		padding-bottom:4em;
		margin-bottom: 2em!important;
		background: url(../img/arrow.png) center bottom/ auto 2em no-repeat;
	}

	.e li:last-child{
		padding-bottom:0;
		margin-bottom:0;
		background: none;
	}

	.e li h4{
		padding: 0 0 1.25em;
	}

	.e li span{
		font-size:150%;
	}

	.e li span img{
		padding-bottom: .75em;
	}

	.e .body{
		width:960px;
		margin:0 auto;
	}

	.e dl{
		width:292px;
		float:left;
		margin-right:42px!important;
	}

	.e dl:last-child{
		margin-right:0!important;
	}

	.e dt img{
		max-width:100%;
		padding-bottom: 0.7em;
	}

	.e dd{
		text-align:left;
	}

	.f{
		width:720px;
		margin:0 auto 12em;
	}

	.f h2{
		margin-bottom:4em;
	}

	.f h2 img{
		margin:0 auto;
	}

	.f .mailcontact{
		margin-top:4em;
	}

	.g{
		width:720px;
		margin:4em auto 12em;
	}

	.g .post{
		margin:4em 0;
	}

	.g .slide2{
		width:720px;
		height:480px;
	}

	.h{
		width: 960px;
		margin:0 auto;
	}

	.h .l{
		width:44%;
		float:left;
		margin-right:12%;
	}

	.h .r{
		width:44%;
		float:left;
	}

	/* info */

	#info .contents{
		padding-bottom:8em;
	}

	#info .header .body{
		height:12em !important;
		position: relative;
	}

	.telNone{
		pointer-events: none;
		cursor:default;
	}

	.tel a:hover img{
		opacity:1;
	}

}


@media screen and (max-width:979px){

	html{
		width:100%;
		height:100%;
		font-size:12px;
	}

	body{
		width:100%;
		height:100%;
		font-size:1rem;
		overflow-x: hidden;
	}

	img {
		display: block;
		max-width:100%;
	}

	.main *{
		margin:0 auto;
	}

	/* post */

	.post h2{
		font-size:150%;
	}

	.post h3{
		font-size:125%;
	}

	.post table th,
	.post table td{
		font-size:80%;
	}


	/* header */

	.main:not(#index) .header{
		width: 100%;
		margin:0 0 4em;
		background:url(../img/main.jpg) center top / cover no-repeat;
		position: relative;
	}

	.main:not(#index) .header .body{
		height:17em;
		position: relative;
	}

	.main:not(#index) .header .body:before{
		width: 100%;
		height:17em;
		background : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12) 75%), to(#000) 100%);
		background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		background : linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		position: absolute;
		display: block;
		content: "";
		bottom: 0;
		left: 0;
	}

	.header .menu {
		position: fixed;
		top: 2em;
		right: 2em;
		z-index:9;
	}

	.header .menu img{
		width:auto;
		height:3em;
	}

	.header .logo img{
		width:auto;
		height:3em;
		margin:0 auto;
		position:absolute;
		top:2em;
		left:0px;
		right:0px;
		z-index:9;
	}

	.header .ancestor img{
		width:auto;
		height:4em;
		margin:auto;
		position:absolute;
		top:9em;
		left:0px;
		right:0px;
	}

	.header .mainNavi {
		display:none;
		width:50%;
		background: #000;
		position: fixed;
		top: 5em;
		right: 2em;
		z-index:9;
	}

	.header .mainNavi li{
		margin:0 1em;
	}

	.header .mainNavi li a {
		display: block;
		padding: 1em 0;
		border-bottom: 1px solid rgba(255,255,255,0.12);
		font-weight: bold;
		text-align:center;
		text-decoration: none;
	}

	.header .mainNavi li:last-child a {
		border-bottom: none;
	}

	.header .subNavi{
		font-size:80%;
		padding:1.5em 0;
		text-align:center;
		background:#141414;
	}

	.header .subNavi li{
		display:inline;
	}

	.header .subNavi li a{
		display:inline-block;
		color:#FFF;
		padding:0 1em;
		border-right:1px solid #000;
	}

	.header .subNavi li:last-child a{
		border-right:none;
	}

	.header .rc{
		position: fixed;
		top: 2em;
		left: 2em;
		z-index:99;
	}

	.header .rc a{
		display:block;
		width:3em;
		height:3em;
		overflow:hidden;
	}

	.header .rc img {
		max-width:inherit;
		height:3em;
	}

	.contents{
		margin:0 2em 4em;
	}

	.contents h2 img{
		width:auto;
		height:3em;
	}

	.footer{
		color:#221714;
		background:#fff;
		background-size:auto 3rem;
		padding:2em 0;
	}

	.footer address {
		font-size:80%;
		line-height: 2;
		text-align: center;
		padding: 4.5rem 0 0 0;
		margin:-0.5em 0 0.5em 0;
		background: url(../img/logos.png) center top no-repeat;
		background-size:auto 4rem;
	}

	.footer .copyright {
		font-size:80%;
		line-height: 2;
		text-align: center;
		margin:-0.5em 0;
	}


	/* index */

	#index .header{
		margin-bottom:4em;
	}

	#index .header .body{
		width: 100%;
		padding-top:75%;
		background: url(../img/main.jpg) center top / cover no-repeat;
		position: relative;
	}

	#index .header .body:after{
		background : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.12) 75%), to(#000) 100%);
		background : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		background : linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 75%, #000 100%);
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		padding-top:75%;
	}

	#index .header .h1 img {
		width:auto;
		height:6em;
		padding-top:3em;
		margin:auto;
		position:absolute;
		top:0;
		bottom:0;
		left:0px;
		right:0px;
		z-index:9;
	}

	#index .header .slide{
		width:calc(100% - 4em);
	}

	#index .a {
		margin:0 2em;
	}

	#index .a .list{
		position:relative;
	}

	#index .a .l{
		margin-bottom:4em;
	}

	#index .a h2{
		margin-bottom:1em;
	}

	#index .a h2 img{
		margin:0 auto 0 0;
		height:2em;
	}

	#index .a p{
		position:absolute;
		top:0.5em;
		right:0px;
	}

	#index .d{
		padding:0 2em 4em;
	}

	#index .d h2{
		margin-bottom:2em;
	}

	#index .d h2 img{
		width:auto;
		height: 5em;
	}

	#index .d .flexBox{
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display:-webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		flex-wrap: wrap;
	}

	#index .d img{
		margin:0 auto;
	}

	#index .d li.image{
		display:none;
	}

	#index .d li.image2{
		display:none;
	}

	#index .d li:nth-child(2){
		flex:1 100%;
		margin: -0.75em 0;
		line-height:2;
		text-align:center;
	}

	#index .b{
		padding:0 2em 4em;
	}

	#index .b li{
		margin:2em 0 0 0;
	}

	#index .b li:first-child{
		margin:0;
	}

	/* shop */

	.c{
		margin:0 0 8em;
	}

	.c h2{
		margin-bottom:2em;
	}

	.c .body{
		margin-bottom: calc(8em + 44px);
	}

	.c .body2 {
		background:url(../img/bg_01.png) center top / cover no-repeat;
	}

	.c .body3{
		padding: calc(4em + 44px) 0 7em;
		background:#3d0a29;
		position:relative;
	}

	.c .body3:nth-child(2){
		padding-bottom:4em;
		background:#01253c;
	}

	.c .body3 h3{
		position: absolute;
		top:-44px;
		left: 0;
		right: 0;
	}

	.c .body2 h3 img{
		width:92px;
	}

	.c .notes a{
		display: block;
		width: 200px;
		text-align:center;
		text-decoration:none;
		padding:1em 0;
		margin-top: 2em;
		border:1px rgba(255, 255, 255, 0.48) solid;
	}

	.c .notes a:hover{
		background:rgba(255, 255, 255, 0.12);
	}

	.e {
		text-align:center;
		line-height: 1.75;
		margin:2em 0 8em 0;
	}

	.e ul{
	}

	.e li{
		padding-bottom:4em;
		margin-bottom: 2em!important;
		background: url(../img/arrow.png) center bottom/ auto 2em no-repeat;
	}

	.e li:last-child{
		padding-bottom:0;
		margin-bottom:0;
		background: none;
	}

	.e li h4{
		padding: 0 0 1.25em;
	}

	.e li span{
	}

	.e li span img{
		padding-bottom: 0.75em;
	}

	.e .body{
	}

	.e dl{
		margin-top:2em;
	}

	.e dl:first-child{
		margin-top:4em;
	}

	.e dt img{
		max-width:100%;
		padding-bottom: 0.7em;
	}

	.e dd{
		text-align:center;
	}

	.f{
		margin:0 0 8em;
	}

	.f h2{
		margin-bottom:2em;
	}

	.f .mailcontact{
		margin-top:4em;
	}

	.g{
		margin:2em 0 8em 0;
	}

	.g .post{
		margin:2em 0;
	}

	.g .slide2{
		width:100%;
		padding-bottom:66.666%;
	}

	.g iframe{
		height:320px;
	}

	.h{
		margin:0 2em 8em;
	}

	.h h2 img{
		margin:0 auto 0 0;
	}

	.h .l{
		margin:4em 0 0 0;
	}

	.h .r{
		margin:4em 0 0 0;
	}

	.h .r iframe{
		height:calc(56vw - 4em);
	}

	#info .header{
		margin:0 !important;
		background:none !important;
	}

	#info .header .body{
		height:11em !important;
		position: relative;
	}

	.campaign_list .fr,
	.campaign_list .fl{
		width: 100%;
		float: none;
		margin: 10px 0;
	}
}

strong {
	font-size: 34px;
	color: red;
}
.countdown {
	font-size: 30px;
	text-align: center;
}