@charset "UTF-8";

/* TAG --------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,h2
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}


/* Common --------------------------------------- */
html{box-sizing:border-box;} 
body{line-height:1;font-family:'Noto Sans Japanese','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important;color:#002C63;font-size:14px !important;line-height:160% !important;background:#B0DEEC;}
img{vertical-align:bottom;}
ul{list-style:none;}
a{color:#002C63;text-decoration:none;}
a:hover{text-decoration:underline;color:#333;}
.mb00 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.hidden{display:none;}
.clear{ clear:both; font-size:0px; line-height:0px; }
em{font-style:normal;background:#FFFF84;font-weight:bold;}

.backtotop {position:fixed;right:5px;bottom:22px;z-index:9000;display:none;width:45px;height:45px;background:#016DB0;border:2px solid #FFF;border-radius:5px;padding:5px;text-align:center;font-size:24px;line-height:24px;} 
.backtotop a{color:#FFF;text-decoration:none;outline:none;}
.backtotop a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}


/* ratingBox ----------------------------------- */
.ratingBox{display:flex;align-items:center;font-size:18px;position:relative;}
.ratingBox strong{padding:0px 5px;}
.ratingBox span{width:4.7em;display:inline-block;height:1em;position:relative;line-height:1em;}
.ratingBox span.f12{font-size:12px !important;}
.ratingBox span.f14{font-size:14px !important;}
.ratingBox span.f18{font-size:18px !important;}
.ratingBox span.f21{font-size:21px !important;}
.ratingBox span.f24{font-size:24px !important;}
.ratingBox span.f28{font-size:28px !important;}
.ratingBox span.rate1::after{content:"\f005"}
.ratingBox span.rate2::after{content:"\f005\f005"}
.ratingBox span.rate3::after{content:"\f005\f005\f005"}
.ratingBox span.rate4::after{content:"\f005\f005\f005\f005"}
.ratingBox span.rate5::after{content:"\f005\f005\f005\f005\f005"}
.ratingBox span::after{position:absolute;font-family:FontAwesome;left:0;color:#FF0;line-height:1em;}
.ratingBox span::before{position:absolute;content:"\f005\f005\f005\f005\f005";font-family:FontAwesome;left:0;color:#B0DEEC;line-height:1em;}


/* form ------------------------------------------------ */
::-webkit-input-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
::placeholder{color:#999}
input[type=checkbox]{display:none;}
.checkboxParts{display:block;padding:5px;text-align:center;width:100%;padding:10px;font-size:18px;}
input[type=checkbox]:checked + .checkboxParts::after{opacity:1;}
input[type=radio]{display:none;}
.radioParts label{font-size:24px;background:#FFFF8F;border:3px solid #000;padding:40px 0px;border-radius:20px;}
.radioParts input[type=radio]:checked + label{background:#FF7E16;}
.checkboxParts:hover{cursor:pointer;}


/* header ------------------------------------------------ */
#headerWrap{width:100%;position:fixed;z-index:9999;}
#header{width:100%;background:#016DB0;}
#headerInner{width:1000px;margin:0px auto;padding:10px 10px 10px 20px;}
#headerInner img{width:240px;}


/* globalMenu ------------------------------------------------ */
#globalMenu{width:100%;background:#D7EEF5;box-shadow:2px 2px 1px -1px #999;}
.gMenu{position:relative;width:100%;background:#D7EEF5;padding:0px;max-width:1000px;margin:0px auto;list-style:none;font-size:16px;font-weight:bold;color:#002C63;display:flex;justify-content:space-between;align-items:center;}
.gMenuSingle{display:inline;width:25%;background:#D7EEF5;margin:0px;padding:20px 0px;}
.gMenuSingle a{display:flex;align-items:center;font-size:16px;font-weight:bold;color:#002C63;justify-content:center;padding:0px;border-left:3px solid #002C63;}
.gMenuSingle:first-child a{border-left:none;}
.gMenuSingle i img{width:24px;}
.gMenuSingle i{margin-right:10px;}
.gMenu2LvWrap{margin:0px auto;padding:0px;visibility:hidden;opacity:0;z-index:1;position:absolute;top:40px;left:10px;background:#FFF;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:10px;border:1px solid #999;padding:0px;width:230px;}
.gMenu2Lv{list-style:none;margin:0px;padding:0px;width:100%;}
.gMenu2Lv li:first-child a{border-radius:5px 5px 0px 0px;}
.gMenu2Lv li:last-child a{border-radius:0px 0px 5px 5px;}
.gMenu2Lv li a{padding:10px;font-size:14px;font-weight:normal;justify-content:flex-start;border:none;text-decoration:none;}
.gMenu2Lv li a:hover{background:#3DCEC5;color:#FFF;}
.gMenu > li{position:relative;}
.gMenuSingle:hover .gMenu2LvWrap{top:60px;visibility:visible;opacity:1;}
.gMenu2LvWrap::before{content:'';position:absolute;display:block;width:0px;height:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);top:-12px;border-right:12px solid transparent;border-bottom:12px solid #999;border-left:12px solid transparent;}
.gMenu2LvWrap::after{content:'';position:absolute;display:block;width:0px;height:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);top:-11px;border-right:12px solid transparent;border-bottom:12px solid #FFF;border-left:12px solid transparent;}


/* btmFloat ------------------------------------------------ */
.btmFloatBox{z-index:9001;position:fixed;bottom:10px;width:100%;}
.btmFloatBoxInner{position:relative;width:400px;margin:0px auto;}
.btmFloatBoxInner .toggle{position:absolute;right:9px;top:-9px;width:18px;}
.btmFloatBoxInner .toggle i{position:relative;background:#016DB0;border-radius:100%;width:18px;height:18px;display:block;cursor:pointer;}
.btmFloatBoxInner .toggle i::before{position:absolute;top:4px;left:8px;width:2px;height:10px;content:"";background:#FFF;transform:rotate(45deg);}
.btmFloatBoxInner .toggle i::after {position:absolute;top:8px;left:4px;width:10px;height:2px;content:"";background:#FFF;transform:rotate(225deg);}
.btmFloatBoxInner a{display:flex;justify-content:center;align-items:center;border:1px solid #016DB0;background:#FFF;border-radius:5px;padding:10px;}
.btmFloatBoxInner a:hover{text-decoration:none;}
.btmFloatBoxInner i{width:100px;padding:0px 5px; }
.btmFloatBoxInner i img{width:90px;}
.btmFloatBoxInner figure{width:160px;padding:0px 5px;}
.btmFloatBoxInner figure img{width:150px;}
.btmFloatBoxInner .btnType01{margin:5px;background:#3DCEC5;border-bottom:2px solid #1BA89A;border-radius:5px;color:#FFF;text-decoration:none;padding:5px;justify-content:center;align-items:center;}
.btmFloatBoxInner .btnType01 i{display:inline;}


/* footer ------------------------------------------------ */
#footer{width:100%;background:#EAF6FA;margin:0px;color:#333;font-size:14px;line-height:21px;}
#footerText{width:1000px;margin:0px auto;padding:20px;}
#footerText h5{margin:5px 0px 5px -5px;}
#footerText ul{margin:10px 0px 20px 0px;}
#footerText li{list-style-type:none;margin:0px;padding:2px 0px 3px 0px;}
#fMenuWrap{width:100%;background:#B0DEEC;}
#fMenu{width:1000px;margin:0px auto;padding:0px;text-align:center;}
#fMenu li{display:inline-block;}
#fMenu li a{color:#333;padding:5px 10px;display:block;}
#copyright{width:100%;background:#016DB0;}
#copyrightInner{width:1000px;margin:0px auto;padding:5px 0px;text-align:center;color:#FFF;}


/* cMenu ------------------------------------------------ */
.cMenuWrap{width:100%;background:#FFF;}
.cMenu{width:1000px;margin:0px auto;padding:10px;display:flex;justify-content:space-between;align-items:center;}
.cMenu li{padding:0px 10px;}
.cMenu li img{width:100%;}
.cMenu li:first-child,.cMenu li:last-child{padding:0px;}


/* mainImg ------------------------------------------------ */
.mainImgWrap{width:100%;margin:2px auto 0px auto;background:url(../img/bg_hero.png) center bottom repeat-x;}
.mainImg{width:1000px;height:350px;margin:0px auto;position:relative;background:url(../img/hero_img.png) right bottom no-repeat;}
.mainImg figure{padding:20px 0px 0px 0px;}

.mainImg #monthTextBox{width:280px;height:30px;margin-top:40px;font-size:24px;font-weight:bold;padding:5px;color:#000;background:#FF0;display:inline-block;text-align:center;letter-spacing:0.1em;}

.mainImgBtnBox{position:absolute;left:300px;top:268px;}
.mainImgBtnBox a{width:320px;text-align:center;display:flex;justify-content:center;align-items:center;background:#FFF;border-radius:5px;font-size:16px;font-weight:bold;line-height:24px;color:#002C63;padding:5px;letter-spacing:0.1em;border:5px solid #002C63;box-shadow:0px 2px 1px 1px #002751;}

.mainImgBtnBox a:hover{text-decoration:none;}
.mainImgBtnBox a i{margin-left:10px;font-size:32px;}

#taxnotation{font-size:17px;line-height:14px;color:#F02427;background-color:#FFFFFF;text-align: center;height:42px;}

/* btnBox ------------------------------------------------ */
.btnBox{font-size:18px;text-align:center;padding:40px 0px;}
.btnBox a{width:400px;display:block;margin:0px auto;position:relative;border-radius:5px;text-decoration:none;padding:20px 40px;}

.btnBox a.btnType01{background:#3DCEC5;border-bottom:2px solid #1BA89A;color:#FFF;}
.btnBox a.btnType02{background:#B0DEEC;border-bottom:2px solid #99C4CE;color:#016DB0;}
.btnBox a:after{position:absolute;font-family:"FontAwesome";content:"\f105";right:20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}


/* layout ------------------------------------------------ */
#container{padding-top:144px;}
#contents{margin:0px auto 0px auto;width:750px;padding:20px 0px 0px 0px;}

/* whatisProvider ------------------------------------------------ */
#whatisProvider{background:url(/common/img/bg_whatis_provider02.png) center bottom repeat-y;margin:0px 0px 20px 0px;}
#whatisProvider h2{display:flex;justify-content:center;align-items:end;background:url(/common/img/bg_whatis_provider01.png) left center no-repeat;height:100px;}
#whatisProvider h2 span{font-size:21px;font-weight:bold;color:#002C63;margin-top: 60px;}
#whatisProvider .inner{min-height:320px;line-height:2em;padding:20px 240px 20px 40px;background:url(/common/img/bg_whatis_provider03.png) center bottom no-repeat;}


/* cheapestProvider ------------------------------------------------ */
#cheapestProvider h2{background:#016DB0;border:5px solid #002C63;position:relative;padding:20px;text-align:center;}
#cheapestProvider h2:after{content:"";position:absolute;bottom:-40px;left:50%;margin-left:-20px;border:20px solid transparent;border-top:20px solid #002C63;z-index:1;}
#cheapestProvider h2:before{content:"";position:absolute;bottom:-29px;left:50%;margin-left:-16px;border:16px solid transparent;border-top:16px solid #016DB0;z-index:2;}
#cheapestProviderItem{background:#FFF;margin:20px 0px;border:5px solid #FF4187;}
#cheapestProviderItem h3 a{background:#FF4187;font-size:21px;line-height:21px;padding:10px 0px;text-align:center;color:#FFF;display:block;}
#cheapestProviderItemHead {display:flex;padding:20px;}
#cheapestProviderItem .pointList{padding:0px 0px 0px 10px;}
#cheapestProviderItem .pointList ul{color:#FF4187;font-size:18px;line-height:24px;font-weight:bold;}
#cheapestProviderItem .pointList li{display:flex;padding:0px 0px 10px 0px;}
#cheapestProviderItem .pointList li:before{content:"★";padding-right:5px;}
#cheapestProviderItem .outlineBox{padding:0px 20px;line-height:2em;}

.osusumeBoxHead{padding:25px 20px 20px 20px;margin:40px 20px 0px 20px;background:#016DB0;position:relative;}
.osusumeBoxHead h4{font-size:21px;text-align:center;color:#FFF;}
.osusumeBoxHead i{position:absolute;right:0px;top:-60px;}
.osusumeBoxHead i img{width:150px;}
.osusumeBoxHead .baloon{position:relative;}
.osusumeBoxHead .baloon strong{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);top:-55px;background:#FF0;display:block;padding:10px 20px;border-radius:5px;font-size:18px;line-height:24px;color:#000;text-align:center;}
.osusumeBoxHead .baloon strong:after{content:"";position:absolute;bottom:-18px;left:50%;margin-left:-5px;border:10px solid transparent;border-top:10px solid #FF0;z-index:1;}

.osusumeList ul{padding:30px;font-size:18px;line-height:32px;}
.osusumeList li{font-weight:bold;display:flex;padding:0px 0px 10px 0px;}
.osusumeList li i{width:42px;}
.osusumeList li i img{width:42px;}
.osusumeList li span{width:100%;}

.specTable{padding:20px 20px 0px 20px;font-size:14px;line-height:18px;}
.specTable table{width:100%;border-top:1px solid #002C63;border-left:1px solid #002C63;}
.specTable th{width:25%;border-bottom:1px solid #002C63;border-right:1px solid #FFF;text-align:center;font-weight:bold;padding:10px;background:#002C63;color:#FFF;}
.specTable th:last-child{border-right:1px solid #002C63;}
.specTable td{border-bottom:1px solid #002C63;vertical-align:middle;border-right:1px solid #002C63;text-align:center;padding:10px;}
.specTable td strong{font-size:18px;font-weight:bold;color:#FF4187;}
.specTable td span{font-weight:bold;color:#FF4187;}

/* kuchikomi ------------------------------------------------ */
.kuchikomiBoxHead{padding:20px;margin:20px 20px 0px 20px;background:#016DB0;position:relative;}
.kuchikomiBoxHead h4{font-size:21px;text-align:center;color:#FFF;}
.kuchikomiBoxHead i{position:absolute;right:0px;top:-60px;}
.kuchikomiData{display:flex;border:1px solid #016DB0;padding:20px;margin:20px 20px 0px 20px;}
.kuchikomiDataMeta{width:120px;margin-right:10px;text-align:center;}
.kuchikomiDataTxt{width:100%;}
.kuchikomiDataScore{display:flex;align-items:center;margin-bottom:10px;}
.kuchikomiDataScore .ratingBox{margin-right:20px;}
.kuchikomiDataScore strong{background:#016DB0;color:#FFF;padding:2px 20px;font-size:12px;font-weight:normal;line-height:12px;margin-right:10px;}
.kuchikomiDataScore .age,.kuchikomiDataScore .area{margin:0px 0px 0px 10px;font-size:12px;}


/* monthlyCharge ------------------------------------------------ */
#monthlyChargeChartHead{padding:20px 20px 15px 20px;margin:0px 20px;background:#016DB0;color:#FFF;}
#monthlyChargeChartHead h4{font-size:21px;text-align:center;}
#monthlyChargeList{display:flex;justify-content:space-between;align-items:stretch;margin:0px 20px;border-right:1px solid #016DB0;border-bottom:1px solid #016DB0;position:relative;}
#monthlyChargeList.col4{border-bottom:none;}
#monthlyChargeList.col4{border-left:3px solid #FF4187;}
#monthlyChargeList.col4 .monthlyChargeListItem{padding:10px 0px;}
#monthlyChargeList.col5 .monthlyChargeListItem{padding:10px 0px;background:#FFF;}
#monthlyChargeList #no01.monthlyChargeListItem{padding:0px;display:flex;align-items:flex-end;outline:5px solid #FF4187;outline-offset:-2px;border:none;}
#monthlyChargeList #no01{padding:0px;}
#monthlyChargeList #no01 img{width:100%;padding:10px;}
#monthlyChargeList .monthlyChargeListItem{border-left:1px solid #016DB0;border-bottom:1px solid #016DB0;border-top:1px solid #016DB0;text-align:center;}
#monthlyChargeList .monthlyChargeListItem a{padding-bottom:5px;color:#016DB0;}
#monthlyChargeList .monthlyChargeListItem img{width:80%;padding:5px;}
#monthlyChargeList .monthlyChargeListItem span{font-weight:bold;}
#monthlyChargeList #no01 a{color:#FF4187;font-size:20px;/*---上段のみ---*/position: relative;bottom:5px;}
#monthlyChargeListItemWrap > span{color:#FFF;width:99.5%;font-size:14px;background:#016DB0;display:block;line-height:16px;padding:0px 10px 10px 10px;margin:0px 0px 0px 3px;text-align:center;}
#monthlyChargeListItemWrapInner{display:flex;height:100%;/*---上段のみ---*/height:120px;}


/* searchForm ------------------------------------------------ */
#searchForm{margin:20px 0px 0px 0px;}
#searchForm h2{background:#016DB0;display:flex;align-items:center;font-size:21px;padding:20px 0px;color:#FFF;display:flex;align-items:center;}
#searchForm h2 i{margin-right:10px;width:100px;}
#searchForm {padding:0px;}
#searchFormInner{padding:10px;background:#FFF;}
#searchFormInner table{border-collapse:separate;border-spacing:10px;}
#searchFormInner th{border-left:5px solid #016DB0;font-size:14px;font-weight:bold;line-height:21px;padding:5px 10px;white-space:nowrap;vertical-align:middle;font-size:18px;}
#searchFormInner td{padding:5px;}
#searchFormInner li label{background:#F2F2F2;border:1px solid #016DB0;border-radius:5px;color:#016DB0;}
#searchFormInner li label.active{background:#016DB0;color:#FFF;}

#searchFormInner .formParts01{display:flex;flex-wrap:wrap;}
#searchFormInner .formParts01 li{width:33.3%;}
#searchFormInner .formParts01 li:first-child{padding:0px 10px 5px 0px;}
#searchFormInner .formParts01 li:last-child{padding:0px 0px 5px 10px;}
#searchFormInner .formParts01 li label{width:100%;}
#searchFormInner .formParts02{display:flex;flex-wrap:wrap;}
#searchFormInner .formParts02 li{width:50%;}
#searchFormInner .formParts02 li:nth-child(odd){padding:0px 5px 5px 0px;}
#searchFormInner .formParts02 li:nth-child(even){padding:0px 0px 5px 5px;}
#searchFormInner .formParts02 li label{width:100%;}
#searchFormInner .formParts03{display:flex;flex-wrap:wrap;}
#searchFormInner .formParts03 li{width:25%;}
#searchFormInner .formParts03 li:nth-child(2n+1){padding:0px 5px 5px 5px;}
#searchFormInner .formParts03 li:last-child{padding:0px 0px 5px 0px;}
#searchFormInner .formParts03 li label{width:100%;}
#searchFormInner .submit{padding:20px 0px;}

#searchFormInner .submit a{width:400px;font-size:18px;display:block;margin:0px auto;position:relative;border-radius:5px;text-decoration:none;padding:20px 30px;}
#searchFormInner .submit a:after{position:absolute;font-family:"FontAwesome";content:"\f105";right:20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
#searchFormInner .submit a.btn{background:#3DCEC5;border-bottom:2px solid #1BA89A;color:#FFF;}

#searchFormInner .searchCountBox{padding:20px 20px 40px 20px;font-size:18px;line-height:24px;color:#016DB0;text-align:center;}
#searchFormInner .searchCountBox strong{font-size:21px;line-height:24px;color:#002751;padding:0px 5px;}



/* sortBox ------------------------------------------------ */
#sortBox{background:#002C63;display:flex;padding:20px 40px;justify-content:space-between;align-items:center;border-bottom:5px solid #FFF;}
#sortBox h3{color:#FFF;font-size:21px;padding-left:60px;}
.selectWrap{position:relative;display:inline-block;background:#FFF;border-radius:20px;}
.selectWrap::after {content:'';width:6px;height:6px;border:0px;border-bottom:solid 2px #999;border-right:solid 2px #999;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:10px;margin-top:-4px;}
.select{font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;position:relative;z-index:1;padding:2px 20px 3px 5px;border:1px solid #999;border-radius:20px;}


/* ranking ------------------------------------------------ */
#ranking{margin:0px;}
.items{margin:0px 0px 20px 0px;background:#FFF;}
.items#rank00{border:5px solid #016DB0;}
.items#rank01{border:5px solid #D4AC66;}
.items#rank02{border:5px solid #999999;}
.items#rank03{border:5px solid #9B5D52;}
.items#rank00 h3 a{background:#016DB0;}
.items#rank01 h3 a{background:#D4AC66;}
.items#rank02 h3 a{background:#999999;}
.items#rank03 h3 a{background:#9B5D52;}
.items#rank00 .osusumeBox h4{background:#016DB0;}
.items#rank01 .osusumeBox h4{background:#D4AC66;}
.items#rank02 .osusumeBox h4{background:#999999;}
.items#rank03 .osusumeBox h4{background:#9B5D52;}

.items h3 a{padding:10px;display:flex;align-items:center;color:#FFF;}
.items h3 a:hover{text-decoration:none;}

.items h3 span{font-size:21px;}
.items h3 span.rankingNum{border-right:1px solid #FFF;margin:0px 10px 0px 0px;padding:0px 10px 0px 0px;font-size:24px;}
.itemsHead{display:flex;align-items:center;padding:20px;}
.itemsImg figure{width:240px;padding:0px;}
.itemsImg figure img{width:200px;}
.itemsRatingList{padding:10px 100px 10px 0px;width:100%;background:url(/common/img/bg_rating_list.png) right bottom no-repeat;}
.itemsRatingList strong{color:#FF4187;}
.itemsRatingList > .ratingBox{margin-bottom:5px;}
.itemsRatingList dl{display:flex;flex-wrap:wrap;align-items:center;margin:2px 0px 0px 0px;}

.itemsRatingList dl dt{font-size:18px;padding-right:5px;width:150px;}
.itemsRatingList dl dt h4{font-size:28px;font-weight:bold;}

.itemsRatingList dl dd{font-size:18px;font-weight:normal;}
.itemsRatingList dl dd strong{font-size:18px;}
.itemsRatingList dl dd strong.f28{font-size:28px !important;}

.items .osusumeBox h4{color:#FFF;font-size:18px;font-weight:bold;text-align:center;padding:20px 0px;margin:0px 20px;}
.items .outlineBox{padding:0px 10px;line-height:2em;margin:0px 10px;}
.items .btnBox{padding:20px 10px 40px 10px;}

/* ABtest0208 ------------------------------------------------ */
.items .kuchikomiBox{margin-bottom:20px;}


/* guide ------------------------------------------------ */
#guide{margin:20px 0px 0px 0px;}
#guideInner{padding:10px;background:#FFF;}
#guide .btnBox li {padding-bottom:10px;}
#guide .btnBox li span{text-align:left;width:240px;}
#guide h3{background:#B0DEEC;color:#002C63;font-size:21px;line-height:24px;font-weight:bold;padding:20px;text-align:center;position:relative;margin:20px 10px 0px 10px;}
#guide h3 figure{position:absolute;bottom:0px;right:20px;}
#guide h3 figure img{width:80%;}

#guide #comparisonTable h3{background:none;color:#002C63;font-size:21px;line-height:24px;font-weight:bold;padding:10px;text-align:left;border-left:5px solid #B0DEEC;margin:20px 0px;}
#guide #comparisonTable{padding:10px;font-size:16px;line-height:21px;}
#guide #comparisonTable table{width:100%;border-top:1px solid #002C63;border-left:1px solid #002C63;}
#guide #comparisonTable th{font-size:14px;border-bottom:1px solid #002C63;border-right:1px solid #002C63;text-align:center;vertical-align:middle;font-weight:bold;padding:5px;background:#B0DEEC;color:#002C63;width:20%;line-height:18px;}
#guide #comparisonTable th.emphasis{font-size:16px;background:#002C63;color:#FFF;}
#guide #comparisonTable th small{font-size:12px;}

#guide #comparisonTable th:last-child{border-right:1px solid #002C63;}
#guide #comparisonTable td{font-weight:bold;border-bottom:1px solid #002C63;vertical-align:middle;border-right:1px solid #002C63;text-align:center;padding:5px;}
#guide #comparisonTable td.emphasis{font-size:21px;color:#FF4187;}
#guide #comparisonTable td small{font-size:12px;}
#guide #comparisonTable td img{max-width:120px;}
.tableScroll{overflow: auto;white-space:nowrap;}
.tableScroll::-webkit-scrollbar{height:5px;}
.tableScroll::-webkit-scrollbar-track{background:#666;}
.tableScroll::-webkit-scrollbar-thumb {background:#CCC;}

.guideInnerTxtBox{padding:10px;line-height:2em;}
.guideInnerTxtBox h4{font-size:17px;font-weight:bold;border-left:5px solid #B0DEEC;padding-left:5px;}
.guideInnerTxtBox .areamap, .guideInnerTxtBox .speed{width:400px;}
.guideInnerTxtBox .speed2, .guideInnerTxtBox .payment, .guideInnerTxtBox .deliver{width:500px;}

#differenceBox{display:flex;justify-content:center;margin:10px 10px 15px 10px;}
.differenceBoxInner{width:50%;}
.differenceBoxInner h4{padding:10px 0px;position:relative;}
.differenceBoxInner h4 i{position:absolute;bottom:0px;right:-20px;}
.differenceBoxInner h4 > span{background:none;position:absolute;bottom:0px;left:-10px;}
.differenceBoxInner h4 img{width:80%;}

.differenceBoxInner h4{font-size:18px;font-weight:bold;}
.differenceBoxInner{display:flex;flex-direction:column;justify-content:space-between;background:#EAF6FA;padding:10px 5px;margin:0px 0px 0px 5px;}
.differenceBoxInner.emphasis{background:#FF0;padding:10px 5px;margin:0px 5px 0px 0px;}
.differenceBoxInner ul{background:#EAF6FA;}
.differenceBoxInner.emphasis ul{background:#FF0;}
.differenceBoxInner li{width: 50%;border:1px solid #002C63;margin:0px 5px;background:#FFF;text-align:center;display:flex;flex-direction:column;}
.differenceBoxInner span{background:#002C63;color:#FFF;display:block;font-size:12px;padding:5px 0px;}
.differenceBoxInner figcaption{font-size:18px;font-weight:bold;padding:5px 0px;}
.differenceBoxInner ul{display:flex;background:#EAF6FA;margin:0px;}
.differenceBoxInner h4{text-align:center;}

#catchBox{padding:0px 20px 0px 20px;}
#catchBox span{display:block;width:100%;font-size:28px;text-align:center;font-weight:bold;margin-top:60px;}



/* rankingLinkBox ------------------------------------------------ */
#rankingLinkBox{background:#FFF;padding:20px 0px 40px 0px;}
#rankingLinkBox h2{display:flex;background:#002C63;padding:10px;justify-content:center;font-size:16px;line-height:24px;color:#FFF;font-weight:bold;}
#rankingLinkBox h2 img{width:16px;}
#rankingLinkBox h2 span{padding:0px 5px;display:block;}
#rankingLinkBox ul{display:flex;justify-content:center;align-items:stretch;padding:10px 20px;}
#rankingLinkBox li{padding:0px;margin:10px;width:33.3%;}
#rankingLinkBox li:nth-child(2){margin:10px 0px;}
#rankingLinkBox li a{text-align:center;display:flex;flex-wrap:wrap;background:#016DB0;height:100%;padding:10px;border-bottom:5px solid #00557F;border-radius:5px;}
#rankingLinkBox li a:hover{text-decoration:none;}
#rankingLinkBox li a figure{width:100%;}
#rankingLinkBox li a figure img{width:36px;display:block;margin:10px auto;}
#rankingLinkBox li a span{margin:0px auto;display:block;text-align:center;line-height:24px;font-size:18px;color:#FF0;}



/* Footer pages --------------------------------------- */
#contentsInfoBox{margin:2px auto 0px auto;width:750px;padding:20px;background:#FFF;}

.infoBox h3{margin:0px;color:#002C63;font-size:18px;font-weight:bold;line-height:30px;}
.infoBox .infoTextBox h4{font-size:16px;font-weight:bold;border-left:5px solid #002C63;padding:5px 10px;margin-bottom:10px;}
.infoBox .infoTextBox p{padding-left:10px;font-size:14px;margin:5px 0 40px;}
.infoBox .infotTextBox ulli{display:inline-block;}
.infoBox .companytable{width:100%;vertical-align:middle;border:1px solid #333;border-bottom:0px solid #333;margin-bottom:20px}
.infoBox .companytd{width:80px;height:40px;text-align:center;vertical-align: middle;background:#e9e9e9;border-right:1px solid #333;border-bottom:1px solid #333;}
.infoBox .companytdright{vertical-align:middle;border-bottom:1px solid #333;}

.infoBox .infoTextBox{padding:10px 0px 0px 0px;}


/* column ------------------------------------------- */
#contentsColumnBox{margin:2px auto 0px auto;width:750px;padding:20px;background:#FFF;}

.columnMain h1{font-size:18px;font-weight:bold;line-height:140%;color:#002C63;display:block;margin-bottom:10px;padding:10px;background:#f6f6f6;border-left: solid 5px #002C63;border-bottom: solid 3px #CCC;}
.columnMain .contentsEntryBody{padding:0 10px}
.columnMain .contentsEntryBody p img{width:100%;height:auto;}
.columnMain .contentsEntryBody figure img{width:100%;height:auto;}

.columnMain ul{margin:0px;padding:0px;font-size:12px;line-height:15px;list-style: none;}

.columnMain {font-size:14px;}
.columnMain .entryIndex{padding:0px;}
.columnMain figure img{max-width:710px;width:auto;}

.columnMain h2.h2Type01{font-size:16px;line-height:21px;background: #B0DEEC;color: #002C63;padding:10px;}
.columnMain h3.h3Type01{font-size:16px;line-height:21px;border-bottom:1px solid #CCC;border-left:7px solid #002C63;color:#002C63;padding:5px 10px;font-weight:normal;}
.columnMain ul.listType01 li{color:#174A7D;font-size:16px;line-height:25px;font-weight:bold;padding:5px 5px 0px 10px;}
.columnMain ul.listType01 li:before{font-family: "Font Awesome 5 Free";content: "\f150";color: #d4ac66;font-weight:900;margin-right:10px}
.columnMain figure{text-align:center;margin: 0 0 20px;}
.columnMain figure img{vertical-align:bottom; width:720px;}
.columnMain img .columnpickimg{width:440px;}
.columnMain blockquote {position:relative;padding:10px 20px;box-sizing:border-box;font-style:normal;background:#EDF5F6 url(/common/img/bg_blockquote.png) no-repeat left top;border:1px solid #87BEC5;border-radius:3px;}
.columnMain blockquote p {padding:0px;margin:10px 0px;line-height:150%;}
.columnMain blockquote cite {display:block;text-align:right;color:#999;font-size:10px;font-style:normal;}
.columnMain strong {color:#ff0000;background: linear-gradient(transparent 50%, #ff6 50%);}
.columnMain b {color:#ff0000;background: linear-gradient(transparent 50%, #ff6 50%);}
.columnMain cite{display:block;color:#999;font-size:10px;font-style:normal;}
.columnMain em {font-style:normal;background:#FFFF84;font-weight:bold;}
.columnMain .matomeBox ul.point{padding:10px;border:1px solid #008FFF;}
.columnMain .matomeBox ul.point li{color:#174A7D;font-size:16px;line-height:25px;font-weight:bold;padding:5px 5px 0px 30px;background:url(/common/img/ico_point01.png) no-repeat left 5px;}
.columnMain  ul.point{padding:10px;border:1px solid #008FFF;}
.columnMain  ul.point li{color:#174A7D;font-size:16px;line-height:25px;font-weight:bold;padding:5px 5px 0px 30px;background:url(/common/img/ico_point01.png) no-repeat left 5px;}
.columnMain .pointBox{}
.columnMain p{margin: 0 0 20px;}
.columnMain ol{margin-bottom: 30px;}
.columnMain ol li{list-style-type: decimal;margin-left: 40px;}
.columnMain h3.pointBoxTit{background:#008FFF;marin:0px;padding:0px;}
.columnMain h3.pointBoxTit img{vertical-align:bottom;}
.columnMain .pointBox ul.point{padding:10px;border:1px solid #008FFF;}
.columnMain .pointBox ul.point p{margin:0}
.columnMain .pointBox ul.point li{color:#174A7D;font-size:16px;line-height:25px;font-weight:bold;padding:5px 5px 0px 30px;background:url(/common/img/ico_point01.png) no-repeat left 5px;}
.columnMain .pointBox ul.point li em{font-style:normal;background:linear-gradient(transparent 30%, #FF0 30%);}
.columnMain .pointBox ul.point li strong{color:#FF6B6B;}
.columnMain .aligncenter {display: block;margin-left: auto;margin-right: auto;}

.columnMain table.tbarticle{border-spacing:1px;width:100%;max-width: 840px;margin:10px auto;text-align:center;border-collapse:collapse;border-spacing:0px;font-size:15px;line-height:150%;}
.columnMain table.tbarticle th {background-color: #174A7E;margin: 0px;padding: 5px;text-align: center;font-weight: bold;vertical-align: middle;color: #FFF;}
.columnMain table.tbarticle td {padding: 15px;background-color: #FFF;vertical-align: middle;border: 1px solid #EFEFEF;}
.columnMain table.tbarticle td.tbt{background: #EDF5F6;}

.columnMain .columnList{font-size:16px;color: #5e5854;}
.columnMain .columnList .head_special{position: relative;padding-left: 5px;/*border-top: 3px solid #d4ac66;*/background-repeat: no-repeat;background-color: #fff;/*-webkit-box-shadow: rgba(0, 0, 0, 0.18) 0 1px 2px 0;box-shadow: rgba(0, 0, 0, 0.18) 0 1px 2px 0;*/}
.columnMain .columnList h2.title{margin:0px;color:#002C63;font-size:18px;font-weight:bold;line-height:30px;}

.columnMain .columnList h3.subTitle{padding:5px 10px;margin:20px 0px 0px 0px;background: transparent;border-bottom:solid 1px #999;border-left:solid 5px #002C63;}
.columnMain .columnList ul.contentsList {padding:0px;list-style:none;}
.columnMain .columnList ul.contentsList a{padding: 0px 5px 0px 0px;font-size: 16px;line-height:150%;}
.columnMain .columnList ul.contentsList li{padding: 5px 0px 5px 25px;list-style:none;background:url(/common/img/ico_point.png) no-repeat left 7px !important;padding-left:25px;}
.columnMain .columnList .contentsTextBox {padding:10px 0px;line-height:140%;}
.columnMain .columnList .contentsTextBox p{padding:0px 0px 5px 0px;}
.columnMain .columnList .contentsTextBox img{padding:10px;}



/* FAQ --------------------------------------- */
#contentsFAQ{width:750px;margin:2px auto 0px auto;background:#FFF;padding:20px;}
#contentsFAQ h2{margin:0px;color:#002C63;font-size:18px;font-weight:bold;line-height:30px;}
#contentsFAQ h2 i img{width:30px;margin:0px 5px;}
#contentsFAQ a{color:#666;}
#contentsFAQ a:hover{color:#666;}
#contentsFAQ .borderNone{border:none !important;padding-top:10px !important;}

.faqQuestionBox{width:100%;margin:0px auto;}
.faqAnswerBox{padding-top:50px;}

.faqAnswerBox section{padding-bottom:40px;width:100%;}
.faqQuestionBox li{width:100%;display:block;margin:10px 10px 10px 0px;vertical-align:top !important;}
.faqQuestionBox li h3{background:#002C63;}
.faqQuestionBox li h3 img{width:100%;max-width:200px;}
.faqQuestionList{border:1px solid #002C63;padding:10px 10px 0px 10px;}
.faqQuestionList li{width:100%;padding:10px 10px 10px 20px;margin:0px;border-bottom:2px dashed #002C63;background:url(/faq/img/list_arrow.png) left center no-repeat;font-size:16px;font-weight:bold;}
.faqQuestionList li:first-child{margin-top:-8px !important;}
.faqQuestionList li:last-child{border-bottom:none;margin-bottom:0px !important;}
.faqQuestionList li a:hover{color:#666;}
.faqAnswerBox h3{background:#B0DEEC;}
.faqAnswerBox h3 img{width:200px;}
#contentsFAQ dl{width:100%;overflow:hidden;_zoom:1;border-top:2px dashed #002C63;padding:20px 5px 0px 5px;box-sizing:border-box !important;}
#contentsFAQ dt,#contentsFAQ dd{margin:0px 0px 10px 0px;background:none no-repeat left top;min-width:40px;min-height:55px;}
#contentsFAQ dt{background:url(/faq/img/ico_q.png) no-repeat;background-position:0px 10px;padding:15px 20px 20px 50px;margin-top:-1px;font-size:18px;line-height:150%;font-weight:bold;box-sizing:border-box !important;}
#contentsFAQ dd{background:url(/faq/img/ico_a.png) no-repeat;font-size:14px;line-height:180%;padding:7px 20px 20px 50px;box-sizing:border-box !important;}
#contentsFAQ dd a{font-weight: bold;background: linear-gradient(transparent 50%, #FFFF84 0%);}
#contentsFAQ figure {padding:0px 10px;box-sizing:border-box;}
#contentsFAQ figure img{width:100%;margin:-10px auto 20px auto;}

.movieBox{width:100%;max-width:560px;margin:0px auto;position: relative;padding-top:56.25%;}
.movieBox iframe {position:absolute;top:0;right:0;width:100% !important;height:100% !important;}

#contentsFAQ .tableScroll{padding:10px;font-size:12px;line-height:16px;}
#contentsFAQ .tableScroll table{width:100%;border-top:1px solid #002C63;border-left:1px solid #002C63;}
#contentsFAQ .tableScroll th{border-bottom:1px solid #FFF;border-right:1px solid #FFF;text-align:center;vertical-align:middle;font-weight:bold;padding:5px;background:#002C63;color:#FFF;}
#contentsFAQ .tableScroll th:last-child{border-bottom:1px solid #002C63;}
#contentsFAQ .tableScroll td{border-bottom:1px solid #002C63;vertical-align:middle;border-right:1px solid #002C63;text-align:center;padding:5px;}
#contentsFAQ .tableScroll td.emphasis{font-size:14px;font-weight:bold;color:#FF4187;}
#contentsFAQ .tableScroll td.sub{font-size:10px;}
#contentsFAQ .tableScroll td small{font-size:10px;}
#contentsFAQ .tableScroll td img{max-width:120px;}
#contentsFAQ .tableScroll td strong{color:#FF3E00;}
#contentsFAQ .tableScroll tr.even td{background:#CBE9F3;}
#contentsFAQ .tableScroll tr.bg01 td{background:#E7F4F9;font-weight:bold;}
#contentsFAQ .tableScroll tr.bg02 td{background:#F4FCFF;font-weight:bold;}
#contentsFAQ .tableScroll tr.bg03 td{background:#A7C4E3;color:#FFF;font-size:12px;vertical-align:top;padding:10px 4px;}
#contentsFAQ .tableScroll p.notice{font-size:10px;line-height:14px;}
#contentsFAQ .tableScroll a.btnTypeFAQ{background:#FF4200;border-radius:5px;box-shadow: 0 3px 0 rgba(218,13,0,1);color:#FFF !important;display: block;font-size:12px;text-align:center;text-decoration:none;margin:0px auto;padding:10px 5px;border-radius:3px;margin-bottom:10px;font-weight:bold;}
#contentsFAQ .tableScroll a.btnTypeFAQ:hover{box-shadow: none;transform: translate3d(0, 3px, 0);}



/* provider --------------------------------------- */
.shortContentListWrap{margin:2px auto 0px auto;width:750px;padding:0px;}
.shortContentListWrap h2{margin-bottom:20px;color:#002C63;font-size:24px;font-weight:bold;line-height:30px;}
.shortContentList{margin:0px;width:750px;padding:0px 20px;background:#FFF;}
.shortContentBox{display:flex;padding:20px 0px;border-bottom:solid 1px #CCC;}
.shortContentBox:last-child{border-bottom:none;}
.shortContentBox figure{margin-right:20px;}
.shortContentBox figure img{height:180px;}
.shortContentBox .shortContentTxt{display:flex;flex-direction:column;}

.shortContentTxt .time{font-size:12px;color:#999;margin-bottom:5px;}
.shortContentTxt h3{font-size:18px;line-height:24px;color:#333;margin-bottom:10px;font-weight:bold;}
.shortContentTxt .desc{font-size:12px;color:#666;}
.shortContentTxt .moreBtnWrap{margin-top:15px;}
.shortContentTxt .moreBtn{background:#3DCEC5;border-bottom:2px solid #1BA89A;color:#FFF;border-radius:5px;text-decoration:none;padding:10px 20px;}
.shortContentTxt .moreBtn:hover{opacity:0.7;}

/* pagination --------------------------------------- */
.paginationWrapper {text-align:center;margin:20px 0;}
.paginationWrapper .address{font-weight:bold;color:#4E4E4E;padding-top:10px;}
.pagination{display:inline-block;margin-top:10px;padding:0px;height:40px;}
.pageNumbers {display:block;padding:0 15px;float:left;transition:400ms ease;color:#3DCEC5;font-size:16px;letter-spacing:0.1em;line-height:40px;margin:0px 5px;background:#FFF;border-radius:5px;}

.pageNumbers:hover,.pageNumbers.current{background:#3DCEC5;color:#FFF;}

.pagination a:hover{text-decoration:none;}