@charset"UTF-8"  ;

/*基本的に変更しない情報*/

/*リセット
###################################################################################### */
body,div,ul,ol,li,h1,h2,h3,h4,h5,form,input,textarea,p,table,th,td{padding:0 ; margin:0 ;}
html{font-size:62.5% ; overflow-y:scroll ;}
h1,h2,h3,h4,h5{font-size:100% ; font-weight:normal ;}
ol,ul{list-style:none ;}
img{border:0 ; vertical-align:bottom ; box-sizing:border-box ;}
table{border-collapse:collapse ; border-spacing:0 ;}
div,p,td,th{text-align:left ;}
input,textarea,select,pre{font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,"Droid Font" ;}
body{font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,"Droid Font" ; text-align:left ; z-index:0 ;}



/* リンク
###################################################################################### */
a.linknone{background:none ; padding:0 ;}
a.linkblank{background:url("img/co/mk01.png") no-repeat right center ; padding-right:14px ;}
a.linkpdf{background:url("img/co/mk02.png") no-repeat left center ; padding-left:18px ;}
a.linkyoutube{background:url("img/co/mk03.png") no-repeat right ; background-size:1.2em ; padding-right:1.5em ;}



/* スパン
###################################################################################### */
.s1{font-weight:bold ;}/*太字(ポイント)*/
.s2{color:#ff3333 ;}/*赤色*/
.s3{color:#f97b15 ;}/*オレンジ*/
.s4{color:#f5fd1f ;}/*黄色、ホムペに合わせて決める*/
.s5{background:#5a3b09 ;}/*オレンジ(重要な事実)*/
.s6{text-decoration:underline ;}/*下線*/
.s7{font-size:0.85em ;}/*縮小*/
.s8{font-size:1.2em ;}/*拡大1.2倍*/
.s9{font-size:1.4em ;}/*拡大1.4倍*/
.s51{font-size:0.85em ; font-weight:normal ; background:#ffffff ; border:1px #999999 solid ; padding:0 0.5em ; margin-right:0.2em ;}/*番号シンプル*/
.s52{font-size:0.85em ; font-weight:normal ; color:#ffffff ; background:#000026 ; border:1px #4d527e solid ; padding:0 0.5em ; margin-right:0.5em ;}/*番号青*/
.s81{font-size:0.85em ; color:#ffffff ; font-weight:normal ; background:#139416 ; border:1px #69d36c solid ; padding:0 0.3em ;}/*必須*/
.s82{font-size:0.85em ; color:#ffffff ; font-weight:normal ; background:#666666 ; border:1px #aaaaaa solid ; padding:0 0.3em ;}/*任意*/
.s83{font-size:0.85em ; color:#ffffff ; font-weight:normal ; background:#ea5947 ; border:1px #f5aca3 solid ; padding:0 0.3em ;}/*オレンジ*/
.uchikeshi{text-decoration:line-through ;}
/*NEWマーク*/
/*<span class="newmark gf14 blinew">NEW</span>*/
.newmark{display:inline-block ; font-size:0.75em ; line-height:1.1 ; color:#f8f01d ; transform:rotate(-10deg) ; text-shadow:0 0 3px rgba(0,0,0,0.7),0 0 5px rgba(0,0,0,0.7) ; margin:0.2em ;}
@-webkit-keyframes pulse9 {from {opacity:1.0;}to{opacity:0;}}
.blinew{-webkit-animation-name:pulse9;-webkit-animation-duration:0.6s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction:alternate;-webkit-animation-delay:0s;}


/* フォント
###################################################################################### */
.f01{font-size:1.5em ; line-height:1.8 ;}
.f02{font-size:1.5em ; line-height:1.5 ;}
.f03{font-size:1.5em ; line-height:1.3 ;}
.f04{font-size:1.4em ; line-height:1.5 ;}
.f05{font-size:1.4em ; line-height:1.3 ;}
.f06{font-size:1.3em ; line-height:1.5 ;}
.f07{font-size:1.3em ; line-height:1.3 ;}
.f08{font-size:1.2em ; line-height:1.5 ;}
.f09{font-size:1.2em ; line-height:1.3 ;}
.ind{text-indent:-1em ; padding-left:1em ;}


/* Googleフォント
###################################################################################### */
.gf11{font-family: 'Noto Sans JP', sans-serif; font-weight:100 ;}/*ゴシック*/
.gf12{font-family: 'Noto Sans JP', sans-serif; font-weight:300 ;}
.gf13{font-family: 'Noto Sans JP', sans-serif; font-weight:400 ;}
.gf14{font-family: 'Noto Sans JP', sans-serif; font-weight:500 ;}
.gf15{font-family: 'Noto Sans JP', sans-serif; font-weight:700 ;}
.gf16{font-family: 'Noto Sans JP', sans-serif; font-weight:900 ;}
.gf21{font-family: 'M PLUS 1p', sans-serif; font-weight:100 ;}/*ゴシック*/
.gf22{font-family: 'M PLUS 1p', sans-serif; font-weight:300 ;}
.gf23{font-family: 'M PLUS 1p', sans-serif; font-weight:400 ;}
.gf24{font-family: 'M PLUS 1p', sans-serif; font-weight:500 ;}
.gf25{font-family: 'M PLUS 1p', sans-serif; font-weight:700 ;}
.gf26{font-family: 'M PLUS 1p', sans-serif; font-weight:800 ;}
.gf27{font-family: 'M PLUS 1p', sans-serif; font-weight:900 ;}
.gf31{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:100 ;}/*丸ゴシック*/
.gf32{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:300 ;}
.gf33{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:400 ;}
.gf34{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500 ;}
.gf35{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:700 ;}
.gf36{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:800 ;}
.gf37{font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:900 ;}
.gf41{font-family: 'Noto Serif JP', sans-serif; font-weight:200 ;}/*明朝*/
.gf42{font-family: 'Noto Serif JP', sans-serif; font-weight:300 ;}
.gf43{font-family: 'Noto Serif JP', sans-serif; font-weight:400 ;}
.gf44{font-family: 'Noto Serif JP', sans-serif; font-weight:500 ;}
.gf45{font-family: 'Noto Serif JP', sans-serif; font-weight:600 ;}
.gf46{font-family: 'Noto Serif JP', sans-serif; font-weight:700 ;}
.gf47{font-family: 'Noto Serif JP', sans-serif; font-weight:900 ;}

/* 縁取り
###################################################################################### */
.ft_w1{text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff ;}
.ft_w2{text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff ;}
.ft_w3{text-shadow:5px 5px 5px #fff,-5px -5px 5px #fff,-5px 5px 5px #fff,5px -5px 5px #fff,0 5px 5px #fff,0 -5px 5px #fff,-5px 0 5px #fff,5px 0 5px #fff ;}
.ft_b1{text-shadow:1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,0 1px 0 #000,0 -1px 0 #000,-1px 0 0 #000,1px 0 0 #000 ;}
.ft_b2{text-shadow:2px 2px 0 #000,-2px -2px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,0 2px 0 #000,0 -2px 0 #000,-2px 0 0 #000,2px 0 0 #000 ;}
.ft_b3{text-shadow:5px 5px 5px #000,-5px -5px 5px #000,-5px 5px 5px #000,5px -5px 5px #000,0 5px 5px #000,0 -5px 5px #000,-5px 0 5px #000,5px 0 5px #000 ;}


/* グラデーション
###################################################################################### */
.grd_b1in{box-shadow:0 15px 12px -10px rgba(0,0,0,0.9) inset,0 -15px 12px -10px rgba(0,0,0,0.9) inset ;}/*黒内上下*/
.grd_w1in{box-shadow:0 15px 12px -10px rgba(255,255,255,0.9) inset,0 -15px 12px -10px rgba(255,255,255,0.9) inset ;}/*白内上下*/
.grd_c1in{box-shadow:0 15px 12px -10px rgba(0,98,157,0.9) inset,0 -15px 12px -10px rgba(0,98,157,0.9) inset ;}/*色内上下*/
.grd_b1ou{box-shadow:0 15px 12px -10px rgba(0,0,0,0.9),0 -15px 12px -10px rgba(0,0,0,0.9) ;}/*黒外上下*/
.grd_w1ou{box-shadow:0 15px 12px -10px rgba(255,255,255,0.9),0 -15px 12px -10px rgba(255,255,255,0.9) ;}/*白外上下*/
.grd_c1ou{box-shadow:0 15px 12px -10px rgba(0,98,157,0.7),0 -15px 12px -10px rgba(0,98,157,0.7) ;}/*色外上下*/

/* 模様
###################################################################################### */
.moyo1f{background:url("img/co/moyo/1f.png") repeat left center ;}
.moyo2f{background:url("img/co/moyo/2f.png") repeat left center ;}
.moyo3f{background:url("img/co/moyo/3f.png") repeat left center ;}
.moyo4f{background:url("img/co/moyo/4f.png") repeat left center ;}
.moyo1b{background:url("img/co/moyo/1b.png") repeat left center ;}
.moyo2b{background:url("img/co/moyo/2b.png") repeat left center ;}
.moyo3b{background:url("img/co/moyo/3b.png") repeat left center ;}
.moyo4b{background:url("img/co/moyo/4b.png") repeat left center ;}

/* バック
###################################################################################### */
/*白*/
.bk_w10{background:rgba(255,255,255,0.1) ;}
.bk_w20{background:rgba(255,255,255,0.2) ;}
.bk_w30{background:rgba(255,255,255,0.3) ;}
.bk_w40{background:rgba(255,255,255,0.4) ;}
.bk_w50{background:rgba(255,255,255,0.5) ;}
.bk_w60{background:rgba(255,255,255,0.6) ;}
.bk_w70{background:rgba(255,255,255,0.7) ;}
.bk_w80{background:rgba(255,255,255,0.8) ;}
.bk_w90{background:rgba(255,255,255,0.9) ;}
/*黒*/
.bk_b10{background:rgba(0,0,0,0.1) ;}
.bk_b20{background:rgba(0,0,0,0.2) ;}
.bk_b30{background:rgba(0,0,0,0.3) ;}
.bk_b40{background:rgba(0,0,0,0.4) ;}
.bk_b50{background:rgba(0,0,0,0.5) ;}
.bk_b60{background:rgba(0,0,0,0.6) ;}
.bk_b70{background:rgba(0,0,0,0.7) ;}
.bk_b80{background:rgba(0,0,0,0.8) ;}
.bk_b90{background:rgba(0,0,0,0.9) ;}
 
/* クリア、高さ
###################################################################################### */
.clear{clear:both ;}
.h05{height:5px ;}
.h10{height:10px ;}
.h20{height:20px ;}
.h30{height:30px ;}
.h40{height:40px ;}
.h50{height:50px ;}
.h60{height:60px ;}
.h70{height:70px ;}
.h80{height:80px ;}
.h90{height:90px ;}
.h100{height:100px ;}
.h150{height:100px ;}
.h200{height:200px ;}
.h300{height:300px ;}
.h400{height:400px ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
.h05{height:3px ;}
.h10{height:8px ;}
.h20{height:15px ;}
.h30{height:20px ;}
.h40{height:30px ;}
.h50{height:35px ;}
.h60{height:40px ;}
.h70{height:45px ;}
.h80{height:50px ;}
.h90{height:55px ;}
.h100{height:60px ;}
.h150{height:90px ;}
.h200{height:120px ;}
.h300{height:180px ;}
.h400{height:240px ;}
}





/* マージン
###################################################################################### */
.mb00{margin-bottom:0 ;}
.mb01e{margin-bottom:0.1em ;}
.mb02e{margin-bottom:0.2em ;}
.mb03e{margin-bottom:0.3em ;}
.mb04e{margin-bottom:0.4em ;}
.mb05e{margin-bottom:0.5em ;}
.mb06e{margin-bottom:0.6em ;}
.mb07e{margin-bottom:0.7em ;}
.mb08e{margin-bottom:0.8em ;}
.mb09e{margin-bottom:0.9em ;}
.mb10e{margin-bottom:1em ;}
.mb15e{margin-bottom:1.5em ;}
.mb20e{margin-bottom:2em ;}
.mb30e{margin-bottom:3em ;}
.mb40e{margin-bottom:4em ;}
.mb50e{margin-bottom:5em ;}
.mb01p{margin-bottom:1px ;}
.mb02p{margin-bottom:2px ;}
.mb03p{margin-bottom:3px ;}
.mb04p{margin-bottom:4px ;}
.mb05p{margin-bottom:5px ;}
.mb10p{margin-bottom:10px ;}
.mb15p{margin-bottom:15px ;}
.mb20p{margin-bottom:20px ;}
.mb30p{margin-bottom:30px ;}
.mb40p{margin-bottom:40px ;}
.mb50p{margin-bottom:50px ;}
.mb100p{margin-bottom:100px ;}
/*上*/
.mt05e{margin-top:0.5em ;}
.mt10e{margin-top:1em ;}
/*●ｽﾏﾎ●*/@media screen and (max-width:560px){
.mb05e{margin-bottom:0.3em ;}
.mb10e{margin-bottom:0.6em ;}
.mb15e{margin-bottom:0.8em ;}
.mb20e{margin-bottom:1.2em ;}
.mb30e{margin-bottom:1.7em ;}
.mb40e{margin-bottom:2.4em ;}
.mb50e{margin-bottom:2.8em ;}
.mb01p{margin-bottom:1px ;}
.mb02p{margin-bottom:2px ;}
.mb03p{margin-bottom:3px ;}
.mb04p{margin-bottom:4px ;}
.mb05p{margin-bottom:5px ;}
.mb10p{margin-bottom:8px ;}
.mb15p{margin-bottom:10px ;}
.mb20p{margin-bottom:15px ;}
.mb30p{margin-bottom:20px ;}
.mb40p{margin-bottom:30px ;}
.mb50p{margin-bottom:35px ;}
.mb100p{margin-bottom:70px ;}
/*上*/
.mt05e{margin-top:0.3em ;}
.mt10e{margin-top:0.5em ;}
}


/* 寄せ
###################################################################################### */
.ali1{text-align:left ;}
.ali2{text-align:center ;}
.ali3{text-align:right ;}

/* サイズ
###################################################################################### */
.wid02e	{width:2em ;}
.wid03e	{width:3em ;}
.wid04e	{width:4em ;}
.wid05e	{width:5em ;}
.wid06e	{width:6em ;}
.wid08e	{width:8em ;}
.wid10e	{width:10em ;}
.wid12e	{width:12em ;}
.wid15e	{width:15em ;}
.wid20e	{width:20em ;}
.wid25e	{width:25em ;}
.wid30e	{width:30em ;}


/* input記入例
###################################################################################### */
::-webkit-input-placeholder{font-weight:normal ; font-size:0.8em ; color:#999999 ;}
:-ms-input-placeholder{font-weight:normal ; font-size:0.8em ; color:#999999 ;}
::-moz-placeholder{font-weight:normal ; font-size:0.8em ; color:#999999 ;}



/*clearfix 回り込み解除、親要素
###################################################################################### */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}