@charset"UTF-8"  ;


/* リンク
----------------------------------------------- */
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[href^="tel:"]	{color:#000000 ; text-decoration:none ;}
/*
a[href$=".pdf"]		{background:url("img/co/mk02.png") no-repeat left center ; padding-left:18px ;}
a[target="_blank"]	{background:url("img/co/mk01.png") no-repeat right center ; padding-right:14px ;}
*/


/* スパン
----------------------------------------------- */
.s1	{font-weight:bold ;}/*太字(ポイント)*/
.s2	{color:#cc0000 ;}/*赤色*/
.s3	{color:#ee3800 ;}/*オレンジ*/
.s4	{color:#2095c5 ;}/*ホムペに合わせて決める*/
.s5	{background:#fefd9b ;}/*黄色塗り(重要な事実)*/
.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 ; border:1px #999999 solid ; padding:0 0.2em ; margin-right:0.2em ;}/*番号シンプル*/
.s81{font-size:0.85em ; color:#ffffff ; font-weight:normal ; background:#0670ba ; 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 ;}/*任意*/
.uchikeshi{text-decoration:line-through ;}

/* フォント
----------------------------------------------- */
.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 ;}

.ft_blue{text-shadow:5px 5px 5px #0670ba,-5px -5px 5px #0670ba,-5px 5px 5px #0670ba,5px -5px 5px #0670ba,0 5px 5px #0670ba,0 -5px 5px #0670ba,-5px 0 5px #0670ba,5px 0 5px #000 ;}


/* グラデーション
----------------------------------------------- */
.grd_b1{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_w1{box-shadow:0 15px 12px -10px rgba(255,255,255,0.9) inset,0 -15px 12px -10px rgba(255,255,255,0.9) inset ;}/*上下内白*/


/* 模様
----------------------------------------------- */
.moyo0{background:url("img/co/moyo/0.gif") repeat left center ;}
.moyo1{background:url("img/co/moyo/1.gif") repeat left center ;}
.moyo2{background:url("img/co/moyo/2.gif") repeat left center ;}
.moyo3{background:url("img/co/moyo/3.gif") repeat left center ;}
.moyo4{background:url("img/co/moyo/4.gif") repeat left center ;}
.moyo5{background:url("img/co/moyo/5.gif") repeat left center ;}
.moyo6{background:url("img/co/moyo/6.gif") repeat left center ;}
.moyo7{background:url("img/co/moyo/7.gif") repeat left center ;}
.moyo8{background:url("img/co/moyo/8.gif") repeat left center ;}
.moyo9{background:url("img/co/moyo/9.gif") 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) ;}
/*青*/
.bk_bl70{background:rgba(6,112,186,0.7) ;}

 
/* クリア、高さ
----------------------------------------------- */
.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 ;}

/* マージン
----------------------------------------------- */
.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 ;}
.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 ;}


/* 寄せ
----------------------------------------------- */
.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 ;}




/* -----------------------------------------------
-----------------------------------------------
■■未使用■■
-----------------------------------------------
----------------------------------------------- */





/* 点滅(blink)
----------------------------------------------- */
@-webkit-keyframes pulse {
 from {opacity: 1.0;/*透明度100%*/}
 to {opacity: 0.6;/*透明度60%*/}
}
.bli1{
-webkit-animation-name: pulse;
-webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}






/* スクロール
----------------------------------------------- */
/*
<p class="scroll_s1"><span>XXXXXXXXXX</span></p>
*/
.scroll_s1 {overflow:hidden ;}
.scroll_s1 span{display:inline-block ; padding-left:100% ; white-space:nowrap ; line-height:1em ;
animation:scrollAnime_s1 10s linear infinite;
}
@keyframes scrollAnime_s1{
  0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}


/* ボタン
----------------------------------------------- */

.bt_cl{font-size:3em ; line-height:1 ; color:#000000 ;}
.bt_cl a{width:1.5em ; height:1.4em ; display:inline-block ;background:#ffffff ; padding:0 0.2em ; padding-bottom:0.1em ; text-align: center ; vertical-align:top ; border:5px #0000cc solid ; box-sizing:border-box ; margin:10px ;}
a.btn1	{display:inline-block ; font-size:1.5em ; line-height:1.2 ; color:#ffffff ; text-decoration:none ; background:#709d42 ; padding:0.7em 1em ; text-align:center ;}
a.btn1:hover{background:#9fc874 ;}
a.btn2	{display:inline-block ; font-size:1.5em ; line-height:1.2 ; color:#ffffff ; text-decoration:none ; background:#da7328 ; padding:0.7em 1em ; text-align:center ;}
a.btn2:hover{background:#e7975d ;}


/* リンク
----------------------------------------------- */
a.a1{display:block ; text-decoration:none ; background:#c2e6ed ; border:1px #6cc3d4 solid ; padding:0.5em 1em ;}
a.a1:hover	{color:#ffffff ; text-decoration:none ; background:#0f5efe ;}
a.a2	{font-size:1.3em ; line-height:1.1 ; color:#ffffff ; text-decoration:none ; display:block ; border:2px #cd4b4b solid ; padding:0.5em ; text-align:center ;
background:#cc0000 ;
background:-webkit-linear-gradient(top,#ff0000,#aa0000);
background:-moz-linear-gradient(top,#ff0000,#aa0000);
background:-ms-linear-gradient(top,#ff0000,#aa0000);
background:-o-linear-gradient(top,#ff0000,#aa0000);
background:linear-gradient(to bottom,#ff0000,#aa0000);
text-shadow:0 -1px 0 #000000,0 0 5px #000000 ;
}
a.a2:hover{text-decoration:none ;
background:-webkit-linear-gradient(top,#fc6161,#ff0000);
background:-moz-linear-gradient(top,#fc6161,#ff0000);
background:-ms-linear-gradient(top,#fc6161,#ff0000);
background:-o-linear-gradient(top,#fc6161,#ff0000);
background:linear-gradient(to bottom,#fc6161,#ff0000);
}



/* ライン
----------------------------------------------- */
.l01{height:1px ; border-bottom:1px #6bb2cf solid ; margin:5px 0 ;}
