@charset"UTF-8"  ;


/*★スマホ画面の最大は560pxで設定する、画像も560px★*/


/* スマフォ用不要項目の復活
----------------------------------------------- */
.sph	{display:block ;}
.sphin	{display:inline ;}
.spht1,.spht2,.spht3,.spht4,.spht5,.spht6{display:block ;}
#sphna1,#sphna2{display:block ;}





/* スマフォ基本設定
----------------------------------------------- */
/*不要項目の削除*/
.pc		{display:none;}
/*フォントサイズの調整【重要】*/
html,body {-webkit-text-size-adjust:none ;}
/*画像サイズ・iframe調整*/
img,
iframe {max-width:100% ; height:auto ; box-sizing:border-box ;}
/*Safari用ボタン初期化・装飾*/
input[type="submit"]{-webkit-appearance:none ;
background:#cccccc ;
background:-webkit-linear-gradient(top,#eeeeee,#cccccc);/*左側が上の色*/
background:-moz-linear-gradient(top,#eeeeee,#cccccc);
background:-ms-linear-gradient(top,#eeeeee,#cccccc);
background:-o-linear-gradient(top,#eeeeee,#cccccc);
background:linear-gradient(to bottom,#eeeeee,#cccccc);
    box-shadow:1px 1px 2px #E7E7E7;  
}



/*ボディー・リンク設定*/
/*-----------------------------------------------*/
body{font-size:1.2em ; background:#ffffff ;}


/* ページ内枠設定
----------------------------------------------- */
.d01	{width:auto ; margin-left:15px ; margin-right:15px ;}
.d03	{padding:15px 0 ;}/*薄緑back*/
.d05	{padding:15px 0 ;}/*薄茶back*/





/*枠組み*/
/*-----------------------------------------------*/
#wk11		{width:auto ; background:none ; margin:0 ; padding:0 ;}
#wk12		{;}
#wk13		{;}
#wk14		{;}
/*全体*/
#wk21		{width:auto ;}/*右ナビ用*/
#wk22		{;}
/*コンテ*/
#wk31		{width:auto ; float:none ;}/*右ナビ用*/
/*サイド*/
#wk41		{display:none ;}/*右ナビ用*/



/* パソコン設定を消す
----------------------------------------------- */
#he1,#bt1,#bt2,#he6,#he7,#fo2,#fo3{display:none;}


/* 共通部分上書き設定
----------------------------------------------- */
/*コピーライト*/
#fo8		{background:url("img/sph/bk02.jpg") repeat-x center top ; padding-bottom:30px ;}
#fo8 .d11	{width:auto ; margin:0 ;}
#fo8 .f11	{font-size:1.1em ; line-height:1.4 ; font-weight:normal ;padding:2em ; padding-right:5em ; text-align:left ;}
#fo8 .f11 span{font-size:1.2em ; }




/* ヘッダーボタン
----------------------------------------------- */
#sphhe1	{display:block ;}/*ヘッダー*/
/*ボタン1,1段目ホームカートメニュー*/
#sphbt1 	{width:100% ; background:#04190a ; padding:5px 0 ;}
#sphbt1 p	{font-size:0 ; text-align:center ;}
#sphbt1 .i11{width:55% ; max-width:308x ; vertical-align:top ;}/*560px設定10%で56px画像は2倍で作る*/
#sphbt1 .i12{width:15% ; max-width:84px ; vertical-align:top ;}/*560px設定10%で56px画像は2倍で作る*/
#sphbt1me	{cursor:pointer ;}
/*ボタン2,ボタン1のメニューの展開*/
#sphbt2			{position:relative ;}
#sphbt2 .d11	{width:96% ; position:absolute ; top:0 ; left:0 ; z-index:4 ; background:#cbd9c9 ; padding:2% ;}
#sphbt2 .d21	{width:50% ; float:left ;}
#sphbt2 .d22	{width:50% ; float:right ;}
#sphbt2 .d23	{width:100% ;}
#sphbt2 .d21 p a,
#sphbt2 .d22 p a,
#sphbt2 .d23 p a{display:block ; font-size:1.3em ; line-height:1.2 ; color:#1e6913 ; text-decoration:none ; background:#ffffff url("img/sph/mk02.png") no-repeat right center ; padding:1.0em 0.5em ; padding-right:20px ; margin:0 1px ; margin-bottom:2px ;}
#sphbt2	.t11	{font-size:1.1em ; line-height:1.2 ; font-weight:bold ;}
#sphbt2	.p11	{text-align:right ; padding:5px ;}
#sphbt2	.p11 img{width:12% ; max-width:40px ; cursor:pointer ;}
#sphbt2d		{display:none ;}
/*ボタン5,3段目のボタン並び*/
#sphbt5 table{width:100% ; background:#000000 ; }
#sphbt5 td	{width:25% ; border:1px #444444 solid ; box-sizing:border-box ;  text-align:center ;}
#sphbt5 td a{display:block ; font-size:1.2em ; line-height:1.2 ; color:#ffffff ; padding:5px ; text-decoration:none ;}
#sphbt5 td a img{opacity:0.8 ; border-bottom:1px #444444 solid ; margin-bottom:5px ;}
#sphbt5 td a:hover	{background:#333333 ;}
/*下層h1タイトル*/
#sphhe6	{background:#213c11 ; border-bottom:5px #475538 solid ;}
#sphhe6 h1	{width:auto ; height:auto ; font-size:1.8em ; line-height:1.3 ; color:#ffffff ; text-shadow:0 0 5px #000000 ; background:url("img/co/bk02-3.png") no-repeat center right ; padding:20px 10px ;  text-align:right ;}


/* スマホフッター
----------------------------------------------- */
#sphfo1			{display:block ;}
/*ガイド*/
#sphfgd1{background:#d1dace ; padding:10px ;}
#sphfgd1 .t11	{font-size:1.4em ; line-height:1.2 ;}
#sphfgd1 p a{display:block ; font-size:3.0em ; line-height:1.2 ; color:#000000  ; text-decoration:none ; text-align:center ;}
#sphfgd1 p a span{font-size:0.8em ;}
/*ボタン4*/
#sphfbt4	{background:#d1dace url("img/sph/bk01.jpg") no-repeat center bottom ; background-size:100% ; padding:5px ; padding-bottom:100px ;}
#sphfbt4 .d21	{width:100% ;}
#sphfbt4 .d21 p a{display:block ; font-size:1.2em ; line-height:1.2 ; color:#000000 ; text-decoration:none ; background:#ffffff ; border:1px #8ea088 solid ; border-radius:4px ;  padding:0.7em 1em ; margin:0 10px ; margin-bottom:2px ;}
#sphfbt4 .d21 p a span{color:#93a464 ;}
#sphfbt4 p a:hover{color:#ffffff ; background:#649156 ;}






/* ページ共通部分設定
----------------------------------------------- */
/*全体に幅と回り込み無効*/
/*#wk32 div	{width:auto !important; max-width:720px ; float:none !important ; overflow:hidden ;}max-widthはコンテンツサイズに合わせる*/
#wk32 table	{width:100% ;}

/*タイトル*/
.spht1{font-size:2.4em ; line-height:1.2 ; color:#ffffff ; font-weight:bold ; text-shadow:0 0 3px #000000 ; background:#004571 ; padding:0.6em 0.2em ; border-top:8px #336e93 solid ; border-bottom:8px #336e93 solid ; margin-bottom:0.5em ;}/*ページタイトル*/
.spht2{font-size:1.7em ; line-height:1.2 ; color:#ffffff ; background:#007ab2 ; border:2px #7fbcd9 solid ; text-shadow:0 0 4px #000000 ; box-shadow:0 0 5px #666666 ; padding:0.5em 1em ; margin-bottom:0.5em ;}
.spht3{font-size:1.7em ; line-height:1.2 ; color:#ffffff ; font-weight:bold ; border-top:2px #8282e8 solid ; border-bottom:2px #8282e8 solid ; padding:0.5em 1em ; margin-bottom:0.5em ;}
.spht3{
background:#2626bf ;
background:-webkit-linear-gradient(top,#2626fc,#2626bf);/*左側が上の色*/
background:-moz-linear-gradient(top,#2626fc,#2626bf);
background:-ms-linear-gradient(top,#2626fc,#2626bf);
background:-o-linear-gradient(top,#2626fc,#2626bf);
background:linear-gradient(to bottom,#2626fc,#2626bf);}
.spht4{font-size:1.7em ; line-height:1.2 ; color:#ffffff ; font-weight:bold ; background:#000000 ; border:2px #555555 solid ;box-shadow:inset 1px 1px 0 #999999 ; padding:0.5em 1em ; margin-bottom:0.5em ;}
.spht5{font-size:1.7em ; line-height:1.2 ; color:#1c5baa ; font-weight:bold ; background:#eeeeee ; border:1px #3e7cca solid ; border-bottom:3px #3e7cca solid ; padding:0.5em 1em ; margin-bottom:0.5em ;}
.spht6	{font-size:1.7em ; line-height:1.2 ; color:#1c5baa ; font-weight:bold ; background:#cccccc ; border-bottom:1px #999999 dotted ; padding:0.5em 1em ; margin-bottom:0.5em ;}
.spht6:first-letter	{font-size:1.2em ; line-height:1.0 ; color:#ffffff ; background:#000000 ; border:1px #888888 solid ; padding:0 0.5em ; margin-right:5px ;}
.spht7	{font-size:1.7em ; line-height:1.2 ; color:#446D8F ; font-weight:bold ; background:#dddddd ; padding:0.5em 1em ; margin-bottom:0.5em ;}
.spht7 span	{color:#ffffff ; background:#446D8F ; border:1px #9FB0C8 solid ; padding:0 1em ; margin-right:0.5em ;}
/*
<h2 class="spht1">ああああああああ</h2>
<h2 class="spht2">ああああああああ</h2>
<h2 class="spht3">ああああああああ</h2>
<h2 class="spht4">ああああああああ</h2>
<h2 class="spht5">ああああああああ</h2>
<h2 class="spht6">ああああああああ</h2>
<h2 class="spht7"><span>ああああ</span>ああああ</h2>
*/





/* SNSボタン
----------------------------------------------- */
.snsbtn p	{margin:3px ;}
.snsbtn p img{width:28px ;}