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

/*
 * default.css
 *  version --- 1.0
 *  updated --- 2017.02.01
 */

/* -----------------------------------------------
0. Reset
1. Base
-------------------------------------------------- */

/* Reset 
-------------------------------------------------- */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; overflow-x-:hidden; }
html { height:100%; width:100%; } /* 左のフォントは約16px  font-size: 62.5%;/*ベースを10px 削除 */
body { -webkit-text-size-adjust: none; }

a{ background: transparent; }
a:focus{ outline: thin dotted; }
a:active,
a:hover{
	outline: 0;
}
a, a:link{
	color: #333;
	text-decoration: none;
}
a:hover,
a:active{
	color: #333;
	text-decoration: underline;
}
img { max-width: 100%; vertical-align: bottom; }
a img{ border: none; }

sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
ul, li { list-style-type: none; }

/*h1,h2,h3,h4,h5,h6 { font-weight:normal; }*/
address,em { font-style:normal; }
select,input,button,textarea{ font:99% arial,helvetica,clean,sans-serif; }

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
/* Base
------------------------------------------------------------------*/


.tl { text-align:left !important; }
.tr { text-align:right !important; }
.tc { text-align:center !important; }

.fl { float:left !important; }
.fr { float:right !important; }
.clearfix:after, .sec:after
.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.fix { display:block; }
.clr { clear:both; }

/* Snippet
------------------------------------------------------------------*/
img.b,
img.boxPart,
.b{ display:block; }
th,td{
	vertical-align: top; 
	text-align:left;
}
.floatRight,
.fR{
	float:right;
	display:inline;
}
.floatLeft,
.fL{
	float:left;
	display:inline;
}
.ul-fL li{
	float:left;
	display:inline;
}
.ul-fR li{
	float:right;
	display:inline;
}

.leftImg,
.iL{
	float:left;
	display:inline;
	margin:0 10px 5px 0;
}
.rightImg,
.iR{
	float:right;
	display:inline;
	margin:0 0 5px 10px;
}

.clear,
.clearCol{
	clear: both;
}
.alignRight,
.aR,.tr{
	text-align:right;
}
.alignCenter,
.aC,.tc{
	text-align:center;
}
.alignLeft,
.aL,.tl{
	text-align:left !important;
}
.none{
	display:none;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.oHidden {
	overflow:hidden;
}
.fwb{
	font-weight: bold;
}




ul, ol, dl{ list-style-position: outside; }
ul.disc { list-style-type:disc; margin-left:1.5em; }
ul.circle { list-style-type:circle; margin-left:1.5em; }
ul.square { list-style-type:square; margin-left:1.5em; }
ol.decimal { list-style-type:decimal; margin-left:2.5em; }

.none { display:none; }
.hidden { visibility:hidden; }
.block { display:block; } .inline { display:inline; }

.normal { font-style:normal !important; font-weight:normal !important; }
.bold { font-weight:bold !important; }
.nobr { white-space:nowrap; }
.ba { word-break:break-all; }


a.btn { display:block; line-height:normal; background-position:0 0; }
a.btn:hover { background-position:0 100%; }
.btn { display:block; }
.btn li { line-height:0; font-size:0; }




/* Fonts
------------------------------------------------------------------*/
 /* for IF6 */
* html body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	overflow: hidden;
}

/* for All */
body { 
	font-size: 13px;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, “メイリオ”, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}

body { 
	font-family: source-han-sans-cjk-ja,sans-serif;
	font-weight: 400;
	font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
	font-weight: bold;
	color: #3a3a3a;
}
h1,h2,h4,h5,h6 { margin-bottom:10px; }
h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top: 0;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p, blockquote, pre, dl, ol, ul, th, td {
    font-size: 99%;
}

dt,dd,li,
th,td,
input,
textarea{
	line-height: 1.3;
}
.serif { font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝",serif; }
.sans, .jp { font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
.en {font-family: sans-serif,Helvetica;font-weight: 100;color: #333;line-height: 1.8;font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
font-family: 'Open Sans', sans-serif;}
/*h1.en { font-size: 46px; }*/

.helvetica {  font-family: 'Source Sans Pro', 'Helvetica Neue', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif; font-weight: 400; }
.italic { font-style: italic !important; }

strong{ font-weight: bold; }
em{ font-weight: bold; font-style: normal; }

p, li{ line-height: 1.8; }
p { margin:0 0 15px 0; }

dl,dt,dd { margin:0; }

hr { border-color: #ccc; margin:20px 0; }
/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

.fs0 { font-size:0;    } .fs1 { font-size:100%; } .fs2 { font-size:150%; } .fs3 { font-size:190%; } .fs4 { font-size:250%; }
.fs5 { font-size:300%; } .fs6 { font-size:350%; } .fs7 { font-size:400%; } .fs8 { font-size:450%; } .fs9 { font-size:500%; }

@media screen and (max-width: 800px) {
.fs0 { font-size:0;    } .fs1 { font-size:100%; } .fs2 { font-size:125%; } .fs3 { font-size:150%; } .fs4 { font-size:175%; }
.fs5 { font-size:200%; } .fs6 { font-size:225%; } .fs7 { font-size:250%; } .fs8 { font-size:275%; } .fs9 { font-size:300%; }
}

@media screen and (max-width: 480px) {
.fs0 { font-size:0;    } .fs1 { font-size:100%; } .fs2 { font-size:120%; } .fs3 { font-size:140%; } .fs4 { font-size:160%; }
.fs5 { font-size:180%; } .fs6 { font-size:200%; } .fs7 { font-size:220%; } .fs8 { font-size:240%; } .fs9 { font-size:260%; }
.sfs95p { font-size:95%; } .sfs90p { font-size:90%; } .sfs85p { font-size:85%; } .sfs80p { font-size:80%; }
}

.fs10{ font-size:80%}
.fs11{ font-size:85%}
.fs12{ font-size:93%}
.fs13{ font-size:100%}
.fs14{ font-size:108%}
.fs15{ font-size:116%}
.fs16{ font-size:123.1%}
.fs17{ font-size:131%}
.fs18{ font-size:138.5%}
.fs19{ font-size:146.5%}
.fs20{ font-size:153.9%}
.fs21{ font-size:161.6%}
.fs22{ font-size:167%}
.fs23{ font-size:174%}
.fs24{ font-size:182%}
.fs25{ font-size:189%}
.fs26{ font-size:197%}

/* font-family */
.fms{
    font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif;
}

@media screen and (max-width: 768px) {
.fs15 { font-size: 14px;}
.index .fs18 { font-size: 15px !important; } .fs18 { font-size: 16px !important; }

.fs19 { font-size: 16px !important; }
.fs20 { font-size: 17px !important; }
.fs21 { font-size: 18px !important; }
.fs22 { font-size: 19px !important; }
.fs23 { font-size: 20px !important; }
.fs24 { font-size: 21px !important; }
.fs25 { font-size: 22px !important; }
.fs26 { font-size: 23px !important; }
.fs27 { font-size: 24px !important; }
.fs28 { font-size: 25px !important; }
.fs28 { font-size: 26px !important; }
.fs30 { font-size: 27px !important; }
.fs31 { font-size: 28px !important; }
.fs32 { font-size: 29px !important; }
.fs33 { font-size: 30px !important; }
.fs34 { font-size: 31px !important; }
.fs35 { font-size: 32px !important; }
.fs36 { font-size: 33px !important; }
.fs37 { font-size: 34px !important; }
.fs38 { font-size: 35px !important; }
}


/*
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs32 { font-size: 32px !important; }
.fs34 { font-size: 34px !important; }
.fs36 { font-size: 36px !important; }
.fs38 { font-size: 38px !important; }
*/



/* Base Link
------------------------------------------------------------------*/
a{
	color:#333333;
	text-decoration:none; 
}
	
a:hover{
	color:#333333;
	text-decoration: underline;
}
a.uNone{
	text-decoration:none ! important; 
}
a.uLine{
	text-decoration:underline ! important; 
}

active,
a:focus{
	outline:none;
}

/*Image Hover*/
a.hover img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
a.line {
	border-bottom: 1px solid #333;
	text-decoration: none;
}
a.line:hover {
	border-bottom: 1px solid #666;
	color: #666;
}

/* Table
------------------------------------------------------------------*/
table { border-collapse:collapse; border-spacing:0; empty-cells:show; }
table.thl th { text-align:left; } table.thr th { text-align:right; }
table.fixed { table-layout:fixed; }
caption { white-space:nowrap; }
th { font-weight:normal; }
tr.nobr th, tr.nobr td { white-space:nowrap; }
tr.tc th, tr.tc td { text-align:center; }
table th.nb, table td.nb { border:none; }
table.full { width:100%; } table.half { width:50%; } table.third { width:33.33%; } table.quarter { width:25%; }
table.vtop th, table.vtop td, th.vtop, td.vtop { vertical-align:top; }
table.thtc th { text-align:center; } table.thtr th { text-align:right; }


/* Position
------------------------------------------------------------------*/
.abs { position:absolute !important; } .rel, .relative { position:relative !important; }
.abs-l { position:absolute; left:0; } .abs-r { position:absolute; right:0; } .abs-t { position:absolute; top:0; } .abs-b { position:absolute; bottom:0; }
.abs-tr { position:absolute; top:0; right:0; } .abs-tl { position:absolute; top:0; left:0; }
.abs-br { position:absolute; bottom:0; right:0; } .abs-bl { position:absolute; bottom:0; left:0; }
.pos0 { top:auto !important; bottom:auto !important; left:auto !important; right:auto !important; }


/* Margin / Padding
------------------------------------------------------------------*/
/* Snippet
------------------------------------------------------------------*/
img.b,
img.boxPart,
.b{
	display:block;
}

th,td{
	vertical-align: top; 
	text-align:left;
}

.floatRight,
.fR{
	float:right;
	display:inline;
}
	
.floatLeft,
.fL{
	float:left;
	display:inline;
}

.ul-fL li{
	float:left;
	display:inline;
}
.ul-fR li{
	float:right;
	display:inline;
}


.leftImg,
.iL{
	float:left;
	display:inline;
	margin:0 10px 5px 0;
}

.rightImg,
.iR{
	float:right;
	display:inline;
	margin:0 0 5px 10px;
}


.clear,
.clearCol{
	clear: both;
}

.alignRight,
.aR{
	text-align:right;
}

.alignCenter,
.aC{
	text-align:center;
}

.alignLeft,
.aL{
	text-align:left !important;
}

.none{
	display:none;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.oHidden {
	overflow:hidden;
}

/* width */
.w10{
	width: 10px;
}
.w30{
	width: 30px;
}
.w50{
	width: 50px;
}
.w100{
	width: 100px;
}
.p10{
	width:10% !important;
}
.p20{
	width:20% !important;	
}
.p30{
	width:30% !important;	
}
.p40{
	width:40% !important;
}
.p50{
	width:50% !important;	
}
.p80{
	width:80%;	
}
.p100{
	width:100%;	
}

/* margin */
.mgl0{margin-left:0px   !important;}
.mgl5{margin-left:5px   !important;}
.mgl10{margin-left:10px   !important;}
.mgl15{margin-left:15px   !important;}
.mgl20{margin-left:20px   !important;}
.mgl25{margin-left:25px   !important;}
.mgl30{margin-left:30px   !important;}
.mgl35{margin-left:35px   !important;}
.mgl40{margin-left:40px   !important;}
.mgl45{margin-left:45px   !important;}
.mgl50{margin-left:50px   !important;}
.mgl55{margin-left:55px   !important;}
.mgl60{margin-left:60px   !important;}
.mgl65{margin-left:65px   !important;}
.mgl70{margin-left:70px   !important;}
.mgl75{margin-left:75px   !important;}
.mgl80{margin-left:80px   !important;}
.mgl85{margin-left:85px   !important;}
.mgl90{margin-left:90px   !important;}
.mgl95{margin-left:95px   !important;}
.mgl100{margin-left:100px   !important;}

.mgr0{margin-right:0px   !important;}
.mgr5{margin-right:5px   !important;}
.mgr10{margin-right:10px   !important;}
.mgr15{margin-right:15px   !important;}
.mgr20{margin-right:20px   !important;}
.mgr25{margin-right:25px   !important;}
.mgr30{margin-right:30px   !important;}
.mgr35{margin-right:35px   !important;}
.mgr40{margin-right:40px   !important;}
.mgr45{margin-right:45px   !important;}
.mgr50{margin-right:50px   !important;}
.mgr55{margin-right:55px   !important;}
.mgr60{margin-right:60px   !important;}
.mgr65{margin-right:65px   !important;}
.mgr70{margin-right:70px   !important;}
.mgr75{margin-right:75px   !important;}
.mgr80{margin-right:80px   !important;}
.mgr85{margin-right:85px   !important;}
.mgr90{margin-right:90px   !important;}
.mgr95{margin-right:95px   !important;}
.mgr100{margin-right:100px   !important;}

.mgrM5{margin-right:-5px   !important;}
.mgrM10{margin-right:-10px   !important;}
.mgrM15{margin-right:-15px   !important;}
.mgrM20{margin-right:-20px   !important;}
.mgrM25{margin-right:-25px   !important;}
.mgrM30{margin-right:-30px   !important;}
.mgrM35{margin-right:-35px   !important;}
.mgrM40{margin-right:-40px   !important;}
.mgrM45{margin-right:-45px   !important;}
.mgrM50{margin-right:-50px   !important;}
.mgrM55{margin-right:-55px   !important;}
.mgrM60{margin-right:-60px   !important;}
.mgrM65{margin-right:-65px   !important;}
.mgrM70{margin-right:-70px   !important;}
.mgrM75{margin-right:-75px   !important;}
.mgrM80{margin-right:-80px   !important;}
.mgrM85{margin-right:-85px   !important;}
.mgrM90{margin-right:-90px   !important;}
.mgrM95{margin-right:-95px   !important;}
.mgrM100{margin-right:-100px   !important;}

.mgt0{margin-top:0px   !important;}
.mgt5{margin-top:5px   !important;}
.mgt10{margin-top:10px   !important;}
.mgt15{margin-top:15px   !important;}
.mgt20{margin-top:20px   !important;}
.mgt25{margin-top:25px   !important;}
.mgt30{margin-top:30px   !important;}
.mgt35{margin-top:35px   !important;}
.mgt40{margin-top:40px   !important;}
.mgt45{margin-top:45px   !important;}
.mgt50{margin-top:50px   !important;}
.mgt55{margin-top:55px   !important;}
.mgt60{margin-top:60px   !important;}
.mgt65{margin-top:65px   !important;}
.mgt70{margin-top:70px   !important;}
.mgt75{margin-top:75px   !important;}
.mgt80{margin-top:80px   !important;}
.mgt85{margin-top:85px   !important;}
.mgt90{margin-top:90px   !important;}
.mgt95{margin-top:95px   !important;}
.mgt100{margin-top:100px   !important;}

.mgb0{margin-bottom:0px   !important;}
.mgb5{margin-bottom:5px   !important;}
.mgb10{margin-bottom:10px   !important;}
.mgb15{margin-bottom:15px   !important;}
.mgb20{margin-bottom:20px   !important;}
.mgb25{margin-bottom:25px   !important;}
.mgb30{margin-bottom:30px   !important;}
.mgb35{margin-bottom:35px   !important;}
.mgb40{margin-bottom:40px   !important;}
.mgb45{margin-bottom:45px   !important;}
.mgb50{margin-bottom:50px   !important;}
.mgb55{margin-bottom:55px   !important;}
.mgb60{margin-bottom:60px   !important;}
.mgb65{margin-bottom:65px   !important;}
.mgb70{margin-bottom:70px   !important;}
.mgb75{margin-bottom:75px   !important;}
.mgb80{margin-bottom:80px   !important;}
.mgb85{margin-bottom:85px   !important;}
.mgb90{margin-bottom:90px   !important;}
.mgb95{margin-bottom:95px   !important;}
.mgb100{margin-bottom:100px   !important;}

.mg0{margin:0px   !important;}
.mg5{margin:5px   !important;}
.mg10{margin:10px   !important;}
.mg15{margin:15px   !important;}
.mg20{margin:20px   !important;}
.mg25{margin:25px   !important;}
.mg30{margin:30px   !important;}
.mg35{margin:35px   !important;}
.mg40{margin:40px   !important;}
.mg45{margin:45px   !important;}
.mg50{margin:50px   !important;}


/* padding */
.pa5{ padding:5px; } .pa10{ padding:10px } .pa15 { padding:15px; } .pa20{padding:20px; } .pa25 {padding:25px; } .pa30 {padding:30px;} .pa40 {padding:40px; }

.pdl0{padding-left:0px   !important;}
.pdl5{padding-left:5px   !important;}
.pdl10{padding-left:10px   !important;}
.pdl15{padding-left:15px   !important;}
.pdl20{padding-left:20px   !important;}
.pdl25{padding-left:25px   !important;}
.pdl30{padding-left:30px   !important;}
.pdl35{padding-left:35px   !important;}
.pdl40{padding-left:40px   !important;}
.pdl45{padding-left:45px   !important;}
.pdl50{padding-left:50px   !important;}
.pdl55{padding-left:55px   !important;}
.pdl60{padding-left:60px   !important;}
.pdl65{padding-left:65px   !important;}
.pdl70{padding-left:70px   !important;}
.pdl75{padding-left:75px   !important;}
.pdl80{padding-left:80px   !important;}
.pdl85{padding-left:85px   !important;}
.pdl90{padding-left:90px   !important;}
.pdl95{padding-left:95px   !important;}
.pdl100{padding-left:100px   !important;}

.pdr0{padding-right:0px   !important;}
.pdr5{padding-right:5px   !important;}
.pdr10{padding-right:10px   !important;}
.pdr15{padding-right:15px   !important;}
.pdr20{padding-right:20px   !important;}
.pdr25{padding-right:25px   !important;}
.pdr30{padding-right:30px   !important;}
.pdr35{padding-right:35px   !important;}
.pdr40{padding-right:40px   !important;}
.pdr45{padding-right:45px   !important;}
.pdr50{padding-right:50px   !important;}
.pdr55{padding-right:55px   !important;}
.pdr60{padding-right:60px   !important;}
.pdr65{padding-right:65px   !important;}
.pdr70{padding-right:70px   !important;}
.pdr75{padding-right:75px   !important;}
.pdr80{padding-right:80px   !important;}
.pdr85{padding-right:85px   !important;}
.pdr90{padding-right:90px   !important;}
.pdr95{padding-right:95px   !important;}
.pdr100{padding-right:100px   !important;}

.pdt0{padding-top:0px   !important;}
.pdt5{padding-top:5px   !important;}
.pdt10{padding-top:10px   !important;}
.pdt15{padding-top:15px   !important;}
.pdt20{padding-top:20px   !important;}
.pdt25{padding-top:25px   !important;}
.pdt30{padding-top:30px   !important;}
.pdt35{padding-top:35px   !important;}
.pdt40{padding-top:40px   !important;}
.pdt45{padding-top:45px   !important;}
.pdt50{padding-top:50px   !important;}
.pdt55{padding-top:55px   !important;}
.pdt60{padding-top:60px   !important;}
.pdt65{padding-top:65px   !important;}
.pdt70{padding-top:70px   !important;}
.pdt75{padding-top:75px   !important;}
.pdt80{padding-top:80px   !important;}
.pdt85{padding-top:85px   !important;}
.pdt90{padding-top:90px   !important;}
.pdt95{padding-top:95px   !important;}
.pdt100{padding-top:100px   !important;}

.pdb0{padding-bottom:0px   !important;}
.pdb5{padding-bottom:5px   !important;}
.pdb10{padding-bottom:10px   !important;}
.pdb15{padding-bottom:15px   !important;}
.pdb20{padding-bottom:20px   !important;}
.pdb25{padding-bottom:25px   !important;}
.pdb30{padding-bottom:30px   !important;}
.pdb35{padding-bottom:35px   !important;}
.pdb40{padding-bottom:40px   !important;}
.pdb45{padding-bottom:45px   !important;}
.pdb50{padding-bottom:50px   !important;}
.pdb55{padding-bottom:55px   !important;}
.pdb60{padding-bottom:60px   !important;}
.pdb65{padding-bottom:65px   !important;}
.pdb70{padding-bottom:70px   !important;}
.pdb75{padding-bottom:75px   !important;}
.pdb80{padding-bottom:80px   !important;}
.pdb85{padding-bottom:85px   !important;}
.pdb90{padding-bottom:90px   !important;}
.pdb95{padding-bottom:95px   !important;}
.pdb100{padding-bottom:100px   !important;}

.pd0{padding:0px   !important;}
.pd5{padding:5px   !important;}
.pd10{padding:10px   !important;}
.pd15{padding:15px   !important;}
.pd20{padding:20px   !important;}
.pd25{padding:25px   !important;}
.pd30{padding:30px   !important;}
.pd35{padding:35px   !important;}
.pd40{padding:40px   !important;}
.pd45{padding:45px   !important;}
.pd50{padding:50px   !important;}

/* Width / Height
------------------------------------------------------------------*/
.w5p { width:5%; } .w10p { width:10%; } .w15p { width:15%; } .w20p { width:20%; } .w25p { width:25%; }
.w30p { width:30%; } .w35p { width:35%; } .w40p { width:40%; } .w45p { width:45%; } .w50p { width:50%; }
.w55p { width:55%; } .w60p { width:60%; } .w65p { width:65%; } .w70p { width:70%; } .w75p { width:75%; }
.w80p { width:80%; } .w85p { width:85%; } .w90p { width:90%; } .w95p { width:95%; } .w100p { width:100%; }
.w96p { width:96%; } .w97p { width:97%; } .w98p { width:98%; } .w99p { width:99%; }
.h99p { height:99%; }

.w5x { width:5px; } .w10x { width:10px; } .w15x { width:15px; } .w20x { width:20px; } .w25x { width:25px; }
.w30x { width:30px; } .w35x { width:35px; } .w40x { width:40px; } .w45x { width:45px; } .w50x { width:50px; }
.w55x { width:55px; } .w60x { width:60px; } .w65x { width:65px; } .w70x { width:70px; } .w75x { width:75px; }
.w80x { width:80px; } .w85x { width:85px; } .w90x { width:90px; } .w95x { width:95px; } .w100x { width:100px; }

.w1em { width:1em; } .w2em { width:2em; } .w3em { width:3em; } .w4em { width:4em; } .w5em { width:5em; }
.w6em { width:6em; } .w7em { width:7em; } .w8em { width:8em; } .w9em { width:9em; } .w10em { width:10em; }
.w11em { width:11em; } .w12em { width:12em; } .w13em { width:13em; } .w14em { width:14em; } .w15em { width:15em; }
.w16em { width:16em; } .w17em { width:17em; } .w18em { width:18em; } .w19em { width:19em; } .w20em { width:20em; }
.w21em { width:21em; } .w22em { width:22em; } .w23em { width:23em; } .w24em { width:24em; } .w25em { width:25em; }
.w26em { width:26em; } .w27em { width:27em; } .w28em { width:28em; } .w29em { width:29em; } .w30em { width:30em; }
.w31em { width:31em; } .w32em { width:32em; } .w33em { width:33em; } .w34em { width:34em; } .w35em { width:35em; }
.w36em { width:36em; } .w37em { width:37em; } .w38em { width:38em; } .w39em { width:39em; } .w40em { width:40em; }
.w41em { width:41em; } .w42em { width:42em; } .w43em { width:43em; } .w44em { width:44em; } .w45em { width:45em; }
.w46em { width:46em; } .w47em { width:47em; } .w48em { width:48em; } .w49em { width:49em; } .w50em { width:50em; }

.h1em { height:1em; } .h2em { height:2em; } .h3em { height:3em; } .h4em { height:4em; } .h5em { height:5em; }
.h6em { height:6em; } .h7em { height:7em; } .h8em { height:8em; } .h9em { height:9em; } .h10em { height:10em; }
.h11em { height:11em; } .h12em { height:12em; } .h13em { height:13em; } .h14em { height:14em; } .h15em { height:15em; }
.h16em { height:16em; } .h17em { height:17em; } .h18em { height:18em; } .h19em { height:19em; } .h20em { height:20em; }
.h21em { height:21em; } .h22em { height:22em; } .h23em { height:23em; } .h24em { height:24em; } .h25em { height:25em; }
.h26em { height:26em; } .h27em { height:27em; } .h28em { height:28em; } .h29em { height:29em; } .h30em { height:30em; }
.h31em { height:31em; } .h32em { height:32em; } .h33em { height:33em; } .h34em { height:34em; } .h35em { height:35em; }
.h36em { height:36em; } .h37em { height:37em; } .h38em { height:38em; } .h39em { height:39em; } .h40em { height:40em; }
.h41em { height:41em; } .h42em { height:42em; } .h43em { height:43em; } .h44em { height:44em; } .h45em { height:45em; }
.h46em { height:46em; } .h47em { height:47em; } .h48em { height:48em; } .h49em { height:49em; } .h50em { height:50em; }

.lh0 { line-height:0; } .lh1 { line-height:1; } .lh2 { line-height:2; } .lh3 { line-height:3; } .lh4 { line-height:4; }


/* Form
------------------------------------------------------------------*/

/*■重複チェック★*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}

input,textarea{
	text-align: left;
	/*vertical-align: top;*/
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled]{
	cursor: default;
}
input[type="checkbox"],input[type="radio"]{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}

label { white-space:nowrap; display:inline-block; cursor:pointer; }
fieldset, iframe { border:none; }

label { margin-right:6px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.text { height:1.6em; line-height:1.6em; padding-left:4px; padding-right:4px; }
textarea { padding:3px; }



/*-------------------------------------------------- */
/* Responsive
-------------------------------------------------- */






/* グリッド */
.grid { position:relative; width:100%; }
.grid .g1, .grid .g2, .grid .g3, .grid .g4, .grid .g5, .grid .g6,
.grid .g7, .grid .g8, .grid .g9, .grid .g10, .grid .g11, .grid .g12, .d5, .d7
{ position:relative; float:left; margin-left:2.11538% !important; }
.grid .g1 { width:6.39423%; }
.grid .g2 { width:14.90385%; }
.grid .g3 { width:23.41346%; }
.grid .g4 { width:31.92308%; }
.grid .g5 { width:40.43269%; }
.grid .g6 { width:48.94231%; }
.grid .g7 { width:57.45192%; }
.grid .g8 { width:65.96154%; }
.grid .g9 { width:74.47115%; }
.grid .g10 { width:82.98077%; }
.grid .g11 { width:91.49038%; }
.grid .g12 { width:100%; margin-left:0 !important; clear:left;  }
.grid .d5 { width:18.30769%; }
.grid .d7 { width:13.07692%; }
.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.g4_g3 { padding-left:12.76442%; }

.grid .push1 { margin-left:8.50961% !important; }
.grid .push2 { margin-left:17.01923% !important; }
.grid .push3 { margin-left:25.52884% !important; }
.grid .push4 { margin-left:34.03846% !important; }
.grid .push5 { margin-left:42.54807% !important; }
.grid .push6 { margin-left:51.05769% !important; }
.grid .push7 { margin-left:59.5673% !important; }
.grid .push8 { margin-left:68.07692% !important; }
.grid .push9 { margin-left:76.58653% !important; }
.grid .push10 { margin-left:85.09615% !important; }
.grid .push11 { margin-left:93.60576% !important; }


/* Column
------------------------------------------------------------------*/
/* 5column */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    box-sizing: border-box;
}
.col-xs-15 {
    width: 20%;
    float: left;
    box-sizing: border-box;
}
.col-half {
    width: 500px;
    display: inline;
    margin-right: 10%;
}


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

/* TEXT
------------------------------------------------------------------*/
/* p */
p.comment { 
	border: 1px solid #c0c0c0;
	min-height: 4em; 
}

/* color */
.c00{
	color: #ffffff !important; /*white*/
}
.c01{
	color: #e42a2a !important; /*red*/
}
.c02{
	color: #ed6c00 !important; /*orange*/
}
.c03{
	color: #808080 !important; /*light gray*/
}
.c04{
	color:#f4a200 !important; /*yellow*/
}
.c05{
	color:#8b70af !important; /*purple*/
}
.c06{
	color:#e85a95 !important; /*pink*/
}
.c07{
	color:#072747 !important; /*blue*/
}
.c08{
	color:#2aa5e4 !important; /*light blue*/
}
.c09{
	color:#63b736!important; /*light green*/
}
.c10{
	color:#7C7C7C!important; /*light glay*/
}
.c4 {color: #444;}

.c11 {color: #003559!important; /*clara color*/
} 
.c12 {color: #A372B0!important; /*パープル*/
}
.c13 {color: #F5458E!important; /*ピンク*/
}
.c14 {color: #E52929!important; /*赤*/
}
.c15 {color: #2AA5E4!important; /*水色*/
}
.c16 {color: #63B736!important; /*緑*/
}




/* background
------------------------------------------------------------------*/
.border_b {
	border-bottom:1px solid #cccccc;
	padding-bottom:20px;
	margin-bottom:20px;
}

/* background
------------------------------------------------------------------*/
.bg01{
	background-color:#f3e9e7;
}
.bg_white { background: #fff; }


/* UL, OL, DL
------------------------------------------------------------------*/
ul.disc li,
ol.disc li{
	list-style-type: disc;
	margin:15px 35px;
}

ul.decimal li,
ol.decimal li{
	list-style-type: decimal;
	margin:15px 35px;
}


/* dl.type01 横並び*/
dl.type01 dt{
	float:left;
	clear:both;
	width:80px;
}
dl.type01 dd{
	margin-left : 80px;
}
/* dl type02 */
dl.type02 dt{
	float:left;
	clear:both;
	width:200px;
	line-height: 1.4;
}
dl.type02 dd{
	margin-left : 230px;
	line-height: 1.4;
}


/* Table
------------------------------------------------------------------*/
/* type */
table.type01 td,
table.type02 td,
table.type03 td,
table.type04 td,
table.type05 td{

}

/* type01 */
table.type01{
	width:100%;
	border:1px solid #ccc;
	margin:0 0 15px 0;
}
table.type01 caption{
	font-weight:bold;
}
table.type01 th,
table.type01 td{
	padding:10px 15px;
	border:1px solid #ccc;
}
table.type01 thead{
}
table.type01 tbody{
}
table.type01 tfoot{
}
table.type01 thead th{
	background-color:#cccccc;
	color:#ffffff;
}
table.type01 tbody tr.aC th,
table.type01 tbody tr.aC td{
	text-align: center;
}
table.type01 tbody th{
	background-color: #fff;
	font-weight:bold;
}
table.type01 tbody td{
	background-color: #fff;
}

/* type02 */
table.type02{
	width:100%;
	border:1px solid #ccc;
	margin:0 0 15px 0;
}
table.type02 caption{
	font-weight:bold;
}
table.type02 th,
table.type02 td{
	padding:10px 15px;
	border:1px solid #ccc;
}

table.type02 th.gray{
	background-color:#cccccc;
	color:#ffffff;
}
table.type02 tr.aC th,
table.type02 tr.aC td{
	text-align: center;
}
table.type02 th{
	background-color: #fff;
	font-weight:bold;
}
table.type02 td{
	background-color: #fff;
}
table.type02 th.bdwhite {
	border-bottom: 1px solid #fff;
}
table.type02 th.brwhite {
	border-right: 1px solid #fff;
}

/* type03 */
table.type03{
	width:100%;
	border:none;
	margin:0 0 15px 0;
}
table.type03 caption{
	font-weight:bold;
}
table.type03 th,
table.type03 td{
	padding:10px 15px;
	border-bottom:1px solid #ccc;
}
table.type03 tr.aC th,
table.type03 tr.aC td{
	text-align: center;
}
table.type03 th{
	background-color: #fff;
	font-weight:bold;
}
table.type03 td{
	background-color: #fff;
}
table.type03 .bNone {
	border-bottom:none;
}
table.aC th,
table.aC td {
	vertical-align: middle;
	text-align: center;
}
table.aC tr:nth-child(even) td {
	background: #fcfcfc;
}

/* Form	
------------------------------------------------------------------*/

form table tr.error th{
	background-color: #f0b2ba;
}
form table tr.error td{
	background-color: #ffedf0;
}
form table tr.error .attention{
	color: #dc5f5f;
	font-weight: bold;
	margin: 3px 0 0 0;
}


/* button01 */
.button01{
	display:inline-block;
	color: #000;
	padding: 10px 20px;
	border: 1px solid #ccc;
	cursor: pointer;
	min-width:90px;
	text-align:center;
}
.button01:hover{
	border: 1px solid #f4a300;
}
.button02{
	display:inline-block;
	color: #000;
	padding: 10px 20px;
	border: 1px solid #ccc;
	cursor: pointer;
	min-width:90px;
	text-align:center;
}
.button02:hover{
	border: 1px solid #f4a300;
}
a.button01{
	color: #000;
	text-decoration: none;
}
a.button01:hover{
	color: #000;
	text-decoration: none;

}
a.button02{
	color: #000;
	text-decoration: none;
}
a.button02:hover{
	color: #000;
	text-decoration: none;

}
a span.button01{
	text-decoration: none !important;	
}
li.button01 a {
	display:inline-block;
	color: #000;
	padding: 10px 20px;
	border: 1px solid #ccc;
	cursor: pointer;
	min-width:90px;
	text-align:center;
}
li.button01 a:hover{
	border: 1px solid #f4a300;
	text-decoration:none;
}

/* button03 */
.button03 {
	margin: 30px auto 70px;
	position: relative;
}
.button03 a {
	display: inline-block;
	background-color: #072747;
	color: #fff;
	padding: 20px 20px 20px 40px;
	width: 300px;
	border: none;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	background-image: url(../img/ico_plane.png);
	background-repeat: no-repeat;
	background-size: 24px 19px;
	background-position: 80px 20px;
}
.button03 a:hover{
	opacity: 0.8;
	color: #fff;
	text-decoration: none;
}

/* button05 */
.button05 {
	display:inline-block;
}
.button05 a {
	display:inline-block;
	color: #000;
	background: #fff;
	padding: 10px 20px;
	border: 1px solid #ccc;
	cursor: pointer;
	min-width:90px;
	text-align:center;
}
.button05 a:hover{
	border: 1px solid #f4a300;
	text-decoration: none;
}


/* errorArea */
.errorArea{
	border: 3px solid #ebdedf;
	background: url(../img/ico/ico_error01.png) no-repeat 10px center;
	margin:10px 0;
}
.errorArea ul{
	margin:10px 15px 5px 60px;
}
.errorArea li{
	list-style-type: disc;
	margin: 0 0 0px 0;
	color: #842c37;
}


/* icon
------------------------------------------------------------------*/
.ico-play{

}
.icn01 {
	background: url(../img/icn01.png) no-repeat;
	background-size: 22px;
	padding: 0 0 5px 30px;
	background-position: left top;
	margin-top: 2px;
}

/* separate
------------------------------------------------------------------*/
.separate{
	max-width: 980px;
	margin-left:auto;
	margin-right:auto;
}
.separate:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .separate {zoom: 1;}
*:first-child+html .separate {zoom: 1;}
.separateInner{
    overflow: hidden;
    _zoom: 1;	
}


/* col02 */
.separate.col02 .separateInner{
	max-width: 1012px;
	margin-right: -32px;
}
.separate.col02 .col{
	max-width:474px;
	float: left;
	display: inline;
	margin-right:32px;
}

/* col03 */
.separate.col03 .separateInner{
	max-width: 1010px;
	margin-right: -30px;
}
.separate.col03 .col{
	max-width:306px;
	float: left;
	display: inline;
	margin-right:30px;
}

/* col04 */
.separate.col04 .separateInner{
	max-width: 740px;
	margin-right: -15px;
}
.separate.col04 .col{
	max-width:170px;
	float: left;
	display: inline;
	margin:0 15px 0 0;
}


/* col05 */
.separate.col05 .separateInner{
	max-width: 735px;
	margin-right: -10px;
}
.separate.col05 .col{
	max-width:137px;
	float: left;
	display: inline;
	margin:0 10px 0 0;
}

/* column */
.separate.column04 .separateInner{
	max-width: 1000px;
	margin-right: -20px;
}
.separate.column04 .col{
	max-width: 230px;
	float: left;
	display: inline;
	margin-right: 20px;
}



/* CONTACT FORM 7
------------------------------------------------------------------*/

.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}