@charset "Shift_JIS";

/*----------------------------------------------------------------------------- 
 ■SP Common
----------------------------------------------------------------------------- */
/* 非表示設定 */
h1.htxt ,
div.spFrm > div.section > p.mt10 ,
div.section01 > div.topSearch {
	display:none!important;
}

/* サーチ */
.topSearch, .spSearchForm {
	display:none;
}

/* カテゴリリンク1行 */
.colLinks ul li {
	width:100%;
}
.colLinks ul li:nth-child(odd) a {
	border-right:none;
}

/*----------------------------------------------------------------------------- 
 ■insertArea
----------------------------------------------------------------------------- */
#insertArea {
	margin:0 auto;
}
#insertArea div {
	overflow:hidden;
}
#insertArea img {
	max-width:100%;
	height:auto;
	display:block;
	border:0;
	vertical-align:bottom;
	padding:0;
	margin:0;
	box-shadow:#000 0 0 0;
}


/*----------------------------------------------------------------------------- 
 ■Common
----------------------------------------------------------------------------- */

/* clearfix */
.cf { zoom:1; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

/* fluid  image */
.fi img { width:100%; height:auto;	}

.fLeft { float:left !important; }
/* lift backgroound-color and filter */
.noFilter a img {	background-color:rgba(0,0,255,0);	}
.noFilter a:hover img {	filter:none;	opacity :1;}

/* lift backgroound-color */
.transfer a img {	background-color:rgba(0,0,255,0);	}

.limitArea {
	max-width:1200px;
	width:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	zoom:1;
}
.limitArea:before, .limitArea:after {
	content:"";
	display:table;
}
.limitArea:after {
	clear:both;
}

.bBox {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/* font */
#doi .mb12 { margin-bottom:1%;}

#doi .bold { font-weight:bold !important; }
#doi .fs70 {	font-size:70%;}
#doi .fs80 {	font-size:80%;}
#doi .fs90 {	font-size:90%;}
#doi .fs110 {	font-size:110%;}
#doi .fs120 {	font-size:120%;}
#doi .fs130 {	font-size:130%;}
#doi .cPink01 { color:#e26092;}
#doi .hide { display:none !important;}

#doi .mb0 { margin-bottom:0 !important; }
#doi .mb12 { margin-bottom:1%; }
#doi .mb15 { margin-bottom:1.25%; }
#doi .mb18 { margin-bottom:1.5%; }
#doi .mb24 { margin-bottom:2%; }
#doi .mb30 { margin-bottom:2.5%; }
#doi .mb45 { margin-bottom:3.75%; }
#doi .mb48 { margin-bottom:4%; }
#doi .mb60 { margin-bottom:5%; }
#doi .mb72 { margin-bottom:6%; }
#doi .mb78 { margin-bottom:6.5%; }
#doi .mb84 { margin-bottom:7%; }

#doi .ls15 { letter-spacing:0.015em; }
#doi .ls25 { letter-spacing:0.025em; }
#doi .ls50 { letter-spacing:0.05em; }
#doi .ls100 { letter-spacing:0.1em; }
#doi .ls200 { letter-spacing:0.2em; }

/*----------------------------------------------------------------------------- 
 ■all
----------------------------------------------------------------------------- */
#doi {
	margin:0 auto 0;
	-webkit-font-smoothing: antialiased;
}
#doi div {
	overflow:hidden;
}
#doi img {
	max-width:100%;
	height:auto;
	display:block;
	border:0;
	vertical-align:bottom;
	padding:0;
	margin:0;
	box-shadow:#000 0 0 0;
}

/*----------------------------------------------------------------------------- 
 ■mainVisual
----------------------------------------------------------------------------- */
#mainVisual .innerArea {
	background:url(../images/mainvisual_bg.jpg) left top no-repeat;
	background-size:100% auto;
}
#mainVisual .innerArea .pic01 {
	width:35%;
}
#mainVisual .innerArea .profile {
	width:100%;
	background:rgba(255,255,255,0.3);
	border-top:1px #e1dafa solid;
	border-bottom:1px #e1dafa solid;
	margin:0 auto;
}

/*----------------------------------------------------------------------------- 
 ■secArea
----------------------------------------------------------------------------- */
.secArea {
	width:94%;
	margin:6% auto 0;
}
.secArea .innerArea {
	width:90%;
	margin:0 auto;
}
.secArea .frame  {
	background:#fff;
	border:1px #e1dafa solid;
	border-radius:2px;
	moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:3.5% 0 4% 0;
	margin-bottom:4%;
}

/*----------------------------------------------------------------------------- 
 ◆font950
----------------------------------------------------------------------------- */

#mainVisual h1 {
	font-size:144%;
	line-height:1;
	text-align:center;
	letter-spacing:0.05em;
	padding:2% 1% 4%;
}
#mainVisual h2 {
	font-size:100%;
	font-weight:normal;
	line-height:1.5;
	text-align:center;
	letter-spacing:0;
}
#mainVisual .text01 {
	font-size:100%;
	line-height:2;
	padding:4% 4% 4% 4%;
}
.secArea h2 {
	font-size:144%;
	line-height:1.4;
	text-align:center;
	padding:0 0 5% 0;
}
.secArea .text01 {
	font-size:100%;
	line-height:1.6;
	letter-spacing:0.05em;
	padding:6% 0 0 0;
}
.secArea .caption01 {
	font-size:83%;
	line-height:1.5;
	padding:6% 0 0 1em;
	text-indent:-1em;
}


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

#mainVisual h1 {
	font-size:183%;
}
#mainVisual h2 {
	font-size:125%;
}
#mainVisual .text01 {
	font-size:125%;
}
.secArea h2 {
	font-size:183%;
}
.secArea .text01 {
	font-size:125%;
}
.secArea .caption01 {
	font-size:100%;
}

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

#mainVisual h1 {
	font-size:257%;
}
#mainVisual h2 {
	font-size:184%;
}
#mainVisual .text01 {
	font-size:138%;
}
.secArea h2 {
	font-size:257%;
}
.secArea .text01 {
	font-size:138%;
}
.secArea .caption01 {
	font-size:100%;
}

}