@charset "UTF-8";


/*==============================
 FONT
==============================*/

@import url(https://fonts.googleapis.com/css?family=Open%20Sans%20Condensed:700);

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.otf) format('opentype');
}

body, input, textarea, select, button{
	color: #fff;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-feature-settings:"liga", "kern";
}
body { margin: 56px 0 0 0;}
*{margin:0; padding:0; border:none; }
html{
	/* max-width: 800px;
 */
	margin: auto;
	overflow-x:hidden;
	background-attachment: fixed;
	background: #fc8fba;
	background: -moz-linear-gradient(top,  #fc8fba 0%, #f9cadd 100%);
	background: -webkit-linear-gradient(top,  #fc8fba 0%,#f9cadd 100%);
	background: linear-gradient(to bottom,  #fc8fba 0%,#f9cadd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8fba', endColorstr='#f9cadd',GradientType=0 );
}
a,a *,input{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}
a:link{text-decoration:none; }
a:visited{text-decoration:none;
/* color:#000;
*/}


/* clearfix
---------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
section iframe {
	width: 100%;
	height: auto;
	max-width: 100%;
	min-height: 300px;
	display: block;
	margin: 0 auto 32px auto;
}
section img {
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
	margin: auto;
	box-shadow: 0 0px 1px rgba(255, 255, 255, 0.4);
}
.none{display:none;}
.subTit span,time,.archive a{
	font-family: 'Montserrat', 'Noto Sans Japanese',  sans-serif;
	font-kerning: normal;
}
a.link {
	font-size: .8rem;
	border: 1px solid;
	padding: 8px 16px;
	letter-spacing: 3px;
	line-height: normal;
	margin: 2px 0;
}
li{ list-style-type:none; }

*[data-show="on-scroll"] {transform:scale(.9) translateY(40px);
	opacity:.2;
	filter:alpha(opacity=20);
	filter:-\9;
	transition-timing-function:ease-out;
}

*[data-show="on-scroll"].in-view,
.detail *[data-show="on-scroll"]:nth-child(-n+15) {transform:scale(1) translateY(0);
transition-duration:1s;
opacity:1;
filter:alpha(opacity=100);
filter:-\9}

.topimg {
	transform:scale(.9);
	opacity:0;
	filter:alpha(opacity=0);
	filter:-\9;
	transition-timing-function:ease-out;
	margin: 0;
}
.topimg .slide {}
.topimg .slide ul {
	width: 100vw;
	height: 100vw;
	max-width: 800px;
	min-width: 320px;
	max-height: 800px;
	min-height: 320px;
	display: block;
	margin: auto;
	position: relative;
	overflow: hidden;
}
.topimg .slide ul li {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	opacity: 0;
	transition: opacity 3s ease;
}
.newscategory{ list-style-type:none; }
.topimg .slide ul li.active { opacity: 1; z-index:3; }
.topimg .slide ul li a {display: block; width: 100%; height: 100%; }
.topimg .slide ul li div{
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.loaded .topimg {transform:scale(1);
transition-duration:2s;
opacity:1;
filter:alpha(opacity=100);
filter:-\9}

#load{
	width:100%;
	height:100%;
	display: none;
	margin:auto;
	position: fixed;
	z-index: 999999999;
	top: 0;
	left: 0;
	text-align:center;
	background: #000000;
	background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.8) 0%,rgba(47, 51, 50, 0.8) 50%,rgba(10, 14, 10, 0.8) 50.1%,rgba(10, 8, 9, 0.8) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.8) 0%,rgba(47, 51, 50, 0.8) 50%,rgba(10, 14, 10, 0.8) 50.1%,rgba(10, 8, 9, 0.8) 100%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%,rgba(47, 51, 50, 0.8) 50%,rgba(10, 14, 10, 0.8) 50.1%,rgba(10, 8, 9, 0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0a0809',GradientType=1 );
	-webkit-animation: load1 6s ease 0s 1 forwards;
 animation: load1 6s ease 0s 1 forwards;
}
.top #load{ display:block; }
	@-webkit-keyframes load1 {
		0% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		} 2% {
			-moz-transform: scale(3);
			-webkit-transform: scale(3);
			-o-transform: scale(3);
			-ms-transform: scale(3);
			transform: scale(3);
		} 100% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}
	@keyframes load1 {
		0% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		} 2% {
			-moz-transform: scale(3);
			-webkit-transform: scale(3);
			-o-transform: scale(3);
			-ms-transform: scale(3);
			transform: scale(3);
		} 100% {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
	}

#load::before{
	content:'';
	background: url(../img/cmn/oral_load_icon_load1.svg) center center no-repeat;
	background-size: 100%;
	display: block;
	width:200px;
	height:200px;
	margin: 0 0 -100px -100px;
	position: absolute;
	bottom: 50%;
	left: 50%;
	-webkit-animation: load2 12s infinite ease-in-out alternate;
	animation: load2 12s infinite ease-in-out alternate;
}
	@-webkit-keyframes load2 {
		0% {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
		} 100% {
	-moz-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
		}
	}
	@keyframes load2 {
		0% {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
		} 100% {
	-moz-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
		}
	}

#load::after{
	content:'';
	background: url(../img/cmn/oral_load_icon_load2.svg) center center no-repeat;
	background-size: 100%;
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 0 -100px -100px;
	position: absolute;
	bottom: 50%;
	left:50%;
	-webkit-animation: load3 6s infinite ease-in-out normal;
	animation: load3 6s infinite ease-in-out normal;
}
	@-webkit-keyframes load3 {
		0% {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
		} 10% {
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
		} 30% {
	-moz-transform: rotate(670deg);
	-webkit-transform: rotate(670deg);
	-o-transform: rotate(670deg);
	-ms-transform: rotate(670deg);
	transform: rotate(670deg);
		} 100% {
	-moz-transform: rotate(720deg);
	-webkit-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	transform: rotate(720deg);
		}
	}
	@keyframes load3 {
		0% {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
		} 10% {
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
		} 30% {
	-moz-transform: rotate(670deg);
	-webkit-transform: rotate(670deg);
	-o-transform: rotate(670deg);
	-ms-transform: rotate(670deg);
	transform: rotate(670deg);
		} 100% {
	-moz-transform: rotate(720deg);
	-webkit-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	transform: rotate(720deg);
		}
	}

.memberMenu,
#header h1.membersLogo,
#footer.membersfooter{
	display:none;
}
.members .memberMenu,
.members #header h1.membersLogo,
.members #footer.membersfooter{
	display:block;
}
.members .ofMenu,
.members #header h1.officialLogo,
.members #footer.officialfooter{
	display:none;
}
#header p {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 99%;
	float: right;
	text-align: left;
}
#header p a {
	width: 100%;
	height: 100%;
	display:block;
	position: relative;
	margin: auto;
	z-index: 999;
	text-align: center;
	font-size: .5rem;
	letter-spacing: 1px;
	line-height: 78px;
	vertical-align: bottom;
	font-family: 'Montserrat', sans-serif;
	color: rgba(255, 255, 255, 0.75);
	text-indent: -999999px;
}
#header p a:before,#header p a:after{
	display:block;
	content:"";
	position: absolute;
	top: 54%;
	left: 28%;
	width: 44%;
	height: 1px;
	background: #ffffff;
	transition:.3s;
	margin: auto;
}
#header p a:before{ margin-top: -4px; box-shadow: 0 -7px  #fff; }
#header p a:after{ margin-top: 3px; }
#header{
	width: 100%;
	height: 56px;
	position: fixed;
	top:0;
	left: 0;
	background: rgba(242, 123, 170, 1);
	z-index: 999;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}
#header h1 {
	width: 70%;
	height: 100%;
	display: block;
	max-width: 300px;
	float: left;
}
#header h1 a {
	height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 0 0 0 16px;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#header h1 a img{
	width: 100%;
	height: auto;
	margin: auto;
	vertical-align: middle;
}


/*========== popup ==========*/
#header nav ul{ text-align:center; }
#header nav ul li.icon { width: 17%; display:inline-block; margin-top: 16px; }
#header nav ul li a {
	display: block;
	margin: 0;
	padding: 6px 12px;
	position: relative;
	z-index: 999999;
	color: #fff;
	font-size: 1rem;
	font-family: 'Montserrat', sans-serif;
}

#header nav a{
	/* width:90px;
*/
	display:block;
}
#header nav a.sai{ float:left; width:60px; }
#header nav a#gofooter{
	width: 96px;
	float:right;
	position:relative;
	top: 8px;
	color:#fff;
	font-size: 22px;
	text-align:right;
	line-height:0px;
}
#header nav a#gofooter span{
	width:28px;
	height:2px;
	display:block;
	position:absolute;
	top:-1px;
	left:0;
	background:#fff;
	margin:0;
	color:#fff;
	text-align:center;
	transition:.2s;
}
#header nav a#gofooter span:before,#header nav a#gofooter span:after{
	width:100%;
	height:2px;
	display:block;
	content:"";
	position:absolute;
	top:50%;
	left:0;
	background:#fff;
	transition:.3s;
}
#header nav a#gofooter span:before{ margin-top:-9px; }
#header nav a#gofooter span:after{ margin-top:7px; }
#header nav ul li svg{ fill: #fff; width: 32px; height: 32px; vertical-align:top; }
#header nav ul li span { display: none; }
#header .menu{ display:none; }
a#gotop{
	display:block;
	padding:16px 0 8px;
	margin:0;
	box-sizing:border-box;
}
.top a#gotop { display: none; }
a#gotop span{
	width:40px;
	height:40px;
	display:block;
	margin:auto;
	overflow:hidden;
	position:relative;
}
a#gotop span::before{
	content:" ";
	width:40px;
	height:40px;
	display:block;
	border: 1px solid #fff;
	margin:auto;
	position:absolute;
	top: 25px;
	left: -1px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.artistbox{ padding:4px 0 1px 24px; border-left:2px #ccc solid; margin:32px 0; }


/*==========　form　==========
form{ max-width:520px; margin:auto; }
form fieldset{
	width:100%;
	display:block;
	padding:80px 24px 24px 24px;
	border:none;
	margin:24px 0;
	border-radius:8px;
	position:relative;
	background:#fff;
	background:-moz-linear-gradient(top,  rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(top,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
	background:linear-gradient(to bottom,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#00000000',GradientType=0 );
	box-sizing:border-box;
}
form legend{
	width:100%;
	display:block;
	margin:0;
	padding:16px 24px 0;
	position:absolute;
	right:0px;
	top:0;
	box-sizing:border-box;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	line-height:normal;
	text-align:right;
}
form legend::first-letter{ font-size:200%; }
form .box{ margin:12px 60px; padding:4px 0; clear:both; }
form .box h5{
	display:block;
	padding:1px 0 1px 8px;
	border-left:5px solid #149154;
	margin:8px 0 8px -23px;
	font-size:15px;
	line-height:17px;
}
form input,form textarea{
	padding:4px 8px;
	margin:0;
	font-size:14px;
	letter-spacing:1px;
	box-sizing:border-box;
	border-radius:5px;
}
form textarea{ height:90px; }
form input[type=radio]{ width:16px; height:16px; vertical-align:middle; }
input.hidden{ display:none; }
form input[type=submit]{
	width:240px;
	height:50px;
	display:block;
	padding:0;
	border:none;
	margin:24px auto 40px;
	position:relative;
	top:0px;
	background:#900;
	color:#fff;
	font-size:18px;
	line-height:50px;
	letter-spacing:3px;
	cursor:pointer;
	border-radius:6px;
	box-shadow:0 3px 0px 0 #aaa;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-transition:all .3s;
	transition:all .3s;
}
form input[type=submit]:hover{
	top:2px;
	box-shadow:0 2px 0px 0 #aaa;
	opacity:.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
form p{
	margin:0 0 8px 0;
	padding:0;
	color:#999;
	font-size:11px;
	line-height:16px;
}
form label{
	display:block;
	margin:0 0 14px 0;
	padding:1px 0;
	font-size:13px;
	line-height:16px;
	cursor:pointer;
}
form p.setumei{ padding:34px 0 0 0; margin:0; }
form sup{
	display:inline-block;
	margin:16px 0 0 0;
	padding:0;
	color:red;
	vertical-align:top;
	font-size:16px;
}
form fieldset.off{ border-radius:4px; background:#149154; cursor:pointer; }
form fieldset.off .box{ display:none; }
form fieldset.off legend{ color:#fff; font-weight:normal; }
form fieldset.off legend:before{
	content:" › ";
	font-size:25px;
	vertical-align:sub;
	line-height:normal;
	padding:0 0 0 8px;
	margin:0;
}
form input[type="text"], form input[type="datetime-local"], form input[type="email"], form input[type="tel"], form input[type="file"], form select, form textarea{
	display:block;
	width:96%;
	margin:6px 0 0 4%;
	outline:none;
	border:1px solid #aaa;
	-webkit-transition:all .3s;
	transition:all .3s;
}
form .star{ float:right; margin-right:2px; }
form input[type="text"]:focus, form input[type="datetime-local"]:focus,
form input[type="email"]:focus, form input[type="tel"]:focus,
form input[type="file"]:focus, form select:focus, form textarea:focus{
	box-shadow:0 0 2px #f00;
	border:1px solid #f00;
}
*/


/* 会員規約
---------------- */
.kiyaku{ font-size:0.8rem; margin-bottom: 5%; }
.kiyaku dt{ font-weight: bold; font-size: 0.8rem; }
.kiyaku dd{ line-height: 180%; }
.kiyaku .subList dt{ margin-top: 5px; }
.kiyaku ul li{ text-indent:-1em; padding:0 0 3px 1em; }

/* device
---------------- */
.deviceList{ font-size:0.8rem; margin-bottom: 5%; }
.deviceList dt:first-child{ margin-top:1%; }
.deviceList dt{
	font-weight: bold;
	font-size:0.8rem;
	margin: 3% 0 0;
	padding-bottom:7px;
}
.deviceList dd{ line-height: 150%; margin-bottom: 2px; }


/* プライバシーポリシー
---------------- */
.privacyList{ line-height: 150%; }
.privacyList dt{ font-size:0.8rem; font-weight: bold; }
.privacyList dd{ margin-bottom: 5%; font-size:0.8rem; }
.privacyList dd li{
	line-height: 150%;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1.5%;
}


/* 特商法表記
---------------- */
.dealList{ }
.dealList dt{
	float: left;
	padding:2% 0;
	clear: left;
	font-weight: bold;
	font-size:0.8rem;
}
.dealList dd{
	line-height: 150%;
	padding:2% 0 2% 150px;
	margin-bottom: 0;
	font-size:0.8rem;
}
.dealList dd a{
	color: #fff;
	border-bottom: 1px solid #B6B6B6;
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}


/*==============================
FAQ
==============================*/
/* よくある質問
----------------------------- */

#qaList .newsList{
	border-bottom: 1px dotted #777;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#qaList .newsList li { line-height: 130%; position: relative; }
#qaList .newsList a {
	display: block;
	color: #FFF;
	font-size:0.75rem;
	padding: 0 15px 15px 2.5em;
	text-indent:-2.5em;
}
#qaList .newsList a span{ font-size: 14px; font-weight: bold; }
#qaList .newsList a span:before {
	counter-increment: sample;
	content: "Q"counter(sample)".";
	padding-right:5px;
}
h3 {counter-reset:sample;}
#qaList dl{ margin-bottom: 40px; }
#qaList dt{
	font-size: 15px;
	line-height: 140%;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 15px;
}
#qaList dt span{color: #3D7DDD;}
#qaList dd span{ font-weight: bold; font-size: 15px; color: #E44466; }
#qaList dd{ line-height: 170%; text-indent: -1em; padding-left: 1em; }
h3.title {
	font-size: 1rem;
	font-weight: bold;
	line-height: 160%;
	word-break: break-all;
	padding:0 0 5px;
	margin-bottom: 2%;
}
#qaList .newsList .tit { font-size: 14px; }
#qaList .lead { font-weight: bold; text-align: center; margin: 50px auto 20px; }


/* 詳細 */
#faq.detail h2.tit { padding: 0 0 5%; }
#faq.detail h2.tit .title {
	display:block;
	color:#FFF;
	font-size:0.9rem;
	font-weight:bold;
	text-align:left;
	line-height:1.3em;
	padding:0 0 0 50px;
	margin:0;
	position:relative;
}
#faq.detail h2.tit .icon,
#faq.detail .txt .icon  {
	width:22px;
	height:22px;
	display:inline-block;
	color:#FFF;
	text-align:center;
	border:1px solid #FFF;
	padding:5px;
	position:absolute;
	left:0;
	top:-5px;
	line-height:1.65em;
	font-weight:bold;
}
#faq.detail p.txt {
	padding:0 0 0 48px;
	margin:0 0 30px;
	position:relative;
	font-size:0.9rem;
}
#faq.detail p.txt span{ color:#FFF !important; }
#faq.detail .txt .icon { background:#fff; color:#000 !important; }
#faq .inquiry { border-top:1px dashed #fff; padding:40px 0 0; margin:40px 0 0; }
#faq .inquiry p { text-align:center; }

#qaList dd span,
#qaList dt span{
	font-weight:400;
	color:#fff !important;
}
#qaList dd a { text-decoration:underline; }
#header nav a#gofooter:hover span:before{
	transform:translateY(2px);
}


/*====入会ページ====*/
.regist img{ width:40%; margin:-6% auto 6%; box-shadow: none;}
.commentBox{
	padding:2% ;
	background:#FFF;
	border:solid 3px #D3C07B;
	border-radius:2px;
	overflow:hidden;
	margin:15px 0;
}
.commentBox .btn .main{
	text-decoration:none;
	background:#CFB24B;
	color:#FFF;
	width:80%;
}
.commentBox img{ margin:0 auto; }
.txtBox{ width:400px; float:left; }
.commentBox p{
	padding:0 0 2%;
	text-align:left;
	font-size:1rem;
	font-weight:bold;
	line-height:1.4em;
	color:#000;
}
.commentBox .ph{ width:300px; float:left; margin-right:3%; }
.commentBox .ph img{ width:100%; }
.membersList{ overflow:hidden; margin:3% 0 5%; }
.membersList li{
	width:45%;
	height:145px;
	float:left;
	padding:2%;
	margin:0 1% 1% 0;
	background:#FFF;
	color:#000;
	border: solid 2px #D3C07B;
}
.membersList li:nth-child(2n){ margin:0 0 1%; }
.membersList li dt{
	padding:0 0 5%;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
	letter-spacing: -0.03em;
	font-family: 'Montserrat', 'Noto Sans Japanese',  sans-serif;
	color:#A18A35;
}
.membersList li dt span{
	padding:3px 3px 5px;
	font-size:0.8rem;
	border:solid 1px #BFA33F;
	color:#BFA33F;
	vertical-align: 3px;
	border-radius:3px;
	font-weight:normal;
}
.membersList li dd{ font-size:0.9rem; line-height:1.5em; }
.entryPrice dt{ margin-bottom:0; font-size:1.3rem; font-weight:bold; }
.entryPrice dd{ margin-bottom:4%; }
.entryPrice table {
	width: 100%;
	margin: 0 auto 30px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	empty-cells: show;
}
.entryPrice tr { border: 1px solid #777; }
.entryPrice table th {
	width: 230px;
	background: transparent;
	color: #FFF;
	font-size: 1rem;
	border-bottom: 1px solid #777;
	border-right:1px solid #777;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
}
.entryPrice table td { font-size:0.9rem; vertical-align: middle; line-height: 150%; padding: 15px 20px; }
.entryPrice table td .subtxt { font-size:11px; }
.registBox{ margin-bottom:5%; }
.hasId{ padding:0; margin-bottom:3%; }
.hasId p{ padding-bottom:0; text-align:center; }


/*____________________ トップページ ____________________*/

#main{ padding:0; }
.detail #main {
	width: 100%;
	max-width: 800px;
	min-height: 600px;
	padding: 40px 16px;
	margin:0 auto 40px;
	box-sizing: border-box;
}
section h1, section h2, section h3, section h4, section h5, section p,dt{
	padding: 10px 0;
	margin: 0;
	letter-spacing: .06em;
	line-height: 1.5;
}
section p {
	/*text-align: justify;
	text-justify: inter-ideograph;*/
	line-height:1.7em;
}
.subTit{
	display: block;
	padding: 1px 0 35px 0;
	margin: 0;
	letter-spacing: 0px;
	font-size: 2.2rem;
	line-height: 40px;
	text-transform: uppercase;
	text-indent: -3px;
}
.subTit img{ box-shadow:none; width:80%; margin:0 auto; }
.m_detail .subTit{ font-size: 2rem; text-align:center; color:#C4B400; }
/*.m_detail .subTit:after {
	display: block;
	width: 5%;
	height: 4px;
	background: -moz-linear-gradient(-45deg, #696100 0%, #9B9000 100%);
	background: -webkit-linear-gradient(-45deg, #696100 0%,#9B9000 100%);
	background: linear-gradient(135deg, #696100 0%,#9B9000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696100', endColorstr='#9B9000',GradientType=1 );
	margin: 15px 0;
	content: "";
	font-size: 0;
}
*/
.m_detail .subTit span.sml{ font-size:1.5rem; }
#wallpaper.m_detail .subTit,
#fcNews.m_detail .subTit{ font-size: 2.8rem; }
.subTit a { color: #fff; }
section.bn2 { padding: 0 16px 32px 16px; box-sizing: border-box; }
section.bn2 ul { display: block; }
section.bn2 ul li { display: block; margin: 0 0 16px 0; padding: 0; }
#footer {
	width: 100%;
	margin: auto;
	padding: 32px 24px;
	overflow: hidden;
	clear:both;
	background: #f27baa;
	box-sizing: border-box;
}
#footer p {
	width:327px;
	height:52px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 0 0 24px 0;
	margin: auto;
	color: #fff;
	text-align: center;
	font-size: .5rem;
	opacity: .7;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-family: 'Noto Sans Japanese',  sans-serif
}
#footer p small { font-size: .5rem; letter-spacing: 0; }
#footer p img{
	width:120px;
	/*width: 100%;
	max-width: 120px;*/
	height: 20px;
	display: block;
	float: left;
	margin:15px 16px  0 ;
}
#footer nav { padding: 0 0 24px 0; }
#footer nav ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 320px;
	margin: auto;
}
#footer nav ul li {
	width: 25%;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}
#footer nav ul li a { display: block; padding: 8px; color:#FFF; }
#footer nav ul li svg { width: 32px; height: 32px; fill: #fff; }
#footer nav ul li span { display: none; }
ul.newslist {
	display: block;
	padding: 0 0 32px 0;
	position:relative;
}
ul.newslist li {
	display: block;
	border-bottom: 1px dotted #777;
	position:relative;
	padding: 0;
	list-style-type: none;
}
ul.newslist li:first-child{ border-top: 1px dotted #777; }
.members  ul.newslist li:first-child{ border-top:none; }
ul.newslist li{ padding:20px 0; }
#fcNews .subTit{ margin:0; }
.newslist li .cancel { display: none; }
ul.newslist li a {
	display:block;
	font-size: 1rem;
	box-sizing: border-box;
	line-height:1.4em;
	list-style:none;
}
ul.newslist li a:hover {}
ul.newslist li a time { width: 100px; display: block; float: left; }
ul.newslist li a span {
	display: block;
	margin: 0 0 0 112px;
	font-size: 1rem;
	font-weight:bold;
}
#t_media ul.newslist li a span .cat,
#w_media ul.newslist li a span .cat,
#r_media ul.newslist li a span .cat,
#m_media ul.newslist li a span .cat,
#o_media ul.newslist li a span .cat{
	display:none;
}
ul.newslist li .cat{
	display:inline-block;
	padding:2px 10px 0;
	font-family: 'Montserrat', 'Noto Sans Japanese', sans-serif;
	font-size:10px;
	border:solid 1px #777;
	text-indent:0;
}
ul.newslist li .entrybody{
	display:none;
	/*height:0px;*/
	margin: 0;
	padding-top:15px;
	overflow: hidden;
	font-size: .8rem;
	color: #fff;
	opacity:1;
}
ul.newslist li .txtBox{ width:100%; line-height: 1.8em; }
ul.newslist li .txtBox img{ padding:15px 0; box-shadow:none; margin: 0; }
ul.newslist li .txtBox a{ display:inline; font-size: 0.8rem; }
/*
ul.newslist li:target{
	padding:80px 0;
}
ul.newslist li:target .cancel {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}
ul.newslist li:target .entrybody{ height: auto; margin: 0 0 8px 0; }
*/
.box{ font-size:0.8rem }
.entrybody a,
.box a {
	text-decoration: underline;
	font-weight: bold;
}
.disco-jacket img {
	width: 100%;
	height: auto;
	max-width: 70%;
	display: block;
	float: none !important;
	margin: 16px auto !important;
	text-align: center;
}

.disco-jacket img.mt-image-left{
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}
#disco .discoTit{ padding-bottom:0; }
.entry {
	padding: 0 0 32px;
	margin: 0 0 32px;
	border-bottom: 1px dotted #777;
}
hr { clear: both; }
/*  members */
.members #header,
.members #footer{
	background: #f27baa;
	background: -moz-linear-gradient(-45deg,  #f27baa 0%, #f7aac9 100%);
	background: -webkit-linear-gradient(-45deg,  #f27baa 0%,#f7aac9 100%);
	background: linear-gradient(135deg,  #f27baa 0%,#f7aac9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27baa', endColorstr='#f7aac9',GradientType=1 );
}
nav.memberfooter { padding: 0 0 40px 0 !important; }
nav.memberfooter ul li { width: 50% !important; font-size: .5rem; }
nav.memberfooter ul { padding: 0; margin: 0; max-width: 1115px !important; }
.backsite a {
	background: #fff;
	color: #000 !important;
	margin: 16px 0 0 0 !important;
	font-family: 'Montserrat', sans-serif;
	font-kerning: normal;
}
#footer .backsite a { padding: 8px; }
#footer .backsite { text-align: center; padding: 0px 0 48px; display: none; }
.members #header h1{ height: 40px; width: 40px; padding: 8px 0 0 10px; }
.members #header h1 a img {
	height: 39px;
	width: 40px;
	float: left;
	margin: 0 auto 0 8px;
}
.membersmain {background: #000;padding: 14px 24px;border-radius: 6px;/* box-shadow: inset 0 0 80px #3c3c3c; */color: #fff;font-size: .8rem;margin: 0 auto 48px;max-width: 540px;}
.membersmain p { letter-spacing: 0.1rem; text-align: center; margin: 8px 0; }
.membersmain img {vertical-align: top;margin: 0;padding: 0;box-shadow: none;}

.membersmain .loggedinArea p { margin: 0; padding: 0;}
.membersmain .loggedinArea { padding: 25px 0 30px;}
.membersmain .loggedinArea .welcome { margin: 0 0 15px; font-size: 15px;}
.membersmain .loggedinArea .expire { color: #888; font-size: 13px;}
.membersmain .loggedinArea .expire .course span {
	font-weight: bold;
	border-radius: 3px;
	font-weight: bold;
	display: block;
	font-size: 16px;
}
.membersmain .loggedinArea .expire.year .course span{ color: #9f9404;}
.membersmain .loggedinArea .expire.month .course span{ color: #d0e4f3;}
.membersmain .loggedinArea .expire .btn{
	padding-top: 10px;
}

.btn{text-align:center;padding:0;}
.signuplink,
.btn .main,
.btn .sub{
	background: #fff;
	color: #000;
	padding: 14px 32px;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: 3px solid #7d7d7d;
	line-height: 48px;
	margin: 24px;
	border-radius: 2px;
	text-decoration: none;
}
.btn .main{
	letter-spacing:0;
	display:block;
	width:40%;
	margin:2% auto;
	padding: 0;
	border-radius: 0;
	border:solid 1px #FFF;
}
.btn .sub{
	display:block;
	width:40%;
	margin:0 auto 3%;
	padding: 0;
	border-radius: 0;
	border:solid 1px #FFF;
	font-size:0.8rem;
	color:#FFF;
	background:transparent;
	letter-spacing:0.01em;
}
.btn input.main{
	display:block;
	width:40%;
	margin:0 auto 2%;
	padding: 0;
	border:solid 1px #FFF;
	-webkit-appearance: none;
}
.dobleBtn { overflow:hidden; margin:5% 0 8%; }
.dobleBtn li{ width:48%; float:left; margin-right:3%; }
.dobleBtn li:nth-child(2){ margin:0; }
.dobleBtn li a,
.dobleBtn li span{
	display:block;
	border:solid 1px #777;
	padding:10px 0;
	text-align:center;
	font-size: 0.9rem;
	font-family: 'Montserrat', sans-serif;
}
.dobleBtn li span{ color:#666; }
.btn .back{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9em;
}
#header nav ul li.login a {
	border: 1px solid;
	padding: 8px 16px;
	line-height: 18px;
	margin: 6px auto;
	display: inline-block;
}
.introTxt{ text-align:center; margin-bottom:5%; }

/* movie
---------------- */
#movie .contentsList{ margin-bottom:10%; }
#movie .contentsList li{
	width: 48%;
	float: left;
	margin: 0px 4% 30px 0px;
	list-style-type:none;
}
#movie .contentsList li:nth-child(2n){ margin-right: 0; }
#movie .contentsList li:nth-child(2n+1){ clear: both; }
.contentsList li .thumb {
	width: 100%;
	line-height: 100%;
	padding:0;
	overflow: hidden;
}
.contentsList li .tit {
	padding:10px 0 0;
	margin-bottom: 5px;
	text-align: left;
	font-size: 0.9rem;
	font-weight:bold;
	line-height:1.5em;
}
.contentsList li time{ font-size:0.85rem; }
.movieTit{
	padding: 10px 0 0;
	margin-bottom: 5px;
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4em;
}
.system_error{ font-size: 0.8rem; line-height: 1.5em; padding: 20px 0; }
.new{
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-style:normal;
	font-size:0.75rem;
	color:#0066ff;
	vertical-align: 0px;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
.contentsList li .thumb img {
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}
.movieDetail{ text-align: center; }
#movie .playBox{ margin:20% 5% 5%; }
.detail embed{ margin: 0 auto 5px; }
#movie .movieDetail .titArea{
	text-align: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-bottom: 5px;
}
#movie .movieDetail .titArea .date{
	font-size: 14px;
	color: #f9cadd;
	letter-spacing: 0.15em;
	text-align: center;
}
#movie .movieDetail .lead{ line-height: 130%; }
#movie .txt{ font-size:0.75rem; }
#movie .txt a{ text-decoration:underline; }


/* BLOG
---------------- */
.blogDetail{
	padding-top:2%;
	margin-top:4%;
	border-top: 1px dotted #777;
}
.blogDetail p{ text-align:left; }
.blogDetail span{ white-space:normal !important; }
.blogDetail img{
	margin:3% 0;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}
#blog .subTit{ }
#blog .movieTit{ font-size:1.7rem; }


/* Q&A
---------------- */
#qa .txt{ margin-bottom:5%; }
#qa section .formArea{ margin-top:5%; }
#qa section p{ font-size: .8rem; }
.formArea .formList input[type="text"],
.formArea .formList input[type="password"],
.formArea .formList textarea {
	width: 80%;
	background: #555;
	color:#FFF;
	border:none;
	border-radius:0;
	padding: 8px;
	margin: -2px 0 0;
	font-weight:bold;
}
.formArea form.main{ max-width: 100%; margin:0; }
.formArea .formList.confirm input[type="text"],
.formArea .formList.confirm input[type="password"],
.formArea .formList.confirm textarea {
	background: #555;
	border-radius:0;
	color:#FFF;
	font-weight:bold;
}
.formArea .formList textarea { width:100%; }
.formArea .formList {
	background:transparent;
	word-break:break-all;
	padding:0;
	margin:0 0 30px;
}
#qa section .formArea .formTit {
	padding:0 0 1%;
	font-size:0.9rem;
	font-weight:bold;
	color:#FFF;
}
.formArea .confirm li{ font-size:1rem; }


/* WALLPAPER
================================== */
#wallpaper .ph{ margin-bottom:10px; text-align:center; }
#wallpaper .center{ text-align:center; }
#wallpaper .pointArea{ margin-bottom:10px; text-align:center; }
#wallpaper .dlLink{ padding:0; }
#wallpaper .dlLink a {
	display:block;
	margin-bottom:8px;
	padding:5px 0;
	text-align:center;
	border:1px solid #777;
	font-size:0.8rem;
	font-family: 'Montserrat', sans-serif;
}
#wallpaper .howto{
	border:solid 1px #777;
	padding:1% 3% 1.5%;
	margin:0 0 40px;
	font-size:0.85em;
}
#wallpaper .howto .tit{ margin-bottom:5px; }
#wallpaper .howto ul li{ margin-bottom:10px; }
.thumbList{ overflow:hidden; margin-bottom:5% }
.thumbList li {
	float:left;
	width:47.5%;
	margin-right:5%;
	margin-bottom:5%;
}
.thumbList li:nth-child(2n){ margin-right:0; }
.thumbList li a {
	display:block;
	text-decoration:none;
	color:#fff;
}
.thumbList li a:hover .tit { text-decoration:underline; }
.thumbList li .tit {
	text-align:left;
	font-size:0.9rem;
	margin:0 0 10px;
	padding:0;
}
.thumbList li .thumb{
	width:100%;
	padding:0;
	margin-bottom:15px;
}
.thumbList li .thumb img{
	width:100%;
	background-repeat:no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-position:50%;
	box-shadow:none;
}
.thumbList li .date{ margin-bottom:5px; }
#wallpaper .necessary {
	width: 50%;
	padding: 2%;
	border: solid 1px #DDD;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px 5px 0 0;
	font-weight:bold;
}
#wallpaper .rest{
	width: 50%;
	padding: 2%;
	border: solid 1px #DDD;
	border-top:none;
	margin: 0 auto 5%;
	text-align: center;
	border-radius:0 0 5px 5px;
	font-size:0.8rem;
}


/* PHOTO
================================== */
#photoList .item {
	width: 47.5%;
	display: inline-block;
	margin: 0px 4% 30px 0px;
	list-style-type: none;
	vertical-align:top;
}
#photoList .item .ph{
	height: 210px;
	overflow: hidden;
	background-size:cover;
	background-position:center;
}
#photoList .item:nth-child(2n){ margin:0 0 30px; }
.modal .thumb img {
	background-position: center;
	background-size: cover;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.modal { position: relative; margin: 0 auto; color: #fff; text-align: center; }
#cboxContent img{ width:100%; }
#cboxPrevious {
	position: fixed !important;
	height: 100% !important;
	top: 0!important;
	left: -40px!important;
	border: none!important;
	outline: none !important;
	background: url(file:///C|/Users/Public/Documents/Web%20data/theoralcigarettes/official-pc/cmn/prev.png) no-repeat center  !important;
	text-indent: -9999px !important;
	background-size: 20% !important;
}
#cboxNext {
	position: fixed !important;
	height: 100% !important;
	top: 0!important;
	right: -40px!important;
	border: none!important;
	outline: none !important;
	background: url(file:///C|/Users/Public/Documents/Web%20data/theoralcigarettes/official-pc/cmn/next.png) no-repeat center  !important;
	text-indent: -9999px !important;
	background-size: 20% !important;
}
#cboxClose {
	width: 70px !important;
	height: 70px !important;
	position: fixed !important;
	top: 20px !important;
	right: 30px !important;
	background: url(file:///C|/Users/Public/Documents/Web%20data/theoralcigarettes/official-pc/cmn/close.png) no-repeat center  !important;
	background-size: 70px !important;
}
#cboxContent .ph{
	background-size: cover;
	width: 800px;
	height: 560px;
	margin:0 auto;
}


/* アンケート
------------------------------ */
#question .titArea { margin-bottom: 60px; }
#question .titArea .tit {
	letter-spacing: 0px;
	font-size: 1.6rem;
	margin-bottom: 60px;
	font-weight: bold;
}
#question .thumb{ margin: 30px auto; position: relative; padding: 0;text-align: center;}
#question .thumb img {box-shadow: none;}
#question .formList{ margin: 60px 0 30px; }
#question .formList dd .rule { display: block; }
.icoMust { display: inline-block; position: relative; }
.icoMust::before {
	content: '必須';
	display: block;
	background: #ef2323;
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.3em;
	text-align: center;
	line-height: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 3px 2px 3px 6px;
	margin-left: 4px;
	position: relative;
	top: -2px;
}
.questionCnfirm .icoMust {display:none;}
#question .formList dt{
	padding: 0 0 7px;
	font-size: 0.9rem;
	font-weight: bold;
	color: #FFF;
}
#question .formList dd{ margin-bottom: 30px; }
#question .formList dd div {display: inline-block;}
#question .formList dd input:hover {opacity: 1;}
#question .formList dd input{
	width: 100%;
	background: #555;
	color:#FFF;
	border:none;
	border-radius:0;
	padding: 8px;
	margin: -2px 0 0;
	cursor: inherit;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#question .pulldownBox { border-bottom: none; position: relative; }
#question .pulldownBox:before {
	display: block;
	content: "\f107";
	width: auto;
	height: auto;
	background: none;
	color: #fff;
	font-family: "FontAwesome";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	margin-top: -5px;
	position: absolute;
	right: 10px;
	top: 66%;
	z-index: 10;
	line-height: 0;
}
#question .formList .pulldownBox select {
	-webkit-appearance: none;
	width: 100%;
	height: 30px;
	background: #555;
	color: #fff;
	font-weight: normal;
	text-align: center;
	border: medium none;
	box-sizing: border-box;
	line-height: 24px;
	padding: 2px 30px 2px 10px;
	position: relative;
	-moz-appearance: none;
}
#question .formList .pulldownBox select::-ms-expand {display: none;}
#question .formList .choiceArea.year .pulldownBox {margin-right: 6px;}
#question .formList .choiceArea.year .pulldownBox select{ display:inline-block;margin-right: 5px; margin-bottom: 0;}
#question .formList .choiceArea.year .pulldownBox:not(:first-child){ margin-left: 8px; }
#question .formList .radioBtn label{
	font-size: 13px;
	display: block;
	float: left;
	line-height: 1.5em;
	margin: 2px 25px 10px 8px;
}
#question .formList .radioBtn input[type="radio"] { float: left; -webkit-appearance: radio; width: auto; }
#question .formList .radioBtn input[type="radio"] {
	content: "";
	width: 18px;
	height: 18px;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	vertical-align: middle;
	clear: both;
	padding: 0;
	position: relative;
	top: 3px;
}
#question .formList .radioBtn input[type="radio"]:checked:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: #000 ;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0;
	position: absolute;
	top: 3px;
	left: 3px;
}
#question .formList input[type="checkbox"] {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: button;
	appearance: button;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background:#fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0;
}
#question .formList input[type="checkbox"]:checked:after {
	position: absolute;
	content: "";
	top: -3px;
	left: 3px;
	width: 8px;
	height: 14px;
	border-right: 4px solid #000;
	border-bottom: 4px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#question textarea {font-weight: normal;}
#question .formList .check {margin: 0 0 20px; font-size: 13px;}
#question .formList .check label {display: block;margin: 0 0 10px;}
#question .txtInput{ width: 100%; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #000 !important; background-image: none; color: #fff !important; }
#question .center{ text-align: center; }
#question .errorList{
	color: red;
	padding: 20px;
	margin: 30px auto;
	border: 1px solid red;
	line-height: 2em;
}
#question .btnTxt { margin: 0 0 20px; }
#question .btn {margin-top: 60px;}
#question .btn + .btn{margin-top: 0;}
#question .guidance{ margin-bottom: 30px; }
#question .questionCnfirm,
#question .questionCnfirm tbody,
#question .questionCnfirm tr,
#question .questionCnfirm th,
#question .questionCnfirm td {display: block; width: 100%;}
#question .questionCnfirm { margin: 0 0 50px; }
#question .questionCnfirm th { font-size: 11px; 	color: #999; text-align: left; margin-bottom: 3px; }
#question .questionCnfirm td{ font-size: 16px; border-bottom: 1px solid #585858; padding-bottom: 5px; margin-bottom: 20px;  }


/* BLOG │ Real time report
---------------- */
.report #header{ display: none; }
.report #footer{ padding-bottom: 0; }
.report.members #footer.membersfooter{
	background: #000 !important;
}
.report.members #footer.membersfooter .memberfooter{ display: none; }
.report.members #footer.membersfooter .backsite + p,
.report.members #gotop{ display: none; }
.report.members #footer.membersfooter .backsite p{ height: auto; }
.report.members #footer.membersfooter .backsite a{
	background: none;
	color: #fff !important;
	font-size: 12px;
	letter-spacing: 0.1em;
	margin: 0 auto !important;
}


#blog.report #main{
	background: #000;
	max-width: 100%;
	margin-bottom: 0;
	padding-bottom: 80px;
	padding-top: 80px;
}


.report #main section{ max-width: 1000px; margin: 0 auto; }
.report #main h1 img{ width: 70%; }
.reportlist li{ width: 32%; float: left; margin: 0 2% 20px 0; }
.reportlist li:nth-child(3n){ margin-right: 0; }
.reportlist li:nth-child(3n+1){ clear: left; }
.reportlist li a{ display: block; position: relative;}
.reportlist li img{ display: block; width: 100%; background: no-repeat center; background-size: cover; }
.reportlist li span{
	display: block;
	position: absolute;
	top: -12px;
	left: -9px;
	font-size: 1.5rem;
	transform: rotate(-14deg);
	animation: inherit;
}
.report #main .reportdetail{ max-width: 800px; }
.reportdetail .titleBox{ margin-bottom: 10px; }
.reportdetail .icon{ width: 40px; float: left; padding-right: 10px; }
.reportdetail .icon img{ box-shadow: none; }
#blog .reportdetail .movieTit{
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 0;
}
.reportdetail time { display: block; font-size: 0.8rem; line-height: 1.2rem; letter-spacing: 0.05em; }
.reportdetail .blogDetail{ font-size: 13px;padding-top: 0; margin-top: 0; border-top: none; }
.reportdetail .blogDetail p{ padding-top:0; }
.reportdetail .blogDetail img{ margin:0; }
.reportdetail .blogDetail img + img{ margin-top: 15px; }
.reportdetail .blogDetail div{margin-bottom: 15px;}

/* pullDown */
.report #main .pulldownBox{
	display: none;
	background: #111;
	border: none;
	position: relative;
	padding: 8px 0;
	width: 40%;
	margin: -30px auto 50px;
}
.report #main .pulldownBox form{ text-align: center; }
.report #main .pulldownBox select {
	-webkit-appearance: none;
	-moz-appearance: button;
	width: 100%;
	height: 26px;
	background: #111;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.04em;
	font-weight: normal;
	text-align: center;
	border: medium none;
	border-radius: 2px;
	box-sizing: border-box;
	line-height: 24px;
	padding: 0 10px;
	position: relative;
	font-weight: bold;
}
.report #main .pulldownBox:before {
	display: block;
	content: "\f107";
	width: 13px;
	height: 8px;
	font-size: 20px;
	font-family: "FontAwesome";
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -10px;
	z-index: 10;
}
.report #main .pulldownBox:after {
	display: block;
	content: '';
	background: #f9cadd;
	z-index: -1;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;

}
@media all and (min-width:414px){}
@media (max-width: 1099px){
	body{ font-family: "ヒラギノ角ゴ Pro W3", sans-serif; }
	.pc{ display:none; }
	.detail #main{ min-height:0; }
	.subTit img{ width:100%;}
	.members  ul.newslist li:first-child{ padding-top:0; }
	.btn input.main{ margin-bottom:5%; }
	.btn .back{ font-size: 0.75em; }
	#header nav{
		padding:8px 24px;
		box-sizing:border-box;
		margin:auto;
		height: 100%;
	}
	#anchor{
		display: block;
		position: absolute;
		height: 1px;
		width: 1px;
		left:50%;
		top: 0;
	}
/*	.membersmain p:nth-of-type(1) { width:295px; height:262px; margin:0 auto; }*/
	.membersmain p:nth-of-type(1) { width:100%; height:auto; margin:0 auto; }

	.membersmain .loggedinArea p { margin: 0; padding: 0;}
	.membersmain .loggedinArea { padding: 15px 0 20px;}
	.membersmain .loggedinArea .welcome {
		height: auto;
		margin: 0 auto 13px;
		font-size: 14px;
	}
	.membersmain .loggedinArea .expire { font-size: 12px;}

	#header nav ul {
		margin: auto;
		padding:30% 0 0;
		/*height: 100%;*/
		height:350px;
		width: 100%;
		max-width: 400px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#footer .backsite a { display:block; padding: 8px; line-height:1.6em; }
	#footer .backsite { display: block; text-align: center; padding: 0px 0 48px;}
	nav.memberfooter{ padding-bottom:10px !important; overflow:hidden; }
	#header nav ul li {
		width: 100%;
		display: block;
		position:relative;
		z-index:5;
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: normal;
	}
	#header nav ul li.members a {
		display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		overflow: hidden;
		text-align: left;
		background: #000;
		margin: 16px 0 0 0;
	}
	li.members a img { width: 60px; margin: 0 4px 0 0; }
	li.members a span { display: inline !important; }
	.overlay {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(242, 123, 170, 1);
		transition: opacity 800ms;
		visibility: hidden;
		opacity: 0;
		box-sizing: border-box;
		z-index: -1;
		background: #f27baa;
		background: -moz-linear-gradient(-45deg,  #f27baa 0%, #f7adca 50%, #f9bbd4 50.1%, #f7aac9 100%);
		background: -webkit-linear-gradient(-45deg,  #f27baa 0%,#f7adca 50%,#f9bbd4 50.1%,#f7aac9 100%);
		background: linear-gradient(135deg,  #f27baa 0%,#f7adca 50%,#f9bbd4 50.1%,#f7aac9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27baa', endColorstr='#f7aac9',GradientType=1 );
	 }
	.members .overlay {
		background: #f27baa;
		background: -moz-linear-gradient(-45deg,  #f27baa 0%, #f7adca 50%, #f9bbd4 50.1%, #f7aac9 100%);
		background: -webkit-linear-gradient(-45deg,  #f27baa 0%,#f7adca 50%,#f9bbd4 50.1%,#f7aac9 100%);
		background: linear-gradient(135deg,  #f27baa 0%,#f7adca 50%,#f9bbd4 50.1%,#f7aac9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27baa', endColorstr='#f7aac9',GradientType=1 );
	}
	.overlayphoto {
		width: 98vw;
		height: 98vh;
		position: absolute;
		top: 1vh;
		bottom: 0;
		left: 1vw;
		right: 0;
		background: rgba(255, 255, 255, 0.9);
		border: 8px #000 solid;
		transition: opacity 200ms;
		visibility: hidden;
		opacity: 0;
		box-sizing: border-box;
		z-index: 999;
	}
	.overlayphoto .img {
		width: 92%;
		height: 86%;
		margin: 4%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
	}
	.overlay .cancel {
		width: 100%;
		height: 100%;
		position: absolute;
		cursor: default;
		z-index: 0;
	}
	.overlay .cancel:before {
		content: '×';
		position: absolute;
		top: 28px;
		right: 20px;
		color: #999;
		font-size: 40px;
		line-height: 14px;
		text-align: center;
		cursor: pointer;
		z-index: 999;
	}
	/*.overlay:target {
		visibility: visible;
		opacity:.92;
		z-index: 9997;
	}
	*/
	.popup {
		width: 300px;
		margin: 75px auto;
		padding: 20px;
		background: #fff;
		border: 1px solid #666;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
		position: relative;
	 }
	.light .popup { border-color: #aaa; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); }
	.popup h2 { margin-top: 0; color: #666; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }
	.popup .close {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 20px;
		right: 20px;
		opacity: 0.8;
		transition: all 200ms;
		font-size: 24px;
		font-weight: bold;
		text-decoration: none;
		color: #666;
	}
	.m_detail .subTit:after { width:15%; }
	.popup .close:hover { opacity: 1; }
	.popup .content { max-height: 400px; overflow: auto; }
	.popup p { margin: 0 0 1em; }
	.popup p:last-child { margin: 0; }
	.overlay:target nav ul li:nth-child(1) {
		-webkit-animation: example 0.4s ease 0.1s 1 forwards;
		animation: example 0.4s ease 0.1s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(2) {
		-webkit-animation: example 0.4s ease 0.2s 1 forwards;
		animation: example 0.4s ease 0.2s 1 forwards;
	 }
	.overlay:target nav ul li:nth-child(3) {
		-webkit-animation: example 0.4s ease 0.3s 1 forwards;
		animation: example 0.4s ease 0.3s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(4) {
		-webkit-animation: example 0.4s ease 0.4s 1 forwards;
	 	animation: example 0.4s ease 0.4s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(5) {
		-webkit-animation: example 0.4s ease 0.5s 1 forwards;
	 	animation: example 0.4s ease 0.5s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(6) {
		-webkit-animation: example 0.4s ease 0.6s 1 forwards;
	 	animation: example 0.4s ease 0.6s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(7) {
		-webkit-animation: example 0.4s ease 0.7s 1 forwards;
	 	animation: example 0.4s ease 0.7s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(8) {
		-webkit-animation: example 0.4s ease 0.8s 1 forwards;
		animation: example 0.4s ease 0.8s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(9) {
		-webkit-animation: example 0.4s ease 0.9s 1 forwards;
		animation: example 0.4s ease 0.9s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(10) {
		-webkit-animation: example 0.4s ease 1s 1 forwards;
		animation: example 0.4s ease 1s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(11) {
		-webkit-animation: example 0.4s ease 1.1s 1 forwards;
	 	animation: example 0.4s ease 1.1s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(12) {
		-webkit-animation: example 0.4s ease 1.2s 1 forwards;
		animation: example 0.4s ease 1.2s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(13) {
		-webkit-animation: example 0.4s ease 1.3s 1 forwards;
	 	animation: example 0.4s ease 1.3s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(14) {
		-webkit-animation: example 0.4s ease 1.4s 1 forwards;
		animation: example 0.4s ease 1.4s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(15) {
		-webkit-animation: example 0.4s ease 1.5s 1 forwards;
		 animation: example 0.4s ease 1.5s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(16) {
		-webkit-animation: example 0.4s ease 1.6s 1 forwards;
		animation: example 0.4s ease 1.6s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(17) {
		-webkit-animation: example 0.4s ease 1.7s 1 forwards;
	 	animation: example 0.4s ease 1.7s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(18) {
		-webkit-animation: example 0.4s ease 1.8s 1 forwards;
	 	animation: example 0.4s ease 1.8s 1 forwards;
	}
	.overlay:target nav ul li:nth-child(19) {
		-webkit-animation: example 0.4s ease 1.9s 1 forwards;
		animation: example 0.4s ease 1.9s 1 forwards;
	}
	@-webkit-keyframes example {
		0% {opacity:0;
			filter:alpha(opacity=0);
			-moz-opacity:0;
			-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" -moz-transform: scale(.9) translateY(-8px);
			-webkit-transform: scale(.9) translateY(-8px);
			-o-transform: scale(.9) translateY(-8px);
			-ms-transform: scale(.9) translateY(-8px);
			transform: scale(.9) translateY(-8px);
		}
		100% {opacity:1;
				filter:alpha(opacity=100);
				-moz-opacity:1;
				-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" -moz-transform: scale(1) translateY(0px);
				-webkit-transform: scale(1) translateY(0px);
				-o-transform: scale(1) translateY(0px);
				-ms-transform: scale(1) translateY(0px);
				transform: scale(1) translateY(0px);
		 }
		}
		@keyframes example { 0% {opacity:0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" -moz-transform: scale(.9) translateY(-8px);
		 -webkit-transform: scale(.9) translateY(-8px);
		 -o-transform: scale(.9) translateY(-8px);
		 -ms-transform: scale(.9) translateY(-8px);
		 transform: scale(.9) translateY(-8px);
		 }
		100% {opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" -moz-transform: scale(1) translateY(0px);
		 -webkit-transform: scale(1) translateY(0px);
		 -o-transform: scale(1) translateY(0px);
		 -ms-transform: scale(1) translateY(0px);
		 transform: scale(1) translateY(0px);
		 }
		}
	.top .bn {
		width: 100%;
		height: 202px;
		padding: 16px 16px 16px 0;
		margin: 0 0 16px 0;
		box-sizing: border-box;
		box-shadow: inset 1px 1px 6px #000,inset 1px 1px 6px #000,inset 1px 1px 6px #000;
		border:1px solid #000;
		overflow:hidden;
		overflow-x: scroll;
		scrollbar-base-color:#FFFFFF;
		scrollbar-track-color:#FFFFFF;
		scrollbar-face-color:#000000;
		scrollbar-shadow-color:#FFFFFF;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-3dlight-color:#FFFFFF;
		scrollbar-arrow-color:#FFFFFF;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		background:
			radial-gradient(black 15%, transparent 16%) 0 0,
			radial-gradient(black 15%, transparent 16%) 8px 8px,
			radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
			radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
		background-color:#222;
		background-size:16px 16px;
	}
	.top .bn::-webkit-scrollbar { width:1px; }
	.top .bn::-webkit-scrollbar:horizontal { height:1px; }
	.top .bn::-webkit-scrollbar-thumb { background:#999; }
	.top .bn::-webkit-scrollbar-thumb:horizontal { background: #999;}
	.top .bn:hover::-webkit-scrollbar {}
	.top .bn:hover::-webkit-scrollbar:horizontal {}
	.top .bn:hover::-webkit-scrollbar-thumb { background: #fff}
	.top .bn:hover::-webkit-scrollbar-thumb:horizontal { background: #fff;}
	.top .bn ul{
		/*display: -ms-inline-flexbox;
		display: -webkit-inline-flex;
		display: inline-flex;*/
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		margin: auto 4%;
		text-align: center;
		overflow:hidden;
	}
	.top .bn ul li {
		/*display: inline;*/
		display: block;
		float: left;
		width: 180px;
	}
	.top .bn ul li a { display: block; }
	.top .bn ul li img {
		display: inline;
		width: auto;
		max-width: none;
		max-height: 170px;
		float: left;
		box-shadow: 0px 1px 1px #777;
	}

	/* NEWS
	------------------------------ */
	.pulldownBox { padding: 0 0 30px; border-bottom: none; position: relative; }
	.pulldownBox select {
		-webkit-appearance: none;
		-moz-appearance: button;
		width: 100%;
		height: 40px;
		background: #fff;
		color: #f9cadd;
		font-size: 17px;
		font-weight: normal;
		text-align: center;
		font-family: 'Montserrat', 'Noto Sans Japanese', sans-serif;
		border: medium none;
		border-radius: 4px;
		box-sizing: border-box;
		line-height: 24px;
		padding: 2px 10px;
		position: relative;
		border: 1px solid #666;
	}
	.pulldownBox:before {
		display: block;
		content: "\f107";
		width: auto;
		height: auto;
		background: none;
		color: #f9cadd;
		font-family: "FontAwesome";
		font-size: 26px;
		font-style: normal;
		font-weight: normal;
		margin-top: -5px;
		position: absolute;
		right: 3%;
		top: 28%;
		z-index: 10;
		margin-top: -12px;
	}
	ul.newslist li .entrybody{ padding-top:10px; }
	ul.newslist li .cat{ line-height: 1.8em; padding: 0 3px; margin-bottom: 3px; }
	#t_media ul.newslist li a .sp,
	#w_media ul.newslist li a .sp,
	#r_media ul.newslist li a .sp,
	#m_media ul.newslist li a .sp,
	#o_media ul.newslist li a .sp{ display:none; }

	/* movie
	------------------------------ */
	#movie .contentsList li{ float:none; width:100%; margin:0 0 8%; }
	.m_detail .subTit{ font-size:1.4rem; line-height: 1.25em; }
	.m_detail .subTit span.sml{ font-size:1rem; }
	.movieTit{ margin-bottom:4px; }
	video{ width:100%; }
	.contentsList li .tit{ margin-bottom:2px; }
	.btn .main,
	.btn input.main,
	.btn .sub{ width:100%; }
	.btn .main{ margin-bottom:5%; }
	.titArea{ margin-bottom:5%; }
	.steparrow img{ box-shadow:none; }
	.steptit{
		padding:3px;
		background:#FFF;
		color:#000;
		font-size:0.8rem;
		font-weight:bold;
		border-radius:3px;
		text-align:center;
	}
	.stepbox p{ text-indent:-3em; font-size:13px; padding-left:3em; }
	.stepbox .btn{ text-indent: 0; padding:0; }
	.stepbox .ph{ padding:0 0 15px; }
	#UlizaApp .sectionTit{ font-weight:bold; }

	/* PHOTO
	------------------------------ */
	#photoList{ overflow:hidden; margin-bottom:50px; }
	#photoList .item { width: 48.5%; float: left; margin: 0 3% 3% 0; }
	#photo .item img,
	#photo .thumb img{
		touch-callout:none;
		user-select:none;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
	}
	#photoList .item:nth-child(2n) { margin:0 0 3%; }
	#photoList .item:nth-child(3n){ /* margin: 0 3% 3% 0; */ }
	#photoList .item .ph { height: 115px; }
	#photoList li .tit{ font-size:13px; font-weight:normal; }
	.modal {
		width: 320px;
		position: relative;
		margin: 0 auto;
		color: #fff;
		text-align: center;
	}
	#cboxNext{
		position: fixed !important;
		height: 30px !important;
		top: 50%!important;
		right: -50px!important;
		border: none!important;
		outline: none !important;
		background: url(file:///C|/Users/Public/Documents/Web%20data/theoralcigarettes/official-pc/cmn/next.png) no-repeat center  !important;
		text-indent: -9999px !important;
		background-size: 30px !important;
	}
	#cboxPrevious{
		position: fixed !important;
		height: 30px !important;
		top: 50%!important;
		left: -50px!important;
		border: none!important;
		outline: none !important;
		background: url(file:///C|/Users/Public/Documents/Web%20data/theoralcigarettes/official-pc/cmn/prev.png) no-repeat center  !important;
		text-indent: -9999px !important;
		background-size: 30px !important;
	}
	#cboxClose {
		width: 50px !important;
		height: 50px !important;
		position: fixed !important;
		top: 10px !important;
		right: 10px !important;
		background: url(file:///C|/Users/Public/Documents/Web%20data/theoralcigarettes/official-pc/cmn/close.png) no-repeat center  !important;
		background-size: 50px !important;
	}


	/* QA
	------------------------------ */
	.formArea .formList textarea{ width: 95%; }
	.dealList dt{
		clear: left;
		width: 100%;
		float: none!important;
		padding-bottom:7px;
		border-bottom: 1px solid #777;
	}
	.dealList dd{ width: 100%; padding: 7px 0!important; margin: 0 0 4%; }

	/* blog
	------------------------------ */
	.blogDetail{ margin-top:6%; }

	/* BLOG │ Real time report
	---------------- */
	.report{ margin-top:0;     position: relative; padding-bottom: 70px;}
	#blog.report footer{ position: absolute; bottom:0; }
	#blog.report footer p{ 
		height: auto;
		width: auto;
		padding-bottom: 0;
	}
	#blog.report #footer .backsite { padding: 0 0 10px; }
	.report.members #footer.membersfooter .backsite a{ font-size: 10px; }
	#blog.report #main{ padding-bottom: 40px; padding-top: 40px;}
	.report.members #footer.membersfooter { padding-top: 0; }
	.reportlist li{ margin: 0 2% 7px 0; margin: 0 2% 2vw 0; }
	.reportlist span{ top: -5px; left: -3px; font-size: 1rem; }
	.reportlist .subTit{ margin-bottom:0; paddign-bottom: 40px;}
	.reportlist .subTit img{ width: 100% !important; }
	#blog .reportdetail .movieTit{
		display: block;
		font-size: 0.8rem;
		line-height: .85rem;
		padding: 0 0 0 44px;
		margin-bottom: 3px;
	}
	#blog .reportdetail time{ display: block; font-size: 0.6rem; letter-spacing: 0.1em; line-height:1rem; padding-left: 44px;}
	#blog .reportdetail .blogDetail{ border-top: 0; padding-top: 0; margin-top: 0; }
	#blog .reportdetail .blogDetail div{ font-size: 11px; margin-bottom: 10px;}
	#blog .reportdetail .blogDetail img{ margin:0; }
	#blog .reportdetail .blogDetail img+img{ margin-top:10px; }
	#blog .reportdetail .icon{ width: 34px; float: left; padding: 0 10px 0 0; }
	#blog .reportdetail .titleBox{margin-bottom: 10px;}
	#blog .reportdetail .icon img{ box-shadow: none;}
	#blog .reportdetail p{ padding-top: 0; }
	
	.report #main .pulldownBox{
		width: 100%;
		margin: -20px auto 30px;
	}
	.report #main .pulldownBox select{
		font-size: 12px;
		background: #111;
		color: #fff;
		border: none;
		border-radius: 0;
	}
	.report #main .pulldownBox:before{
		color: #fff;
	}
	
	/* wallpaper
	------------------------------ */
	#wallpaper .thumbList li {
		width:50%;
		float:left;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#wallpaper .noteBox{ margin-bottom:8%; padding:3% 3% 1.5%; border:solid 1px #777; }
	#wallpaper .noteBox .tit{ font-weight:bold; font-size:13px; padding:0 0 8px; }
	#wallpaper .checkList li {
		font-size: 12px;
		text-indent: -1.3em;
		line-height: 1.5em;
		padding: 0 0 0 1.3em;
		margin: 0 0 8px;
		position: relative;
	}
	#wallpaper .thumbList li{ margin:0; margin-right: 3%; width:31%; }
	.thumbList li:nth-child(2n) { margin-right: 3%; }
	#wallpaper .thumbList li:nth-child(3n) { margin-right: 0; }
	#wallpaper .thumbList li:first-child { border-top:none; }
	#wallpaper .thumbList li a { border:none; margin-bottom:8%;}
	#wallpaper .thumbList a img {
		background-position:center center;
		-moz-background-size:contain;
		-webkit-background-size:contain;
		background-size:contain;
	}

	#wallpaper .thumbList li .thumb{ margin-bottom:3px; position:relative; }
	#wallpaper .thumbList li .thumb .dummy{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	#wallpaper img{ box-shadow:none; }
	#wallpaper .thumbList li .tit{font-size:0.7rem; text-align:left;}
	#wallpaper .pointArea{ margin:10px 0; }
	#wallpaper .nopoint{ font-weight:bold; margin-bottom:10px; }
	#wallpaper .rest,#wallpaper .necessary{ width: 90%; padding:4% 0; }
	#wallpaper .rest{ margin:0 auto 8%; }

	/* アンケート
	------------------------------ */
	#question .titArea .tit { margin: 0 0 30px; padding: 0; font-size: 18px; }
	#question .titArea {margin: 0 0 30px;}
	#question .formList {margin: 0 0 30px;}
	#question .formList dt {font-size: 13px;padding: 0 0 5px;}
	#question .formList dd {margin: 0 0 20px;}
	#question .pulldownBox {padding: 0;}
	#question .btnTxt {font-size: 13px;}
	#question .btn {margin-top: 30px;}
	#question .formList .pulldownBox select {font-size: inherit;font-family: "ヒラギノ角ゴ Pro W3", sans-serif; border-radius: 0;}
	#question .errorList {padding: 10px;}
	#question .formList dd input,#question .formList dd textarea {font-size: 14px;}

	/* 入会ページ
	------------------------------ */
	.commentBox{ padding:2% ; overflow:hidden; margin:15px 0 0; }
	.commentBox .btn .main{ text-decoration:none; width:85%; margin:3% auto; }
	.txtBox{ width:100%; float:none; margin-top:5px; }
	.commentBox p{
		padding:2% 0;
		text-align:left;
		font-size:0.9rem;
		font-weight:bold;
		line-height:1.4em;
	}
	.commentBox .ph{ width:100%; float:none; margin-right:0; }
	.commentBox .ph img{ margin:0 auto; width:100%; }
	.regist img{ width:50%; margin:-8% auto 8%; }
	.regist .subTit { padding-bottom:25px; }
	.regist .subTit img{ margin:0; width:100%; }
	.membersList{ padding:3% 0; }
	.membersList li{
		width:90%;
		height:auto;
		margin:0 0 2%;
		padding:4%;
		float:none;
	}
	.membersList li:last-child{ margin:0; }
	.membersList li:nth-child(2n){ margin:0 0 2%; }
	.membersList li dt{ font-size: 1.1rem; text-align:left; margin-bottom:0; padding-bottom:3%;}
	.membersList li dt i{ display:block; font-size: 0.8rem; font-style:normal; }
	.membersList li dt span{ padding-bottom:3px; letter-spacing:0; font-size:0.5rem; vertical-align:4px; }
	.membersList li dd{ font-size: 0.9rem; line-height:1.5em; }
	.entryPrice dt{ font-size: 1rem; }
	.entryPrice table th{ width:35%; padding:0; font-size:0.8rem; }
	.entryPrice table td{ font-size: 0.8rem; padding:3%; }
	.entryPrice table td p{ padding-top:0; text-align:left; }
	.subtxt { padding-bottom:0; }
	.hasId{ padding:0; }

	/* APPLI
	----------------------------------- */
	.cat_list li:nth-child(odd) { margin: 0px; }
	.cat_list li:first-child{ border-top:dotted 1px #777; }
	.cat_list li{ border-bottom:dotted 1px #777; }
	.cat_list li a { padding: 16px 0; display: block; }
	.cat_list p {
		display: block;
		font-size: 20px;
		line-height: 18px;
		font-weight: bold;
		text-align: left;
		color: black;
		padding: 21px 20px 20px 0px;
		vertical-align: middle;
	}
	.appicon {
		border-radius: 7px;
		float: left;
		height: 40px;
		margin: 2px 0 0 1px;
		position: relative;
		width: 40px;
		background: white;
	}
	p.app_tit {
		color: #FFF;
		font-size: 14px;
		letter-spacing: 0.02em;
		line-height: 1.4em;
		padding: 0 0 6px 52px;
	}
	p.app_txt {
		color: #FFF;
		font-size: 10px;
		line-height: 130%;
		margin: 0 0 0 52px;
		padding: 0 0 5px;
		font-weight:normal;
	}
	.appicon.cal:after,
	.appicon.alarm:after,
	.appicon.pf:after{ color:#000 !important; }

	/* FAQ
	------------------------------ */
	#qaList { padding: 0 0 15px; }
	#qaList h3{
		font-size: 18px;
		font-weight: bold;
		line-height: 150%;
		text-align: center;
		padding: 20px 3% 0;
		margin-bottom: 20px;
	}
	#qaList .contentsList{ border-top: 1px dotted #777; }
	#qaList .qalist li a:before{ counter-increment: sample; content: "Q"counter(sample)".";}
	#qaList h3 {counter-reset:sample;}
	#qaList.home .contentsList{ border-top: none; }
	#qaList.home .contentsList li{ font-size: 16px; font-weight: bold; }
	#qaList dl{ margin:0 0 10px; }
	#qaList dt{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 15px;
		padding-bottom:13px;
		border-bottom:solid 1px #777;
	}
	#qaList dt:before{ padding-bottom:5px; content:"Q."; font-weight:bold; font-size:16px; }
	#qaList dd{
		line-height: 1.6em;
		padding:0 0 15px;
		text-indent:0;
		margin-bottom: 15px;
		font-size:12px;
	}
	#qaList dd span{ font-size:12px; }
	#qaList dd:before{
		padding-bottom:5px;
		content:"A.";
		display: block;
		font-weight:bold;
		font-size:16px;
	}
	#qaList.qaDetail{ padding: 15px 0; }
	#qaList .lead{
		margin:5% 0 3%;
		font-size:12px;
		line-height:1.6em;
		font-weight:normal;
		text-align:left;
	}
	#qaList .contentsList a{line-height: 140%;}
	#qaList .contentsList li:first-child{ border-top: 1px dotted #777; }
	#qaList .contentsList li{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 0;
		border-bottom: 1px dotted #777;
	}
	#qaList .contentsList li a {
		display: block;
		width: 100%;
		position:relative;
		box-sizing: border-box;
		padding: 17px 5% 17px 0;
		font-size:12px;
		line-height:1.5em;
	}
	#qaList .contentsList li a:before {
		content: "\f105";
		font-family: "FontAwesome";
		font-weight: normal;
		font-size: 16px;
		color: #DDD;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -10px;
	}
	#qa .subTit{ padding-bottom:20px; }
	.dobleBtn li a,
	.dobleBtn li span{ font-size:0.7em; }
}

@media (min-width: 1100px){
	html{ margin:auto; min-width: 1080px; }
	body{ margin:0;}
	#header nav a#gofooter:hover span:after{ transform:translateY(-2px); }
	.artistbox:hover,.artist:focus{ border-left:2px #f00 solid; }
	.dealList dd a:hover{
		opacity: 0.7;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
	}

	#qaList .newsList a:hover{ color: #999; }
	#qaList dd a:hover { text-decoration:none; }
	.topimg{ position: absolute; top: 0; width: 100%; }
	.top #main{ margin: 80px 0 0 0; clear: both; min-height: 100vh; }
	.bn ul li{ width:120px; }
	.sp{ display:none; }
	a:hover, a:active{text-decoration:none; }
	a:hover,a:hover *,input:hover{
		text-decoration:none;
		opacity:.64;
		filter:alpha(opacity=64);
		-moz-opacity:0.64;
		-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=64)"
	}
	#flash_box{ width:640px; margin:0 auto 3%; }
	.titArea{ margin-bottom:3%; }
	.detail #main{ padding-top: 120px; }
	#header{ background:transparent; }
	.detail #header{ background: rgba(242, 123, 170, 1); }
	.members #header{
		background: #f27baa;
		background: -moz-linear-gradient(-45deg,  #f27baa 0%, #f7adca 50%, #f9bbd4 50.1%, #f7aac9 100%);
		background: -webkit-linear-gradient(-45deg,  #f27baa 0%,#f7adca 50%,#f9bbd4 50.1%,#f7aac9 100%);
		background: linear-gradient(135deg,  #f27baa 0%,#f7adca 50%,#f9bbd4 50.1%,#f7aac9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27baa', endColorstr='#f7aac9',GradientType=1 );
	}
	#header h1{ max-width: 320px; width: 23vw; }
	#header p{display:none;}
	#header .overlay{ width: 75vw; float: right; min-width: 840px; }
	.members #header .overlay { min-width: 1040px }
	#header .overlay .cancel { display: none; }
	#header nav{}
	#header nav ul { display: block; text-align: right; padding: 0 12px; }
	#header nav ul li { display: inline; }
	#header nav ul li.login a { border: 1px solid; padding: 8px 14px; line-height: 8px; margin: 0 8px; }
	#header nav ul li.alarm,#header nav ul li.app { display: none; }
	#header nav ul li.backsite { display: none; }
	#header nav ul li.top { display: none; }
	#header nav ul li a {
		display: inline-block;
		font-size: 1.1rem;
		padding: 10px .7%;
		line-height: 34px;
		text-shadow: 0 1px 1px rgba(0,0,0,0.64);
	}
	#header nav ul li svg { max-width: 18px; max-height: 18px; vertical-align: middle; }
	#header nav ul li.icon { float: none; display: inline; margin-top:23px; }
	#header nav ul li.icon a{ padding-top:15px; }
	.bn { width: 120px; height:auto; padding: 16px 16px 0 16px; }
	.bn ul li { display: block; margin: 0 0 16px 0; }
	.top .bn2 {
		display:none;
		height: auto;
		padding: 0 16px 16px 16px;
		width: 250px;
	}
	.top .bn2 ul li { display: block; margin: 0 0 16px 0; }
	.topimg .slide ul{
		width: 100%;
		height: 100%;
		max-width: 100vh;
		max-height: none;
		min-width: initial;
		min-height: 100vh;
	}


	/* NEWS
	------------------------------ */
	.tabList{ overflow:hidden; margin-bottom:40px; }
	.tabList li{ width:119px; float:left; margin-right:10px; }
	.tabList li:last-child{ margin:0; }
	.tabList li a{
		display:block;
		padding:7px 10px;
		border:solid 1px #FFF;
		text-align:center;
		font-family: 'Montserrat', 'Noto Sans Japanese', sans-serif;
	}
	ul.newslist li.open{ padding:80px 0; }
	.thumbList li .thumb img{ height:228px; }
	#media .tabList li.all a{ background:#FFF; color:#000; pointer-events: none; }
	#t_media .tabList li.tv a{ background:#FFF; color:#000; pointer-events: none; }
	#w_media .tabList li.web a{ background:#FFF; color:#000; pointer-events: none; }
	#r_media .tabList li.radio a{ background:#FFF; color:#000; pointer-events: none; }
	#m_media .tabList li.magazine a{ background:#FFF; color:#000; pointer-events: none; }
	#o_media .tabList li.other a{ background:#FFF; color:#000; pointer-events: none; }

	/*====入会ページ====*/
	.regist { font-family: 'Noto Sans Japanese',  sans-serif; }
	.regist .txt{ font-size:14px; }
	.membersList li{ border-radius:2px; }
	.commentBox .txtBox{ width:540px; }
	.commentBox .txtBox .txt{ margin-bottom: 30px; line-height: 1.6em; font-size:17px; }
	.commentBox .btn .main{ width: 50%; }
	.commentBox .ph img{ margin-top: -19px; }
	.membersList li dt span{
		display:block;
		width:110px;
		height: 20px;
		padding: 0;
		margin:5px auto 0;
		font-size:11px;
		line-height: 1.9em;
	}
	.membersList li dt i{ font-size:1rem !important; font-style:normal; }
	.membersList li dd{ font-size:15px; font-family: 'Noto Sans Japanese',  sans-serif; line-height:1.5em; }

	/*====#anchor====*/
	#anchor{
		display: block;
		position: absolute;
		height: 1px;
		width: 1px;
		top:0;
		left:50%;
	}
	#news #e2, #media #e5{ top: 300px; }
	#news #e1, #live #e7{ top: 370px; }
	#live #e8{ top: 285px; }
	.disco-jacket { width: 240px; float:left; clear: both; margin: 0px 0 80px 0; }
	.disco-jacket img {
		width: 92%;
		height: auto;
		max-width: none;
		display: block;
		margin: 0 0 16px !important;
		text-align: center;
		float: none;
	}
	#disco .subTit { margin-bottom:40px; }
	.m_detail .subTit{ margin-bottom:20px; }
	.regist .subTit{ margin-bottom:5px; }
	#qa.m_detail .subTit{ margin-bottom:7px; }
	#disco .discoTit{ padding:0;}
	.entry { padding: 0 0 32px; margin: 0 0 80px 240px; border: none; }
	.disco-text { clear:left; }
	ul.itemlist li { width: 33%; }
	.other nav li { padding: 0; width:25%; }
	nav.memberfooter ul li { width:13% !important; }
	#footer .backsite { display:block; }
	.members .bn2 { padding: 0; }
	.members .bn2 ul {
		display: block;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.members .bn2 ul li { width:49%;float:left; margin: 0 0 16px 0; padding: 0; }

	/*====VIDEO====*/
	.videoList { overflow:hidden; }
	.videoList li{ width:368px; float:left; }
	.videoList li:nth-child(2n){ margin-left:20px; }
	.videoList li h1{ font-size:16px; }
}

@media (max-width: 320px){
	#header nav{
		padding:8px 24px;
		box-sizing:border-box;
		margin:auto;
		/*height: 45%;*/
	}
	.membersmain .loggedinArea {
		padding: 13px 0 15px;
	}
	.membersmain .loggedinArea .expire .course {
		display: block;
		margin: 0 0 7px;
	}
	.membersmain .loggedinArea .expire .btn .signuplink {
		margin: 0;
	}
	#footer p {
		width: 100%;
	}
}
@media (min-width: 750px){
	#header nav ul li.alarm,#header nav ul li.app { display: none; }
}