@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : common.css
 Author     : 
 Style Info : 共通css設定
=================================================================== */

/* ----------------------- Browser Default Initialization */

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html{ overflow-y: scroll; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, textarea{ margin: 0; padding: 0; }
ul{ list-style:none; }
table{ border-collapse: collapse; border-spacing:0; }
caption, th{ text-align:left; }
a:focus { outline:none; }
li img { vertical-align:top; }
img { vertical-align:bottom; }

/*--float--*/
.fL { width:473px; float:left; }
.fR { width:473px; float:right;}
.fR img{ margin-left:auto;}

/*--clearfix--*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height:1px; }
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/*--clear--*/
.clear { clear:both; }

/* ----------------------- Basic Style */

body { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif; font-size:16px; line-height:150%; letter-spacing:normal; color:#4b4a4a; -webkit-text-size-adjust: 100%; }
html>/**/body { font-size: 16px; }
* + html body { font-family: "メイリオ","Meiryo"; }

a.mo01 img { opacity:1; transition:all 0.3s ease; }
a:hover.mo01 img { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
a { text-decoration:none; color:#555; }
a:hover { color:#43a8e7; }
/*a:visited { color:#808080; }*/

#wrapper { width:100%; min-width:960px; position:relative; padding-bottom: 20px; }
#container { width:960px; margin: 0 auto;}

.sp, .smp320{display: none;}
.lnk{margin-top: -80px; padding-top: 80px;}

/* ロールオーバー */
.ro01:hover { opacity:.7; -webkit-opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }
.ro01 { -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -ms-transition:opacity 0.3s; transition:opacity 0.3s; }


/*---------------------------------------------
共通ヘッダー
---------------------------------------------*/
#gHeader{width: 100%; margin-bottom: 20px; line-height: 1.2;}
#gHeader .hTtl{width: 100%; background: #f3f3f3; padding: 2px;}
#gHeader h1{width: 940px; margin: 0 auto; font-size: 12px; text-align: right;}
#gHeader .header_inner{width: 960px; margin: 0 auto;}
#gHeader .rogo{float: left; padding: 10px 20px;}
#gHeader .inquiry{float: right; border: solid 10px #e8f6ff; padding: 5px 10px;}
#gHeader .inquiry div{float: left;}
#gHeader .inq_1{margin-top: 20px;}
#gHeader .inq_1 img{height: 23px;}
#gHeader .inq_2{margin: 0 10px; font-size: 12px;}
#gHeader .inq_2 img{vertical-align: middle; margin-left: 10px;}
#gHeader .inq_2 .tel{font-size: 31px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; letter-spacing: 1px;}
#gHeader .inq_3{margin-top: 25px;}
#gHeader .inq_3 a{background: #77d772; font-size: 18px; font-weight: bold; color: #fff; padding: 15px 10px; border-radius: 15px;}
#gHeader .inq_3 a:hover{background: #94e68f;}

/*　グロナビ　*/
#gNav, #gNav * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#gNav { position:relative; z-index:9999; width:100%; min-width:960px; height:52px; line-height:1.4; background: #7ac5f4;}
#gNav .gMenu { width:960px; margin:0 auto; }
#gNav .gMenu li a { display:block; color:#fff; }
#gNav .gMenu li a:hover { text-decoration:none; }

#gNav .gMenu > li { float:left; /*(li×6)width:150px;*/ width:180px; height:52px; border-right:1px solid #a0cfec; font-size:16px; text-align:center;}
#gNav .gMenu > li.frst {width: 60px; border-left:1px solid #a0cfec; }
#gNav .gMenu > li > a { height:52px; padding:16px 0 0 0; }
#gNav .gMenu > li > a.ln2 { padding:5px 0 0 0; }
#gNav .gMenu > li:hover { background:#91cff6;}
#gNav .gMenu .menu_2nd { visibility:hidden; opacity:0; z-index:1; position:absolute; top:40px; width: 100%; /*width:240px !important;*/ background:#91cff6; text-align:left; line-height:1.5; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
#gNav .gMenu .menu_2nd li { border-top:1px solid #deeffa; font-size:14px; font-weight:bold; letter-spacing: 0;}
#gNav .gMenu .menu_2nd li a { padding:8px 10px; }
#gNav .gMenu .menu_2nd li a:hover { background:#7ac5f4; }
#gNav .gMenu:before, #gNav .gMenu:after { content:" "; display:table; }
#gNav .gMenu:after { clear:both; }
#gNav .gMenu { *zoom:1; }
#gNav .gMenu > .menu_1st { position:relative; }
#gNav .gMenu .menu_1st:hover .menu_2nd { top:52px; visibility:visible; opacity:1; }

#top #gNav .gMenu>li:first-of-type{background-color:#3ba5e8;}
#encyclopedia #gNav .gMenu>li:nth-of-type(2){background-color:#3ba5e8;}
#news #gNav .gMenu>li:nth-of-type(3){background-color:#3ba5e8;}
#report #gNav .gMenu>li:nth-of-type(4){background-color:#3ba5e8;}
#faq #gNav .gMenu>li:nth-of-type(5){background-color:#3ba5e8;}
#lineup #gNav .gMenu>li:nth-of-type(6){background-color:#3ba5e8;}
#company #gNav .gMenu>li:nth-of-type(7){background-color:#3ba5e8;}

#gNav.fixed {position: fixed; top: 0; left: 0;  width: 100%; z-index: 1000;}

/* パンくず　*/
.brd{margin-bottom: 30px;}
.brd li{float: left; font-size: 13px;}
.brd li:after{content: "＞"}
.brd li:last-child{color: #16339e;}
.brd li:last-child:after{content: ""}

/*---------------------------------------------
共通フッター
---------------------------------------------*/
#gFooter { width:100%; min-width:960px; background: #f3f3f3; clear: both;}
#gFooter .footer_inner{width: 960px; margin: 0 auto; padding: 20px 0;}
#gFooter .copy{text-align: center; padding: 10px; font-size: 13px;}

/*---------------------------------------------
サイドメニュー
---------------------------------------------*/
.s_menu{width: 190px; float: right; }
.s_menu h6{text-align: center; font-size: 15px; line-height: 30px; color: #fff; background: #7ac5f4; border-radius: 15px 15px 0 0; border-bottom: double 6px; margin-bottom: 3px;}
.s_menu p{background: #7ac5f4; font-size: 15px; }
.s_menu p a{color: #fff; display: block; padding: 5px 10px;}
.s_menu p a:hover{background:#91cff6;}
.s_menu ul{margin-bottom: 5px; font-size: 13px; }
.s_menu ul li{border-bottom: dashed 1px #72b0d7;}
.s_menu ul li:last-of-type{border: none;}
.s_menu ul li a{width: 170px; display: block; background: #e8f6ff; padding: 10px; margin: 3px 0;}
.s_menu ul li a:hover{background: #eff9ff;}
.s_menu .active a{background:#fef1e5; color:#f97396;}
.s_menu .active a:hover{background: #fdf6f0;}

/*---------------------------------------------
共通パーツ
---------------------------------------------*/
.sp, .smp_header, .smp_footer, .smp{display: none;}

.main{width: 750px; float: left;}
.ttl_img{margin-bottom: 30px;}
.cnt_box{width: 700px; margin: 0 auto;}
section{margin-bottom: 40px;}
.menu_box{border: solid 1px #aaaaaa; margin-top: 30px;}
.cnt_list{width: 620px; margin: 15px auto 30px; font-size: 16px;}
.cnt_list li{margin-bottom: 5px;}
.cnt_list li span{display: inline-block; width: 30px;}
.cnt_list li a:hover{color: #f97396;}

.ps_next{text-align: center; }
.ps_next a span{background: #43a8e7; color: #fff; font-weight: bold; padding: 0 7px; margin-right: 5px;}
.ps_next a img{height: 14px; vertical-align: -1px; margin-left: 5px;}
.ps_next a:hover{color: #6abcef;}
.ps_next a:hover span{background: #6abcef;}

/* 共通タイトル */
.ttl01{height: 74px; font-size: 24px; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #72b0d7; background: url("../img/common/ttl01_bk.jpg") no-repeat; padding: 30px 50px 0; letter-spacing: 1px;}
.ttl_sub{background: #fef1e5 url("../img/common/bk_line01.png"); margin-top: -28px; padding: 10px 20px; border-radius: 0 0 15px 15px;}
.ttl_sub p{font-weight: bold; font-size: 18px; color: #f97396; line-height: 1.5;}
.ttl02 {margin: 30px 0 20px; font-size: 20px; font-weight: bold; color: #f97396; border-bottom: solid 1px #f97396; padding-bottom: 3px;}
.ttl02 .num{font-size: 24px; color: #fff; font-weight: bold; background:#f97396; display: inline-block; width: 30px; height: 24px; text-align: center; padding: 3px 0 3px; margin-right: 5px;}
.ttl02 .num2{font-size: 22px; color: #fff; font-weight: bold; background:#f97396; display: inline-block; width: 36px; height: 24px; text-align: center; padding: 3px 0 2px; margin-right: 5px; letter-spacing: -1px;}
.ttl_sub2{font-size: 14px; margin-left: 20px;}
.ttl02+.ttl03{margin-top: 20px;}
.ttl03{background: #fef1e5 url("../img/common/bk_line01.png"); padding: 5px 10px; font-weight: bold; font-size: 18px; color: #f97396; line-height: 1.5; margin: 30px 0 20px;}
.ttl04{font-weight: bold; font-size: 18px; color: #f97396; border-left: solid 7px #f97396; border-bottom: solid 1px #f97396; padding: 2px 5px; margin-bottom: 20px;}
.ttl05{text-align: center; font-size: 30px; font-weight: bold; color: #43a8e7; padding: 30px 0 10px; border-bottom: solid 3px #43a8e7; margin-bottom: 30px;}
.ttl06{line-height:40px; background: url("../img/common/ttl02_bk.png") no-repeat; font-size: 18px; font-weight: bold; color: #f97396; padding-left: 30px;}
.ttl06 a{font-weight: bold; color: #f97396;}
.ttl06 a:hover{color: #fbbbbc;}
.ttl07{font-size: 20px; font-weight: bold; color: #43a8e7; border-bottom: solid 1px #43a8e7; padding-bottom: 3px;}
.ttl07 .num{font-size: 24px; color: #fff; font-weight: bold; background:#43a8e7; display: inline-block; width: 30px; height: 24px; text-align: center; padding: 3px 0 3px; margin-right: 5px;}
.ttl07 .num2{font-size: 22px; color: #fff; font-weight: bold; background:#43a8e7; display: inline-block; width: 36px; height: 24px; text-align: center; padding: 3px 0 2px; margin-right: 5px; letter-spacing: -1px;}

.bltxt{font-weight: bold; font-size: 16px; color: #43a8e7;}
.pnktxt{font-weight: bold; font-size: 16px; color: #f97396;}

/* 共通リンクボタン */
.btn01{display: block; background: #ff9d9f; text-align: center; font-weight: bold; font-size: 18px; color: #fff; padding: 10px 0; border-radius: 10px; box-shadow: 1px 1px 0 #b7bbbe;}
.btn01:hover{background: #fbbbbc; color: #fff;}
.btn02{display: block; background: #7ac5f4; text-align: center; font-weight: bold; font-size: 18px; color: #fff; padding: 10px 0; border-radius: 10px; box-shadow: 1px 1px 0 #b7bbbe;}
.btn02:hover{background: #91cff6; color: #fff;}

/* Back to top button */
#back-top {position: fixed; bottom: 70px; right: 120px; z-index: 99;}
#back-top a {width: 52px; height: 52px; display: block;	opacity: 0.7;}
#back-top a:hover {opacity: 1;}

/* margin */
.mT00{margin-top:0 !important;} .mT05{margin-top:5px !important;} .mT10{margin-top:10px !important;} .mT15{margin-top:15px !important;} .mT20{margin-top:20px !important;} .mT25{margin-top:25px !important;} .mT30{margin-top:30px !important;} .mT35{margin-top:35px !important;} .mT40{margin-top:40px !important;} .mT45{margin-top:45px !important;} .mT50{margin-top:50px !important;} .mT55{margin-top:55px !important;} .mT60{margin-top:60px !important;} .mT65{margin-top:65px !important;} .mT70{margin-top:70px !important;} .mT75{margin-top:75px !important;} .mT80{margin-top:80px !important;} .mT85{margin-top:85px !important;} .mT90{margin-top:90px !important;} .mT95{margin-top:95px !important;} .mT100{margin-top:100px !important;} .mT110{margin-top:110px !important;} .mT120{margin-top:120px !important;} .mT130{margin-top:130px !important;} .mT145{margin-top:145px !important;} .mT200{margin-top:200px !important;}
.mTmns05{margin-top:-5px !important;} .mTmns10{margin-top:-10px !important;}
.mR00{margin-right:0 !important;} .mR05{margin-right:5px !important;} .mR10{margin-right:10px !important;} .mR15{margin-right:15px !important;} .mR20{margin-right:20px !important;} .mR25{margin-right:25px !important;} .mR30{margin-right:30px !important;} .mR35{margin-right:35px !important;} .mR40{margin-right:40px !important;} .mR45{margin-right:45px !important;} .mR50{margin-right:50px !important;} .mR55{margin-right:55px !important;} .mR60{margin-right:60px !important;} .mR65{margin-right:65px !important;} .mR70{margin-right:70px !important;} .mR75{margin-right:75px !important;} .mR80{margin-right:80px !important;} .mR85{margin-right:85px !important;} .mR90{margin-right:90px !important;} .mR95{margin-right:95px !important;} .mR100{margin-right:100px !important;} .mR150{margin-right:150px !important;} .mR160{margin-right:160px !important;} .mR200{margin-right:200px !important;}
.mB00{margin-bottom:0 !important;} .mB05{margin-bottom:5px !important;} .mB10{margin-bottom:10px !important;} .mB15{margin-bottom:15px !important;} .mB20{margin-bottom:20px !important;} .mB25{margin-bottom:25px !important;} .mB30{margin-bottom:30px !important;} .mB35{margin-bottom:35px !important;} .mB40{margin-bottom:40px !important;} .mB45{margin-bottom:45px !important;} .mB50{margin-bottom:50px !important;} .mB55{margin-bottom:55px !important;} .mB60{margin-bottom:60px !important;} .mB65{margin-bottom:65px !important;} .mB70{margin-bottom:70px !important;} .mB75{margin-bottom:75px !important;} .mB80{margin-bottom:80px !important;} .mB85{margin-bottom:85px !important;} .mB90{margin-bottom:90px !important;} .mB95{margin-bottom:95px !important;} .mB100{margin-bottom:100px !important;}
.mBmns10{margin-bottom:-10px !important;}
.mL00{margin-left:0 !important;} .mL05{margin-left:5px !important;} .mL10{margin-left:10px !important;} .mL15{margin-left:15px !important;} .mL20{margin-left:20px !important;} .mL25{margin-left:25px !important;} .mL30{margin-left:30px !important;} .mL35{margin-left:35px !important;} .mL40{margin-left:40px !important;} .mL45{margin-left:45px !important;} .mL50{margin-left:50px !important;} .mL55{margin-left:55px !important;} .mL60{margin-left:60px !important;} .mL65{margin-left:65px !important;} .mL70{margin-left:70px !important;} .mL75{margin-left:75px !important;} .mL80{margin-left:80px !important;} .mL85{margin-left:85px !important;} .mL90{margin-left:90px !important;} .mL95{margin-left:95px !important;} .mL100{margin-left:100px !important;} .mL110{margin-left:110px !important;} .mL120{margin-left:120px !important;} .mL125{margin-left:125px !important;} .mL130{margin-left:130px !important;} .mL150{margin-left:150px !important;} .mL200{margin-left:200px !important;} .mL230{margin-left:230px !important;} .mL285{margin-left:285px !important;} .mL330{margin-left:330px !important;}
.mLmns10{margin-left:-10px !important;} .mLmns20{margin-left:-20px !important;}
/* padding */
.pT00{padding-top:0 !important;} .pT05{padding-top:5px !important;} .pT10{padding-top:10px !important;} .pT15{padding-top:15px !important;} .pT20{padding-top:20px !important;} .pT25{padding-top:25px !important;} .pT30{padding-top:30px !important;} .pT35{padding-top:35px !important;} .pT40{padding-top:40px !important;} .pT45{padding-top:45px !important;} .pT50{padding-top:50px !important;} .pT55{padding-top:55px !important;} .pT60{padding-top:60px !important;} .pT65{padding-top:65px !important;} .pT70{padding-top:70px !important;} .pT75{padding-top:75px !important;} .pT80{padding-top:80px !important;} .pT85{padding-top:85px !important;} .pT90{padding-top:90px !important;} .pT95{padding-top:95px !important;} .pT100{padding-top:100px !important;}
.pR00{padding-right:0 !important;} .pR05{padding-right:5px !important;} .pR10{padding-right:10px !important;} .pR15{padding-right:15px !important;} .pR20{padding-right:20px !important;} .pR25{padding-right:25px !important;} .pR30{padding-right:30px !important;} .pR35{padding-right:35px !important;} .pR40{padding-right:40px !important;} .pR45{padding-right:45px !important;} .pR50{padding-right:50px !important;} .pR55{padding-right:55px !important;} .pR60{padding-right:60px !important;} .pR65{padding-right:65px !important;} .pR70{padding-right:70px !important;} .pR75{padding-right:75px !important;} .pR80{padding-right:80px !important;} .pR85{padding-right:85px !important;} .pR90{padding-right:90px !important;} .pR95{padding-right:95px !important;} .pR100{padding-right:100px !important;}
.pB00{padding-bottom:0 !important;} .pB05{padding-bottom:5px !important;} .pB10{padding-bottom:10px !important;} .pB15{padding-bottom:15px !important;} .pB20{padding-bottom:20px !important;} .pB25{padding-bottom:25px !important;} .pB30{padding-bottom:30px !important;} .pB35{padding-bottom:35px !important;} .pB40{padding-bottom:40px !important;} .pB45{padding-bottom:45px !important;} .pB50{padding-bottom:50px !important;} .pB55{padding-bottom:55px !important;} .pB60{padding-bottom:60px !important;} .pB65{padding-bottom:65px !important;} .pB70{padding-bottom:70px !important;} .pB75{padding-bottom:75px !important;} .pB80{padding-bottom:80px !important;} .pB85{padding-bottom:85px !important;} .pB90{padding-bottom:90px !important;} .pB95{padding-bottom:95px !important;} .pB100{padding-bottom:100px !important;}
.pL00{padding-left:0 !important;} .pL05{padding-left:5px !important;} .pL10{padding-left:10px !important;} .pL15{padding-left:15px !important;} .pL20{padding-left:20px !important;} .pL25{padding-left:25px !important;} .pL30{padding-left:30px !important;} .pL35{padding-left:35px !important;} .pL40{padding-left:40px !important;} .pL45{padding-left:45px !important;} .pL50{padding-left:50px !important;} .pL55{padding-left:55px !important;} .pL60{padding-left:60px !important;} .pL65{padding-left:65px !important;} .pL70{padding-left:70px !important;} .pL75{padding-left:75px !important;} .pL80{padding-left:80px !important;} .pL85{padding-left:85px !important;} .pL90{padding-left:90px !important;} .pL95{padding-left:95px !important;} .pL100{padding-left:100px !important;} .pL160{padding-left:160px !important;} .pL180{padding-left:180px !important;}

/*　テキスト */
.tac{text-align: center;} .tar{text-align: right;}
.lh100{line-height: 100%;} .lh110{line-height: 110%;} .lh120{line-height: 120%;} .lh130{line-height: 130%;} .lh140{line-height: 140%;} .lh150{line-height: 150%;} .lh160{line-height: 160%;} .lh170{line-height: 170%;} .lh180{line-height: 180%;} .lh200{line-height: 200%;} .lh250{line-height: 250%;}
.fs10{font-size: 10px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs22{font-size: 22px;} .fs24{font-size: 24px;} .fs26{font-size: 26px;} .fs28{font-size: 28px;} .fs30{font-size: 30px;} .fs32{font-size: 32px;} .fs34{font-size: 34px;} .fs36{font-size: 36px;} .fs38{font-size: 38px;} .fs40{font-size: 40px;} .fs42{font-size: 42px;} .fs46{font-size: 46px;} .fs48{font-size: 48px;} .fs52{font-size: 52px;} .fs56{font-size: 56px;} .fs60{font-size: 60px;} .fs64{font-size: 64px;} .fs72{font-size: 72px;} .fs82{font-size: 82px;} .fs90{font-size: 90px;} .fs100{font-size: 100px;} .fs120{font-size: 120px;} .fs150{font-size: 150px;}
.fwb{font-weight: bold;}
.txtR{color: #e60033;} .txtW{color: #fff;}
.txtMin{font-family:"Times New Roman", Times, "Hiragino Mincho ProN", "Hiragino Mincho Pro","HG明朝B","ＭＳ 明朝", serif;}

@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/	
	
	html>/**/body { font-size: 14px; }
	#wrapper,#container{width: 100%; min-width: 100%;}
	#wrapper{margin-top: 60px; padding-bottom: 0;}
	#container{}
	
	.pc{display: none;}
	.sp, .smp_header, .smp_footer, .smp{display: block;}
	.imgfix{width: 100%;}
	
	/*---------------------------------------------
	共通ヘッダー
	---------------------------------------------*/
	.smp_header{ 
		height: 55px;
		display:block;
		position: fixed;            /* ヘッダーの固定 */
		top: 0px;                   /* 位置(上0px) */
		left: 0px;                  /* 位置(右0px) */	
		width:100%;
		z-index:99;
		background: #fff;
		border-bottom: solid 2px #7ac5f4;
	}
	.sprogo{float: left; width: 130px; padding: 3px 10px;}
	.toggle{float: right; padding: 5px;}
	#menu {
	  position: fixed;
	  top:47px;
	  right: -340px; /* メニューのwidth + padding */
	  width: 60%; /* メニューのwidth */
	  height: 100%;
	  padding: 20px;
	  transition: left .5s, right .5s; /* アニメーション */
	  background-color: rgba(122, 197, 244, .9);
	  z-index:100;
	  font-size:14px;
	}
	#menu ul li{border-bottom: solid 1px #afdcf8; padding: 5px 3px;}
	#menu ul li:last-of-type{border: none;}
	#menu ul li a.ln2{line-height: 1;}

	.toggle {
	  font-size: 50px;
	  cursor: pointer;
	}
	.toggle:hover {text-decoration: underline;}

	#open {
	  display: none;
	}

	/* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */
	#open:checked + #menu {
	  right: 0;
	}
	#menu a {text-decoration: none; color: #fff; }
	
	#back-top {bottom: 50px; right: 20px;}
	
	.s_menu{display: none;}
	
	/*　共通　*/
	.main{width: 100%; float: none;}
	.ttl_img{margin-bottom: 15px;}
	.cnt_box{width: 94%; margin: 0 auto;}
	.brd{margin: 10px;}
	.brd li{font-size: 11px; }
	
	.next{width: 90%; margin: 0 auto 20px; }
	.next ul li{margin-bottom: 10px;}
	.next a{color: #f97396;}
	.next a span{background: #f97396; color: #fff; padding: 0 7px; margin: 5px;}
	.next .ln2{ background:none; color:#f97397; padding: 0; margin: 0;}
	
	/* 共通タイトル */
	.ttl01{height: auto; font-size: 16px; background-image: none; padding: 5px 10px; background:linear-gradient(#bde1f9, #7cc5f0); border: solid 3px #fef0e3; margin-bottom: 15px}
	.ttl_sub{margin-top: -15px; padding: 10px;}
	.ttl_sub p{font-size: 14px;}
	.ttl02 {margin: 20px 0; font-size: 16px; border-bottom: solid 1px #f97396; padding-bottom: 3px;}
	.ttl02 .num{font-size: 14px; width: 20px; height: 16px; padding: 1px 0 5px;}
	.ttl02 .num2{font-size: 14px; color: #fff; width: 20px; height: 16px; text-align: center; padding: 0 2px 3px 0; }
	.ttl_sub2{font-size: 14px; margin-left: 20px;}
	.ttl02+.ttl03{margin-top: 20px;}
	.ttl03{font-size: 14px;}
	.ttl04{font-size: 16px; border-left: solid 5px #f97396; margin-bottom: 10px;}
	.ttl05{font-size: 18px; font-weight: bold; color: #43a8e7; padding: 10px 0 5px; margin-bottom: 20px;}
	.ttl06{line-height:1.5; font-size: 14px; background: url("../img/common/ribon.png") no-repeat; background-size: 10px; background-position: top -5px left 5px; background-color: #fef1e5; padding: 5px 0 5px 20px;}
	.ttl07{font-size: 16px;}
	.ttl07 .num{font-size: 18px; width: 22px; height: 16px; padding: 0 0 3px;}
	.ttl07 .num2{font-size: 22px; color: #fff; font-weight: bold; background:#43a8e7; display: inline-block; width: 36px; height: 24px; text-align: center; padding: 3px 0 2px; margin-right: 5px; letter-spacing: -1px;}
	
	.bltxt{font-size: 14px;}
	.pnktxt{font-size: 14px;}
	
	/* 共通リンクボタン */
	.btn01, .btn02{font-size: 16px; padding: 5px;}
	
	.menu_box{width: 94%; margin: 30px auto 0; }
	.cnt_list{width: 90%; margin: 10px 0 15px 10%; font-size: 14px;}

	/*---------------------------------------------
	共通フッター
	---------------------------------------------*/
	#gFooter { width:100%; min-width:100%;}
	#gFooter .footer_inner{width: 100%; margin: 0 auto; padding: 5px 0;}
	#gFooter .copy{padding: 5px; font-size: 11px;}
}

@media screen and (max-width:320px) { 
/*　画面サイズが320pxまではここを読み込む　*/

	.smp320{display: block;}
	.next .ln2{margin-left: 42px;}
}