charset "utf-8";

*{-webkit-text-size-adjust:none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*761px以上の時*/
.spnone{display:block;}
/*760px以下の時*/
.spnone{display:none;}

html{font-size: 62.5%;}
body{color:#333;font:1.2rem Arial, Helvetica, sans-serif;margin:0 auto;min-width:320px;max-width:800px;}
article,aside,footer,header,menu,nav,section{display:block;}
a{color:#333;text-decoration:none;}
p{margin:5px 0 0 0;padding-left:5px;line-height:1.4;}
img {max-width:100%;height:auto;border-style:none;-ms-interpolation-mode: bicubic;}
.pkome{margin:5px 0 0 5px;padding:0;font-size:1.0rem;line-height:1.2;padding-left:1.0em;text-indent:-0.9em;/* ※ */}
.pkome2{margin:5px 0 0 5px;padding:0;font-size:1.0rem;line-height:1.2;padding-left:2em;text-indent:-1.9em;/* ※１※２ 番号付き*/}
.pkome3{margin:5px 0 0 5px;padding:0;font-size:1.0rem;line-height:1.2;padding-left:1.0em;text-indent:-0.7em;/* * */}
.pkome4{margin:5px 0 0 5px;padding:0;font-size:1.2rem;line-height:1.4;padding-left:1.0em;text-indent:-0.7em;/* * */大}
.pBbig{font-size:1.4rem;line-height:1.6; font-weight:bold;}
.red{color:#ff0000;}
.pink{color:#ed145b;}
.orange{color:#ec6941;}
.blue{color:#19519d;}
.cyan{color:#00b7ee;}
.green{color:#009944;}
.black{color:#000;}
.white{color:#fff;}
.B{font-weight:bold;}
.C{text-align:center;}
.L{text-align:left;}
.R{text-align:right;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}/* himawari_sodan*/
.mB10{marginbottom:10px;}
.mT0{margin-top:0;}
.mB0{margin-bottom:0;}
.pBorange,.pBorange a{color:#ec6941 !important;font-size:1.4rem;font-weight:bold;}
.pBorange20 a{color:#ec6941;font-size:2.0rem;font-weight:bold;}
.pBcyan,.pBcyan a{color:#00b7ee;font-size:1.4rem;font-weight:bold;}
.Bn{border:none !important;}

.h3_pink{font-size:14px;font-size:1.4rem;color:#fff;background-color:#ff9999;}

/* list--------------------------------------------- */
.ul{margin:0 0 0 5px;padding:0;line-height:1.8;}
.ul li{list-style:none;padding-left:15px;background:url(../himawari/li_icon.gif) 0px 6px no-repeat;}
.uln{line-height:1.6;list-style-type:none;}
.ulkome{margin:5px 0 0 5px;padding:0;font-size:1.2rem;line-height:1.6;}
.ulkome li{list-style:none;padding:0;}
.ulkome2{margin:5px 0 0 5px;padding:0;font-size:1.2rem;line-height:1.6;padding-left:2em;}
.ulkome2 li{list-style:none;padding:0;text-indent:-1.9em;/* ※１※２ 番号付き*/}
.ulkome3{margin:5px 0 0 5px;padding:0;font-size:1.2rem;line-height:1.6;padding-left:1.0em;}
.ulkome3 li{list-style:none;padding:0;text-indent:-0.7em;/* * */}

.ulv_red{margin:0 0 0 5px;padding:0;line-height:1.6;font-weight:bold;}
.ulv_red li{list-style:none;padding-left:20px;background:url(../sj/v_red.gif) 0px 6px no-repeat;}

.ol{margin:5px 0 5px 22px;padding:0;line-height:1.6;}
.ol2{margin:0 0 0 11px;padding:0;}

/* box------------------ */
#mainA,#mainB{clear:both;background:#fff;-moz-box-shadow:0 3px 4px -2px #999 inset, 0 -3px 4px -2px #999 inset;-webkit-box-shadow:0 3px 4px -2px #999 inset, 0 -3px 4px -2px #999 inset;box-shadow:0 3px 4px -2px #999 inset, 0 -3px 4px -2px #999 inset;padding:0 8px;overflow:hidden;}

.inBox{overflow:hidden;position:relative;padding:5px;margin:0 0 5px 0;border:solid 1px #ccc;} 
.colorBox{margin:10px 0;padding:5px;overflow:hidden;}
.chuuiBox{margin:10px 0;padding:15px;overflow:hidden;position:relative;background-color:#ffffcc; border:solid 2px #F00}

.planBox1{margin:5px 0;padding:10px 5px;background-color:#fff;}
.planBox1L{float:left;margin:0;width:20%;}
.planBox1R{float:right;margin:0;width:75%;} 
.planBox1L img{margin:0 0 5px 0;} 

.planBox3_1{margin-top:1px;}
.planBox3_3{margin-bottom:10px;}

/* plan */
.plan{background-color:#fff;border-bottom:1px solid #e1e1e1;}
.plan ul{list-style:none;line-height:20px;}
.plan a{color:#333;display:block;padding:5px 25px 5px 5px;position:relative;background:url(../sj/arrow.png) 100% 50% no-repeat;}
.with-banner{min-height:84px;}
.plan-container{position:relative;}
.plan-Box{margin-left:90px;position:relative;min-height:84px;}
.plan-text{height:120px;vertical-align:middle;}
.plan-img{position:absolute;margin:1px 0 ;border:0 none #fff;padding:0;}
.plan-img > img{padding:1px;width:80px;height:80px;}

/* head */
#head1,#head1_yl{position:relative;background:url(../himawari/logo_himawari.png) 2px 18px no-repeat;background-color:#fff;background-size:259px 36px;border-bottom:3px solid #cb0000;height:56px;}
#head-himawari_sodan{position:relative;width:100%;height:100%;margin:0 auto;}

#head1_2{position:relative;height:28px;}
#head1_h1{position:absolute;height:10px;top:0;left:0;padding-left:1px;}
#mypage_sp{position: absolute;top:0px;right: 61px;width: 56px;height:56px;}
#pc-site{position:absolute;top:20px;right:0;width:45px;height:25px;background:url(../sj/icon_pc.png) no-repeat 0% 50%;}
#pc-site .pc{position:absolute;font-size:0.8rem;font-weight:bold;padding:5px 0 0 22px;}
/*761px以上の時*/
#sbookmark{display:block;}
/*760px以下の時*/
#sbookmark{display:none;}

.head-img p{position:absolute;top:70px;left:0;width:100%;text-align:center;color:#fff;font-weight:bold;font-size:0.8rem;}

/* ハンバーガー------------------ */
p.sp-trigger {position: absolute;border: none;width: 56px;height: 56px;background: #cc0022 url(../himawari_sodan/btn_menu.png) no-repeat 0% 0%;background-size:56px 56px;cursor: pointer;right:0px;bottom:0px;}
p.sp-trigger.close {background: #cc0022 url(../sj/btn_close.png) no-repeat  0% 0%;background-size:56px 56px;}
/*761px以上の時*/
.sp-menu {margin: 45px 5px 10px;position: absolute;background: #fff;width: 97%;z-index:9999;display:block;}
/*760px以下の時*/
.sp-menu {margin: 45px 5px 10px;position: absolute;background: #fff;width: 97%;z-index:9999;display:none;}
.sp-menu:after {content: ' ';height: 0;position: absolute;width: 0;border: 10px solid transparent;border-bottom-color: #fff;bottom: 100%;right: 8px;}
/*761px以上の時*/
.panel{position: fixed;z-index: 999;height: 100%;width: 100%;background: #000;opacity: 0.2;filter: alpha(opacity=20);-moz-opacity: 0.20;margin:44px 0 0 0;display:block;}
/*760px以下の時*/
.panel{position: fixed;z-index: 999;height: 100%;width: 100%;background: #000;opacity: 0.2;filter: alpha(opacity=20);-moz-opacity: 0.20;margin:44px 0 0 0;display:none;}

/* section */
h1{font-size:1.0rem;color:#999999;margin:0;font-weight:lighter;text-align:left;}
h1 a, h1 a:link, h1 a:visited, h1 a:hover{text-decoration:none;color:#999999;}

.block{margin:10px 0;box-shadow:0 3px 5px -2px #999;border-radius:3px;
-moz-box-shadow:0 3px 5px -2px #999;-moz-border-radius:3px;
-webkit-box-shadow:0 3px 5px -2px #999;-webkit-border-radius:3px;
border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.Box{padding:5px;}

/* 見出し */
/* bar */
.h2{clear:both}

.bar_brown{font-size:1.3rem;font-weight:bold;margin:20px 0 0 0;padding:12px 10px 10px 10px;overflow:hidden;background-color:#faf3eb;
border-left: 5px solid #d11227;border-bottom: 1px solid #dcdcdc;}

/* btn */
.a{position:relative;overflow:hidden;
background-image:-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #7f7061;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#f2f2f2),color-stop(50%,#fff));
background-image:-webkit-linear-gradient(bottom,#f2f2f2 0%,#fff 50%);
background-image:-moz-linear-gradient(bottom,#f2f2f2 0%,#fff 50%);
background-image:linear-gradient(bottom,#f2f2f2 0%,#fff 50%);
background:url(../sj/arrow.png) 99% 50% no-repeat;text-decoration:none;
margin:0 2px;padding:10px 20px 10px 5px;line-height:40px;line-height:4.0rem;white-space:nowrap;}

.btn_shosai{position:relative;clear:both;
background-image:-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #7f7061;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#f2f2f2),color-stop(50%,#fff));
background-image:-webkit-linear-gradient(bottom,#f2f2f2 0%,#fff 50%);
background-image:-moz-linear-gradient(bottom,#f2f2f2 0%,#fff 50%);
background-image:linear-gradient(bottom,#f2f2f2 0%,#fff 50%);
margin:5px 0 0 0;padding:0;overflow:hidden;height:100%;}
.btn_shosai a{display:block;color:#333;padding:10px 12px 8px 8px;text-decoration:none;background:url(../sj/arrow.png) 99% 60% no-repeat;}
.btn_shosai a:active,.btn_shosai a:hover{color:#333;text-decoration:none;}

/* button to top */
.btn_top,.btn_top_long{display:block;border:1px solid #fff;color:#333;text-align:center;font-weight:bold;
background-color:#fff;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e2e2e2));
background-image:-webkit-linear-gradient(top,#fff 0%,#e2e2e2 100%);
background-image:-moz-linear-gradient(top,#fff 0%,#e2e2e2 100%);
background-image:linear-gradient(top,#fff 0%,#e2e2e2 100%);-webkit-border:4px;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:0 0 4px #999;-webkit-box-shadow:0 0 4px #999;box-shadow:0 0 4px #999;}

.btn_top{width:100px;margin:10px auto;padding:6px 10px 4px;}
.btn_top_long{max-width:100%;margin:20px 5px 5px 5px;padding:12px 10px 10px;letter-spacing:-2px;}

/* table ----------------------- */
.t{width:100%;margin-top:10px;}
.tlist{width:100%;border-top:solid 1px #ccc;border-left:solid 1px #ccc;margin:10px 0;position:relative;}
.tlist img{width:100%}/* JBR自転車盗保険 ----------------------- */

th{text-align:center;}
.th{border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:5px;}
td{padding:0}

.cl{border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:3px;}
.cln{border-bottom:solid 1px #ccc;padding:3px;}
.cln2{border-right:solid 1px #ccc;padding:5px 0 0 0;}
.cl_pad0{border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;padding:0px;}

.T{vertical-align:top;}
.Bot{vertical-align:bottom;}
.F{color:#666666;}
.bgwhite{background-color:#ffffff;}
.bgred{background-color:#d11227;}
.bgpink{background-color:#fdf2f6;}
.bgpink2{background-color:#ff9999;}
.bgcyan{background-color:#eeffff;}
.bgcyan2{background-color:#00b7f0;}
.bgblue{background-color:#e1f0ff;}
.bgblue2{background-color:#19519c;}
.bggreen{background-color:#e6ffe6;}
.bggreen2{background-color:#8fc31f;}
.bgyellow{background-color:#fff9c6;}
.bgviolet{background-color:#efe9fe;}
.bgorange{background-color:#fbdfb5;}
.bgorange2{background-color:#ff6600;}
.bgbrown{background-color:#faf3eb;}
.bgbrown2{background-color:#958678;}
.bggray{background-color:#e6e6e6;}
.bggray2{background-color:#898989;}
.bgheadbrown{background:url(../sj/bg_head.gif) repeat-x;}
.bgheadpink{background:url(../sj/bg_pink.gif) repeat-x;}
.bgheadorange{background:url(../sj/bg_orange.gif) repeat-x;}
.bgheadcyan{background:url(../sj/bg_cyan.gif) repeat-x;}

/* footer */
#footerBox{background:#fdf2f6;padding:5px 0;}
#footer{margin:0 auto;}
#links ul{padding:0;list-style:none;text-align:center;font-size:1.4rem;}
#links li{display:inline;color:#ec6941;font-size:1.2rem;margin:0 4px 0 0;}
#links li:before{content:'';margin:0 5px 0 0;display:inline-block;width:0;border-left:1px solid #ccc;height:12px;overflow:hidden;}
/*761px以上の時*/
#links li:first-child:before{display:block;}
/*760px以下の時*/
#links li:first-child:before{display:none;}

#add{background:#fdf2f6;padding:10px 8px;font-style:normal;font-size:1.0rem;text-align:center;}
address{font-style:normal;font-size:1.0rem;text-align:center;}

/* links dlink*/
#links a{color:#ccc;}
#links {padding:5px 8px 0 8px;}
.dlink a{color:#ccc;}
.dlink {padding:0 8px 5px 8px;}

/* question------------------- */
.pq{border-bottom:dashed 1px #b3a191;margin:5px 0;padding:15px 0 15px 5px;font-weight:bold;}
.pq a{text-decoration:none;display:block;width:100%;}
.pq a:visited{text-decoration:none;display:block;width:100%;}

/* index------------------ */
#himawari_sodan_s1 {background:url(../himawari_sodan/himawari_sodan_sp.png) 0 0 no-repeat;width:82px;height:82px;}
#himawari_sodan_s2 {background:url(../himawari_sodan/himawari_sodan_sp.png) -82px 0px no-repeat;width:82px;height:82px;}
#himawari_sodan_s3 {background:url(../himawari_sodan/himawari_sodan_sp.png) -164px 0px no-repeat;width:82px;height:82px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
#himawari_sodan_s1,#himawari_sodan_s2,#himawari_sodan_s3{
/* Reference the @2x Sprite */
background-image: url(../himawari_sodan/himawari_sodan_sp@2x.png);
/* Translate the @2x sprite's dimensions back to 1x */
background-size: 246px 82px; } }

#step_s1 {background:url(../himawari_sodan/step_sp.png) 0 0 no-repeat;width:82px;height:82px;}
#step_s2 {background:url(../himawari_sodan/step_sp.png) -82px 0px no-repeat;width:82px;height:82px;}
#step_s3 {background:url(../himawari_sodan/step_sp.png) -164px 0px no-repeat;width:82px;height:82px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
#step_s1,#step_s2,#step_s3{
/* Reference the @2x Sprite */
background-image: url(../himawari_sodan/step_sp@2x.png);
/* Translate the @2x sprite's dimensions back to 1x */
background-size: 246px 82px; } }

.bgyellow2{background-color:#fff100;}
.b_g{border:#ccc 2px solid;}

/* btn ----------------------- */
.keiyakuBtn_himawari_sodan,.keiyakuBtnC_himawari_sodan{margin:10px 0;padding:3px;max-width:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#f66a5f;background:-moz-linear-gradient(top, #f66a5f 0%, #e6382f 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f66a5f), color-stop(100%,#e6382f));background:-webkit-linear-gradient(top, #f66a5f 0%,#e6382f 100%);background:linear-gradient(top, #f66a5f 0%,#e6382f 100%);background:-ms-linear-gradient(top, #f66a5f, #e6382f); /* IE */-webkit-box-shadow:1px 1px 4px #999;-moz-box-shadow:1px 1px 4px #999;box-shadow:1px 1px 4px #999;font-size:1.8rem;font-weight:bold;text-align:center;letter-spacing:-2px;}
.keiyakuBtn_himawari_sodan a,.keiyakuBtnC_himawari_sodan a{position:relative;display:block;padding:12px 0;border:1px solid #dc4141;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#f77170;background:-moz-linear-gradient(top, #f77170 0%, #f43f34 50%, #e81b24 51%, #f24337 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f77170), color-stop(50%,#f43f34), color-stop(51%,#e81b24), color-stop(100%,#f24337));background:-webkit-linear-gradient(top, #f77170 0%,#f43f34 50%,#e81b24 51%,#f24337 100%);background:linear-gradient(top, #f77170 0%,#f43f34 50%,#e81b24 51%,#f24337 100%);background:-ms-linear-gradient(top, #f66a5f, #e6382f); /* IE */color:#fff !important;text-decoration:none;}
.keiyakuBtn_himawari_sodan a:hover,.keiyakuBtnC_himawari_sodan a:hover{opacity: 0.5;}
.keiyakuBtn_himawari_sodan a:before,.keiyakuBtnC_himawari_sodan a:before{position: absolute;content: "";width: 46px;height: 46px;right:0;
top: 50%;transform: translateY(-50%);/* 矢印⇒中央寄せ */
margin: 0;background-image: url(../sj/arrow_red_2_sp.png);background-repeat: no-repeat;opacity: 0.5;}

/* menu ----------------------- */
.bar_himawari_sodan{margin:0;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dd5261),color-stop(100%,#d11227));background-image:-webkit-linear-gradient(top,#dd5261 0%,#d11227 100%);background-image:-moz-linear-gradient(top,#dd5261 0%,#d11227 100%);background-image:linear-gradient(top,#dd5261 0%,#d11227 100%);background:-ms-linear-gradient(top,#dd5261 0%,#d11227 100%); /* IE */color:#fff;padding:7px 8px 6px 10px;overflow:hidden;}

/* accordion小------------------- */
.accordion_head,.menu2 ul,.menu3 ul,.menu4 ul{margin:0 0 -1px 0;padding:0;list-style:none;overflow:hidden;font-size:1.2rem;border-bottom:1px solid #e1e1e1;}
.menu2 li,.menu3 li,.menu4 li{cursor:pointer;border-top:1px solid #e1e1e1;display:inline-block;margin:0 -4px 0 0;position:relative;vertical-align:top;
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0%,#f2f2f2),color-stop(50%,#fff));background-image:-webkit-linear-gradient(bottom,#f2f2f2 0%,#fff 50%);background-image:-moz-linear-gradient(bottom,#f2f2f2 0%,#fff 50%);background-image:linear-gradient(bottom,#f2f2f2 0%,#fff 50%);}
.menu2 li:before,.menu3 li:before,.menu4 li:before{content:'';position:absolute;top:0;right:0;height:100%;width:1px;background:#e1e1e1;overflow:hidden;margin:0;}
.menu2 li:nth-of-type(even):before,.menu3 li:nth-of-type(even):before,.menu4 li ul li:nth-of-type(even):before{left:-1px;}
.menu2 a,.menu3 a,.menu4 a{color:#333;padding:0 16px 0 10px;display:table-cell;height:52px;vertical-align:middle;background:url(../sj/arrow.png) 100% 50% no-repeat;}
.menu2 a:active,.menu2 a:hover,.menu3 a:active,.menu3 a:hover,.menu4 a:active,.menu4 a:hover{color:#9e0b0e;text-decoration:none;}

.menu2 li,.menu3 li{width:50%;}
.menu4 li{width:100%;}
.menu2 a,.menu3 a{width:400px;}
.menu4 a{width:800px;}

/* 補償 ----------------------------- */
.pamphBox {text-align:center;margin:20px;}
.pamphBox_ttl{background-color: #ccc;color: #000;padding: 8px;margin: 0;
border-top-right-radius: 8px;border-top-left-radius: 8px;}
.pamphBox_txt{padding: 0;border: 2px solid #ccc;
border-radius:10px; }
.pamphBox_txt_2{padding:0;border: 2px solid #ccc;
border-radius:10px; }

.pamphBox_in{padding:10px;}

.pamphBox_pink_ttl{background-color: #ff9999;color: #000;padding: 8px;margin: 0;
border-top-right-radius: 8px;border-top-left-radius: 8px;}
.pamphBox_pink_txt{padding: 0;border: 2px solid #ff9999;
border-radius:10px;0}

.pamphBox p,.pamphBox_pinke p{font-size:12px; font-size:1.2rem;line-height:18px;}
.pamphBox img,.pamphBox_pink img {width: 100%; /*bodyの幅に対する割合 */  max-width: 40%;/*最大の大きさ限度 */}

.btn_cyan{border-radius: 5px;padding: 5px;background: #00b7ee;color: #FFF;text-decoration: none;text-align: center;margin:0px; }
.btn_pink{border-radius: 5px;padding: 5px;background: #ff9999;color: #FFF;text-decoration: none;text-align: center;margin:0px; }
.btn_orange{border-radius: 5px;padding: 5px;background: #ff6600;color: #FFF;text-decoration: none;text-align: center;margin:0px; }

.clear{clear:both;}

/* お支払い・払込方法について・お問い合わせ------------------ */
.Boder_red{	border: 2px solid #ff0000;}
.F_20{font-size:1.6rem;}
.F_30{font-size:1.8rem;}
.F_40{font-size:2.0rem;}
.F_50{font-size:3.0rem;}
.B_solid{border-top:#ccc 1px solid;margin:15px 0 0 0;padding:15px 0 0 0;}

/* 文字------------------ */
.under{background: linear-gradient(transparent 70%, #fff100 70%);}

/* ユーザーボイス------------------ */
.commentBox{margin:10px 0;padding:5px;overflow:hidden;position:relative;} 
.commentBoxL{float:left;width:12%;padding:0 0 0 2px;}
.commentBoxR{float:right;width:88%;padding:0 2px 0 0;}