@charset "utf-8";

/* box-sizing */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

em{font-weight:bold;}
sup{font-size: 0.7em;vertical-align: top;}
sub{font-size: 0.7em;vertical-align: bottom;}

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

/*------------------------------------------------------------ Float*/

.fltL{float:left !important;display :inline !important;}
.fltR{float:right !important;display:inline !important;}
.fltN{float:none !important;display:inline !important;}
.flL{float:left !important;display:inline !important;}
.flR{float:right !important;display:inline !important;}
.flN{float:none !important;display:inline !important;}
.fL{float:left !important;}
.fR{float:right !important;}
.fN{float:none !important;}
.clear{clear:both !important;}
.cb{clear:both !important;}
.clB{clear: both !important;}

/*------------------------------------------------------------ Display*/

.dpBlock{display:block !important;}
.dpInline{display:inline !important;}
.dpInlineBlock{display:inline-block !important;
	/display:inline !important;
	/zoom:1 !important;
}
.dpILB{display:inline-block !important;
	/display:inline !important;
	/zoom:1 !important;
}
.dpIlb{display:inline-block !important;
	/display:inline !important;
	/zoom:1 !important;
}
.dpTable{display:table;width:100%;}
.dpTable > *{display:table-cell !important;}
	.vaTop{vertical-align:top!important;}
	.vaMiddle{vertical-align:middle!important;}
	.vaBottom{vertical-align:bottom!important;}
	.vaT{vertical-align:top!important;}
	.vaM{vertical-align:middle!important;}
	.vaB{vertical-align:bottom!important;}
	.vT{vertical-align:top;}
	.vM{vertical-align:middle;}
	.vB{vertical-align:bottom;}
.dpFlex{
	display:-webkit-flex;
	-webkit-align-items:center;
	-webkit-justify-content:center;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}

/*------------------------------------------------------------ Text*/

/*----------- line-height*/
.lh18{line-height:1.8 !important;}
.lh15{line-height:1.5 !important;}
.lh13{line-height:1.3 !important;}
.lh1\.8{line-height:1.8 !important;}
.lh1\.5{line-height:1.5 !important;}
.lh1\.3{line-height:1.3 !important;}
/*----------- text-align*/
.txaL	{text-align:left !important;}
.txaC	{text-align:center !important;}
.txaR	{text-align:right !important;}
.taL	{text-align:left !important;}
.taC	{text-align:center !important;}
.taR	{text-align:right !important;}
.aL		{text-align:left;}
.aC		{text-align:center;}
.aR		{text-align:right;}
/*----------- font*/
.bold	{font-weight:bold !important;}
.fwB	{font-weight:bold !important;}
.fw4	{font-weight:400 !important;}
.fw5	{font-weight:500 !important;}
.fw6	{font-weight:600 !important;}
.fw7	{font-weight:700 !important;}
.fwN	{font-weight:normal !important;}
.mincho {font-family:'游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','HG明朝E','メイリオ',Meiryo,serif;}

/*------------------------------------------------------------ etc*/

.hover:hover{opacity:0.8;}
.center{margin:auto !important;}
.centre{margin:auto !important;}

/* border */
.borderNo	{border:none !important;}
.noBorder	{border:none !important;}
/* background */
.bgcolorNo	{background:none !important;}
.noBgcolor	{background:none !important;}
/* shadow */
.shadow		{box-shadow:rgba(221,221,221,0.7) 1px 1px 1px 1px;}
.shadowNo	{box-shadow:none !important;}
.noShadow	{box-shadow:none !important;}
/* white-space */
.nowrap		{white-space:nowrap !important;}
.noWrap		{white-space:nowrap !important;}
/* display */
.hide		{display:none !important;}
.showNo		{display:none !important;}

/*------------------------------------------------------------ pssp */

.pc_only{display:block;}
.sp_only{display:none;}
.pcOnly{display:block;}
.spOnly{display:none;}
.forPc{display:block;}
.forSp{display:none;}
.forPC{display:block;}
.forSP{display:none;}

	@media screen and (max-width:768px) {
.pc_only{display:none;}
.sp_only{display:block;}
.pcOnly{display:none;}
.spOnly{display:block;}
.forPc{display:none;}
.forSp{display:block;}
.forPC{display:none;}
.forSP{display:block;}
	}/* --- max-width:768px */

.pcDevice .for_spDevice{display: none !important;}
.spDevice .for_pcDevice{display: none !important;}

/*------------------------------------------------------------ list*/

.easylist li{text-indent:-1em;padding-left:1em;}
.easylist.one li{text-indent:-1em;padding-left:1em;}
.easylist.oneH li{text-indent:-1.5em;padding-left:1.5em;}
.easylist.two li{text-indent:-2em;padding-left:2em;}
.easylist.twoH li{text-indent:-2.5em;padding-left:2.5em;}
.easyList.one li{text-indent:-1em;padding-left:1em;}
.easyList.oneH li{text-indent:-1.5em;padding-left:1.5em;}
.easyList.two li{text-indent:-2em;padding-left:2em;}
.easyList.twoH li{text-indent:-2.5em;padding-left:2.5em;}

.easylist.c1 li{text-indent:-1em;padding-left:1em;}
.easylist.c1h li{text-indent:-1.5em;padding-left:1.5em;}
.easylist.c2 li{text-indent:-2em;padding-left:2em;}
.easylist.c2h li{text-indent:-2.5em;padding-left:2.5em;}
.easyList.c1 li{text-indent:-1em;padding-left:1em;}
.easyList.c1h li{text-indent:-1.5em;padding-left:1.5em;}
.easyList.c2 li{text-indent:-2em;padding-left:2em;}
.easyList.c3h li{text-indent:-2.5em;padding-left:2.5em;}

.list{padding-left:1.5em}
.list.normal{list-style-type:disc !important;}
.list.number{list-style-type:decimal !important;}
/* list_kome */
.list.kome > li{position:relative;}
.list.kome > li:before{content:'※';margin-left:-1.5em;position:absolute !important;}
.list.kome > li.fcRed:before{color:#ff0000 !important;}
/* list_maru */
.list.maru > li{position:relative;}
.list.maru > li:before{content:'●';margin-left:-1.5em;position:absolute !important;}
.list.maru > li.fcRed:before{color:#ff0000 !important;}
/* list_dot */
.list.dot > li{position:relative;}
.list.dot > li:before{content:'・';margin-left:-1.5em;position:absolute !important;}
.list.dot > li.fcRed:before{color:#ff0000 !important;}
/* list_komeNumber */
.list.komeNumber > li{position:relative;padding-left:0.5em}
.list.komeNumber > li:before{margin-left:-2em;position:absolute !important;}
.list.komeNumber > li.num01:before{content:'※1' !important;}
.list.komeNumber > li.num02:before{content:'※2' !important;}
.list.komeNumber > li.num03:before{content:'※3' !important;}
.list.komeNumber > li.num04:before{content:'※4' !important;}
.list.komeNumber > li.num05:before{content:'※5' !important;}
/* list_maruNumber */
.list.maruNumber > li{padding:relative;}
.list.maruNumber > li:before{margin-left:-1.5em;position:absolute !important;}
.list.maruNumber > li.num01:before{content:'\2460' !important;}
.list.maruNumber > li.num02:before{content:'\2461' !important;}
.list.maruNumber > li.num03:before{content:'\2462' !important;}
.list.maruNumber > li.num04:before{content:'\2463' !important;}
.list.maruNumber > li.num05:before{content:'\2464' !important;}
.list.maruNumber > li.num06:before{content:'\2465' !important;}
.list.maruNumber > li.num07:before{content:'\2466' !important;}
.list.maruNumber > li.num08:before{content:'\2467' !important;}
.list.maruNumber > li.num09:before{content:'\2468' !important;}
.list.maruNumber > li.num10:before{content:'\2469' !important;}
/* list_sankaku */
.list.sankaku > li{position:relative;}
.list.sankaku > li:before{content:'▲';-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;margin-left:-1.5em;}
/* list_ */
.list2{overflow:hidden !important;}
.list2 li{width:50%;float:left;margin-bottom:5px !important;}
.list3{overflow:hidden !important;}
.list3 li{width:33%;float:left;margin-bottom:5px !important;}
.list3 li:nth-child(3n+2){width:34%;float:left;margin-bottom:5px !important;}
.list4{overflow:hidden !important;}
.list4 li{width:25%;float:left;margin-bottom:5px !important;}
.list5{overflow:hidden !important;}
.list5 li{width:20%;float:left;margin-bottom:5px !important;}

/*------------------------------------------------------------ button*/

.button{display:table !important;}
.button > a{display:table-cell !important;text-decoration:none;text-align:center;vertical-align:middle;background:#eeeeee;}
.button > a:hover{opacity:0.8;}
.button > a > span{position:relative;}
.button > a > span:before,
.button > a > span:after{
	content:'';
	position:absolute;
	display:block;
	top:50%;
}

.button.r3 > a{border-radius:3px !important;}
.button.r5 > a{border-radius:5px !important;}
.button.r10 > a{border-radius:10px !important;}
.button.r15 > a{border-radius:15px !important;}
.button.r20 > a{border-radius:20px !important;}

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━sample
------------------------------------html

<p class="button w200 h50 mb10"><a href="sssssssss"><span class="iconL">sssssssss</span></a></p>
<p class="button w200 h50 mb10"><a href="sssssssss"><span class="iconR">sssssssss</span></a></p>
<p class="button w200 h50 mb10"><a href="sssssssss"><span class="iconLR">sssssssss</span></a></p>

<p class="button r5 w200 h50 mb10"><a href="sssssssss"><span class="iconL">sssssssss</span></a></p>
<p class="button r10 w200 h50 mb10"><a href="sssssssss"><span class="iconR">sssssssss</span></a></p>

------------------------------------iconL

.button > a > span.iconL:before{
	background:url(/_src/_img/allow_blue_r.png) no-repeat center;
	width:12px;
	left:-15px;
	height:12px;
	margin-top:-6px;
	background-size:contain;
}
------------------------------------iconR

.button > a > span.iconR:before{
	background:url(/_src/_img/allow_blue_r.png) no-repeat center;
	width:12px;
	right:-15px;
	height:12px;
	margin-top:-6px;
	background-size:contain;
}
------------------------------------iconLR

.button > a > span.iconLR:before{
	background:url(/_src/_img/allow_blue_r.png) no-repeat center;
	width:12px;
	left:-15px;
	height:12px;
	margin-top:-6px;
	background-size:contain;
}
.button > a > span.iconLR:after{
	background:url(/_src/_img/allow_blue_r.png) no-repeat center;
	width:12px;
	right:-15px;
	height:12px;
	margin-top:-6px;
	background-size:contain;
}
*/
/*------------------------------------------------------------ form*/

input[type='text'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='password'],
textarea{
	border:1px solid #aaaaaa;
	padding:3px 5px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='password']:focus,
textarea:focus{
	border:1px solid #888888;
}

input[type='reset'],
input[type='submit'],
input[type='button']{
	padding:3px 5px;
	border-radius:5px;
	cursor:pointer;
}

input[type='reset']:focus,
input[type='submit']:focus,
input[type='button']:focus{

}

input[type='radio'],
input[type='checkbox']{
	padding:3px 5px;
	width:15px;
	height:15px;
	cursor:pointer;
}

select{
	margin:0;
	padding:3px 5px;
	border:1px solid #cccccc;
	border-radius:0;
	font-size:16px;
}

/*------------------------------------------------------------ others*/

.chui{background:#ffdddd;padding:20px;line-height:1.3;}

.hoverdown2px:hover{
	box-shadow: none !important;
	transform: translateY(2px);
}

.hoverdown3px:hover{
	box-shadow: none !important;
	transform: translateY(3px);
}

.hoverdown4px:hover{
	box-shadow: none !important;
	transform: translateY(4px);
}

.hoverdown5px:hover{
	box-shadow: none !important;
	transform: translateY(5px);
}

.hover_hideBorder{text-decoration: underline !important;}
.hover_hideBorder:hover{text-decoration: none !important;}
.hover_showBorder{text-decoration: none !important;}
.hover_showBorder:hover{text-decoration: underline !important;}
.hover_opacity:hover{opacity: 0.8 !important;}