@charset "utf-8";
/* CSS Document */
body { font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; line-height:1.4;}
#wrapper {display:flex; flex-direction:column; min-height:100vh; min-width:320px;}

#main{background-color:#FFF; padding-bottom:15px;}
section, nav {margin-bottom: 1em;}

a,ins{color: #004b91;text-decoration:underline;}
a:hover{text-decoration:underline;}
a img {border:none;}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#top{height:58px; margin-bottom:8px; overflow:hidden; background:#ffffff; border-bottom:1px #ccc solid;  flex:0;}
#top .btn_pay{float:left; width:29%; height:47px; padding:10px 0 0 10px; margin:0; box-sizing:border-box;}
#top .btn_pay img {width:76px; height:auto;}
/*--------------------------------------------------
menu
--------------------------------------------------*/
#top ul.h_menu{float:right; width:70%; height:58px; font-size:0; box-sizing:border-box;}
#top ul.h_menu li{display:inline-block; width:24.5%; height:58px; padding:12px 0 0 0; margin:0; border-left:1px #ccc solid; text-align:center; vertical-align:top;}
#top ul.h_menu li img {height:auto;}
#top ul.h_menu li:nth-child(1) img{width:45px;}
#top ul.h_menu li:nth-child(2) img{width:36px;}
#top ul.h_menu li:nth-child(3) img{width:37px;}
#top ul.h_menu li:nth-child(4) img{width:34px;}

.what_mobile #top ul.h_menu li:nth-child(1){margin-left:24.5%;}
.what_mobile #top ul.h_menu li:nth-child(2) img{width:37px;}
.title_mobile #top ul.h_menu li:nth-child(1){margin-left:49%;}
.title_mobile #top ul.h_menu li:nth-child(1) img{width:36px;}
.title_mobile #top ul.h_menu li:nth-child(2) img{width:48px;}
.store_mobile #top ul.h_menu li:nth-child(1){margin-left:73.5%;}
.store_mobile #top ul.h_menu li:nth-child(1) img{width:37px;}
.inquiry_mobile #top ul.h_menu li:nth-child(1){margin-left:49%;}
.inquiry_mobile #top ul.h_menu li:nth-child(1) img{width:49px;}
.inquiry_mobile #top ul.h_menu li:nth-child(2) img{width:36px;}
.campaign_mobile #top ul.h_menu li:nth-child(1){margin-left:49%;}
.campaign_mobile #top ul.h_menu li:nth-child(1) img{width:36px;}
.campaign_mobile #top ul.h_menu li:nth-child(2) img{width:48px;}

#contents {background-color:#FFF; border-top:1px #eee solid; flex:1;}

/*--------------------------------------------------
topArea
--------------------------------------------------*/
/* slider */
#top_mobile .flex-control-paging li a.flex-active {background:#d90000;}

/* top-flex */
#flex{clear:both; width:100%; margin-bottom:15px; text-align:center; font-size:0;}
#flex .nextbox{margin-left:2.5%;}
#flex div{position:relative; display:inline-block; width:31.2%; height:55px; font-size:12px; font-weight:bold; color:#080404; text-align:center;line-height:22px; box-sizing:border-box;}
#flex div img{margin:6px 0 3px;}
#flex div:last-child img{width:22px; height:auto; margin:6px 0 0;}
#flex div a{display:block; height:55px; background:rgb(255,255,255); background:-webkit-linear-gradient(top, rgb(251,251,251) 0%,rgb(255,255,255) 50%); background:linear-gradient(to bottom, rgb(251,251,251) 0%,rgb(255,255,255) 50%); border:1px #cccccc solid; border-radius:6px; color:#080404; text-decoration: none;}
#flex div a:hover{color:#471307;text-decoration: none;}
#flex div:before{position:absolute; left:50%; bottom:3px; width:12px; height:7px; margin-left:-6px; content:" "; background:url(../../images/mobile/arrow_flex.png) 0 0 no-repeat; background-size:12px 7px;}

/* top-news */
#tabmenu{width:100%; margin:18px 0 15px;}
ul.tab{position:relative; height:40px; list-style:none;}
ul.tab li {margin:0;padding:0;}
ul.tab a {display:block; text-decoration:none;}
ul.tab li.current a {position:absolute; left:0; bottom:-1px; padding:6px 10px 8px; background:#ffffff; border:1px solid #cccccc; color:#080404; font-size:13px; box-sizing:border-box;}
ul.tab li.current a:before{position:absolute; left:5px; bottom:5px; content:" "; width:90%; height:2px; background:#d90000;}
ul.tab li.current img{margin:0 5px -2px 0;}
ul.tab li.current2 a{position:absolute; right:0; bottom:0; height:26px; padding:1px 13px 0 10px; background:#999999; border-top-left-radius:4px; border-top-right-radius:4px; color:#ffffff; font-size:12px; line-height:26px;}
div#tab_contents{position:relative; overflow:hidden; background:#ffffff; border:1px #cccccc solid; z-index:1;}
div#tab_contents ul li{list-style-type:none; padding:10px 10px 3px 10px;}
div#tab_contents ul li p{margin-bottom:7px; font-size:12px; line-height:1.6;}

/*--------------------------------------------------
second-page
--------------------------------------------------*/
#contents #contentsBox{margin:0 15px 15px;}
#contents .contentsBox{margin:10px 15px 15px;}
#contents .contentsBox + .contentsBox, #contents .contentsBox + a + .contentsBox{margin-top:24px;}
#contents .contentsBox h3{width:100%; margin-bottom:16px; padding:9px 0 6px; background:rgb(255,255,255); background:-webkit-linear-gradient(top, rgb(251,251,251) 0%,rgb(255,255,255) 50%); background:linear-gradient(to bottom, rgb(251,251,251) 0%,rgb(255,255,255) 50%); border:1px #cccccc solid; border-radius:4px;}
#contents .contentsBox h3 span.ttl{display:block; margin:0 10px; padding-left:27px; background-image:url(../../images/mobile/arrow_right.png); background-position: 0 0; background-repeat:no-repeat; background-size:20px; color:#080404; font-size:15px; font-weight:bold;}
#contents .contentsBox h3 span.info{display: block; padding:3px 10px 0 32px; font-size:12px; color:#262417; font-weight:normal;}
#contents .contentsBox .Inner .txt{font-size:12px;}
#contents .contentsBox .Inner .txt strong{color:#cc0000;}
#contents .contentsBox .Bottom{ clear:both; height:25px; margin-top:20px;}
#contents .contentsBox .Bottom a{padding:0 5px 0 10px; font-size:12px; line-height:25px; background:url(../../../common/images/icn/icn_arrow.gif) left no-repeat;float:right;}
.txt a.link{ display:block; margin:5px 10px 0 0; padding:0 0 0 8px; font-size:13px; background:url(../../../common/images/icn/icn_arrow.gif) top 3px left no-repeat;}
.pcView {display:none;}

/* faqArea */
.faqArea .line{border-top:1px solid #cdcdcd; margin:0px 0; clear:both;}
.faqArea .faqbox{margin:0px;}
.faqArea .faqbox .faqttl{text-align:left;padding: 8px 0 8px 20px;font-size: 14px;line-height: 15px;color:#333;background: url(../../images/mobile/bullet_orange.png) left no-repeat;}
.faqArea .faqbox .lineD{border-top:1px dotted #cdcdcd; margin:0px 0;}
.faqArea .faqbox .answer{padding: 8px 0 0px 20px;font-size: 12px;line-height: 15px;color:#333;background: url(../../images/mobile/bullet_green.png) left 8px no-repeat;}

/* inqForm */
.inqForm .cautions{background-color:#FFC; padding:5px; font-size:12px; line-height:120%; margin-bottom:8px;}
.inqForm .cautions ul{margin-left: 5px; list-style:none;}
.inqForm .cautions li{text-indent: -8px;}

.inqForm p{font-size:12px; font-weight:bold; margin:5px 0;}
.inqForm select{height:30px;}
.inqForm .name{width:60%; height:25px;}
.inqForm .mail{width:90%; height:25px;}
.inqForm textarea{width:90%;}

/* news */
#newsArea .newsttl{font-size:14px;font-weight:bold; color:#FFF; background-color:#687882; padding:10px; line-height:120%;}
#newsArea .newstxt{font-size:12px; margin-top:5px;}

/*--------------------------------------------------
leftArea
--------------------------------------------------*/
#leftArea{height:auto; margin-bottom:5px;}

/*--------------------------------------------------
footer
--------------------------------------------------*/
.pay_twitter{display:block;width:290px;margin:5px auto;}
.pay_twitter img{width:290px; height:auto;}

#footer {background-color:#f0f0f0; position:relative; flex:1;}
#footer .link { padding:5px; }
#footer .sitelink{font-size:12px; margin:10px 0 0 0; clear:both;text-align:center;}
#footer h4{clear:both; font-size:11px;text-align:center; margin:5px 0;}

.googleAd { display: block; height:50px; width: 320px; margin:0 auto;}
.googleAdIn { position:fixed; z-index: 1001; bottom: 0; }