@charset "utf-8";

/*
Theme Name:tifi
*/

/* ==========================================================================
Reset & Base Setting
========================================================================== */
/* default style reset
-------------------------------------*/
html{background:#fff;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
input, button, textarea{margin:0;padding:0;background:#fff;border:none;border-radius:0;vertical-align:middle;}
table{border-collapse:separate;border-spacing:0;}
fieldset,img{border:0;}
img{vertical-align:top;}
address,caption,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th,td{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
a{color:#43230d;text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;cursor:pointer!important;}
a:active{text-decoration:none;}
a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
	text-decoration:none;
}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
*{box-sizing:border-box!important;}
/* body setting
-------------------------------------*/
body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height: 1.4;
	letter-spacing: .04em;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	color: #323232;
	font-size: 15px;
}
/* clearfix
-------------------------------------*/
.clearfix:before,
.clearfix:after{
	display:table;
	content:"";
}

.clearfix:after{
	clear:both;
}

.clearfix{
	zoom:1;
}

/* ==========================================================================
General Style
========================================================================== */
/* text style
========================================================================== */
.tCenter{text-align:center!important;}
.tLeft{text-align:left!important;}
.tRight{text-align:right!important;}
.dBlock{display:block!important;}
.underline{text-decoration:underline!important;}
.overline{text-decoration:overline!important;}
.relative{position:relative!important;}
.absolute{position:absolute!important;}
.static{position:static!important;}
.vTop{vertical-align:top!important;}
.vMiddle{vertical-align:middle!important;}
.vBottom{vertical-align:bottom!important;}
.fLeft{float:left!important;}
.fRight{float:right!important;}
.fNone{float:none!important;}
.indent{text-indent:1em!important;}
.txtRed{color:#C00!important;}
.txtBlue{color:#06F!important;}
.txtOrange{color:#F60!important;}
.txtGreen{color:#a6140f!important;}
.bold{font-weight:bold!important;}
.xlargeText{font-size:142%!important;}
.largeText{font-size:125%!important;}
.smallText{font-size:84%!important;}

/* margin
========================================================================== */
.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt55{margin-top:55px!important;}
.mt60{margin-top:60px!important;}
.mt65{margin-top:65px!important;}
.mt70{margin-top:70px!important;}
.mt75{margin-top:75px!important;}
.mt80{margin-top:80px!important;}
.mt85{margin-top:85px!important;}
.mt90{margin-top:90px!important;}
.mt95{margin-top:95px!important;}
.mt100{margin-top:100px!important;}
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.mb65{margin-bottom:65px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb85{margin-bottom:85px!important;}
.mb90{margin-bottom:90px!important;}
.mb95{margin-bottom:95px!important;}
.mb100{margin-bottom:100px!important;}
.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{margin-left:50px!important;}
.ml55{margin-left:55px!important;}
.ml60{margin-left:60px!important;}
.ml65{margin-left:65px!important;}
.ml70{margin-left:70px!important;}
.ml75{margin-left:75px!important;}
.ml80{margin-left:80px!important;}
.ml85{margin-left:85px!important;}
.ml90{margin-left:90px!important;}
.ml95{margin-left:95px!important;}
.ml100{margin-left:100px!important;}
.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
.mr55{margin-right:55px!important;}
.mr60{margin-right:60px!important;}
.mr65{margin-right:65px!important;}
.mr70{margin-right:70px!important;}
.mr75{margin-right:75px!important;}
.mr80{margin-right:80px!important;}
.mr85{margin-right:85px!important;}
.mr90{margin-right:90px!important;}
.mr95{margin-right:95px!important;}
.mr100{margin-right:100px!important;}

@media screen and (min-width:769px){
	.spOnly{
		display:none!important;
	}
}
@media screen and (max-width:768px){
	.pcOnly{
		display:none!important;
	}
}

/* 発売前のお知らせ
-------------------------------------*/
.info_release{
	margin: 15px auto;
	text-align: center;
	line-height:1.6;
}
@media screen and (max-width:768px){
	.info_release{
		margin: 15px 15px;
		text-align: center;
		font-size:13px;
		line-height:1.5;
	}
}

/* body
-------------------------------------*/
.lpBlockA01{
	max-width:1000px;
	margin:0 auto;
}
.lpBlockA01 img{
	width:100%;
}
@media screen and (max-width:768px){
	.lpBlockA01{
		width:100%;
	}
}

/* アコーディオン
-------------------------------------*/
.accordionBlockA01{
	margin: 0 0 7% 0;
}
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	font-size:20px;
}
@media screen and (max-width:768px){
	.cp_actab {
		font-size:14px;
	}
}

.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	min-height: 3em;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	display: block;
	padding: 1em 3em 0.5em 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
}
@media screen and (max-width:768px){
	.cp_actab label {
		padding:1em 3em 0.5em 0.7em;
	}
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
}
.cp_actab .cp_actab-content p {
	margin: 0.5em 1em 1em 1em;
	line-height: 1.5;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

/* footer
-------------------------------------*/
footer{
	margin:30px 0 0 0;
}
footer nav a{
	color:#fff;
}
footer nav{
	background:#000;
	padding:25px 0;
}
footer nav ul{
	text-align:center;
}
footer nav ul li{
	display:inline;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #fff;
}
footer nav ul li a:link,
footer nav ul li a:visited,
footer nav ul li a:hover,
footer nav ul li a:active{
	color:#fff;
	text-decoration:none;
}

footer p{
	text-align:center;
	margin:20px 0 20px;
}
@media screen and (max-width:768px){
	footer nav ul li{
		margin:20px 0 0 0;
		display:block;
		padding-right:0;
		margin-right:0;
		border-right:none;
	}
	footer nav ul li:first-child{
		margin:0;
	}
}

/* つくーる
-------------------------------------*/
#form_landing{
	font-size:13px;
}

#efo_required_box{
	width:250px!important;
}
@media screen and (max-width:768px){
	#efo_required_box{
		width:100%!important;
	}
}
@media screen and (min-width:769px){
	#form_payment_method_credit table{
	width:600px;
	margin:0 auto;
	border-collapse:collapse;
	border:1px solid #C3C3C3;
	}
	#form_payment_method_credit tr{
	}
	#form_payment_method_credit th{
	padding:5px;
	border-right:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	background-color:#e5e5e5;
	text-align:left;
	}
	#form_payment_method_credit th{
		vertical-align:middle!important;
	}
	#form_payment_method_credit td{
	border-bottom:1px solid #C3C3C3!important;;
	font-size:14px!important;;
	}
}

/* 確認画面
-------------------------------------*/
#orderAreaA01{
	width:1000px;
	margin:0 auto;
}
@media screen and (max-width:768px){
		#orderAreaA01{
			width:100%;
			margin:0;
	}
}
#orderAreaA01 p.logo{
	text-align:right;
	margin:2% 0 0 0;
}
#orderAreaA01 p.step{
	text-align:center;
	margin:3% 0;
}
@media screen and (max-width:768px){
	#orderAreaA01 img{
		width:100%;
	}
	#orderAreaA01 p.logo{
		text-align:center;
	}
	#orderAreaA01 p.logo img{
		width:60%;
	}
	#orderAreaA01 p.step img{
		width:70%;
	}
}

h2#order_info_order_title,
h2#order_info_checkout_title,
h2#order_info_payment_title{
	border-radius:8px 8px 0 0;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	background:#505050;
	padding:15px;
	margin:5% 0 0 0;
	width:100%;
}
@media screen and (max-width:768px){
	h2#order_info_order_title,
	h2#order_info_checkout_title,
	h2#order_info_payment_title{
		border-radius:0;
		font-size:16px;
		margin:0;
	}
	h2#order_info_payment_title{
		margin:0 0 15px 0;
	}
}

#order_info table#order_info_order,
#order_info table#order_info_checkout,
#order_info table#order_info_payment{
	background:#f5f5f7;
	padding:2% 2%;
	width:100%;
}

#order_info table#order_info_order th,
#order_info table#order_info_checkout th,
#order_info table#order_info_payment th{
	padding:1% 0;
}

#order_info table#order_info_checkout th,
#order_info table#order_info_payment th{
	width:50%;
}

#order_info table#order_info_order td,
#order_info table#order_info_checkout td,
#order_info table#order_info_payment td{
	padding:1% 0;
}

#order_info table#order_info_checkout td,
#order_info table#order_info_payment td{
	width:50%;
}

/* アップセル
-------------------------------------*/
.upsellAreaA01{
	margin:4% 0 0 0;
}

.upsellAreaA01 .anchorBlockA01{
	margin:2% 0 10% 0;
	width: 100%;
	display: table;
}
.upsellAreaA01 .anchorBlockA01 a{
	width:50%;
	display:table-cell;
	vertical-align:bottom;
}
.upsellAreaA01 .anchorBlockA01 a:first-child{
padding: 0 3% 0 0;
}
.upsellAreaA01 .anchorBlockA01 a:last-child{
padding: 0 0 0 3%;
}

@media screen and (max-width:768px){
	.upsellAreaA01 .anchorBlockA01 a:first-child{
	padding: 0 2% 0 3%;
	}
	.upsellAreaA01 .anchorBlockA01 a:last-child{
	padding: 0 3% 0 2%;
	}
}
.upsellAreaA01 .anchorBlockA01 a img{
	max-width: 100%;
}

.upsellAreaA01 .reconfirm input,
#orderAreaA01 .confirm input{
	display:block;
	margin:5% auto;
}

.upsellAreaA01 .reconfirm input:hover,
#orderAreaA01 .confirm input:hover{
	opacity:0.8;
}
.upsellAreaA01 p.order{
	margin:5% auto;
	width:572px;
}
@media screen and (max-width:768px){
	.upsellAreaA01 p.order{
		width:100%;
	}
	.upsellAreaA01 .reconfirm input,
	#orderAreaA01 .confirm input{
		width:100%;
	}
}

.cautionBlockA01 ul li{
	margin:1.5% 0 0 0;
	padding-left:1em;
	text-indent:-1em;
}