@charset "utf-8";

/*************************************************
CSS
/common/css/global.css

11.12.xx
*************************************************/

/* ------------------------- TOC
 ------------------------- */

/* ============================================================ setting */
html { height: 100%; }
body { line-height: 1.5; height: 100%; -webkit-text-size-adjust: none; color: #4a4a4a; background: #ffffff; font-size: 16px; font-family: sans-serif; }

a { color: #003366; }
a:link,
a:visited { color: #003366; text-decoration: none; }
a:hover,
a:active { color: #003366; text-decoration: none; }

a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

ul { list-style: none; }

/* ============================== clearfix */
/* For modern browsers */
.clr:before,
.mc:before,
.ms:before,
.clr:after,
.mc:after,
.ms:after { content: ""; display: table; }

.clr:after,
.mc:after,
.ms:after { clear:both; }

.clr,
.mc,
.ms { zoom:1; }

/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }

/* ============================== multi column */
.ms {  }
.ls { float: left; }
.rs { float: right; }

.mc {  }
.lc { float: left; }
.rc { float: right; }

.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

.ofz { overflow: hidden; zoom: 1; }

.indent { padding-left: 1em; text-indent: -1em; }

/* ============================================================ wrapper */

/* ----------------------------------
  PC　SP view divergence - utility
---------------------------------- */
.u-media-pc {
  display: none;
}
.u-media-sp {
  display: block;
}

/* ============================================================ header */
#header { border-bottom: 1px solid #808080; position: relative;}
/*hd_bar*/
#hd_bar { background: url(../img/bg_g_navi_sp.png) repeat-x #000000; width: 100%; display: table; background-size: 5px 110px; padding-top: 4px;}
#hd_bar p#hd_top, #hd_bar p#hd_menu_btn {display: table-cell; width: 20%; vertical-align: middle;}
#hd_bar p#hd_top a,#hd_bar p#hd_menu_btn span {
display: block;  width: 100%; background-position: center center; background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
#hd_bar p#hd_top a { background-image: url(../img/bt_hd_nav_top.png);
-webkit-background-size: 52px 44px;
background-size: 52px 44px;
height: 56px;
}
#hd_bar p#hd_member_login {text-align:center;display:table-cell; vertical-align: middle; font-size: 12px;}
#hd_bar p#hd_member_login a {padding:.28em 0; width:60%; margin: 0 auto;display: block; font-weight: bold;color:#FFF;border:1px solid #9a8679;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #604c3f;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#705e53), color-stop(100%,#604c3f));
background: -webkit-linear-gradient(top, #705e53 0%,#604c3f 100%);
background: linear-gradient(to bottom, #705e53 0%,#604c3f 100%);
}
#hd_bar p#hd_menu_btn span { background: url(../img/bt_hd_bar_menu.png) no-repeat center center;
-webkit-background-size: 27px 32px;
background-size: 27px 32px;
/*border-left: 1px solid #808080;*/
margin-top: 12px; margin-bottom: 12px; height: 32px;
}
#hd_bar p#hd_member_message {display: table-cell; width: 60%;text-align:center; color:#FFF;font-size:12px; vertical-align: middle;}
#hd_bar p#hd_member_message .member_name,
#hd_bar p#hd_member_message .member_name a {color:#ffda3f;}



/* hd_nav */
#hd_nav {display:none;position: absolute;width:100%;background-color: #604c3f; padding-bottom: 4px; border-top: 1px solid #808080;  border-bottom: 1px solid #808080; z-index: 10; }
#hd_nav ul {display: table; width: 100%; border-bottom: 1px solid #808080;}
#hd_nav ul li { width: 30%; display: table-cell; vertical-align: middle;}


.tile_nav ul li a,
.tile_nav ul li span { display: block; padding-top: 14px; padding-bottom: 14px; width: 100%; height: 78px; background-position: center center; background-repeat: no-repeat; border-left: 1px solid #808080;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tile_nav ul li.nav_left a { border-left: none; }
.tile_nav ul li.hd_nav_menu a { background-image: url(../img/bt_hd_nav_menu.png);
-webkit-background-size: 50px 60px;
background-size: 50px 60px;
}
.tile_nav ul li.hd_nav_shop a { background-image: url(../img/bt_hd_nav_shop.png);
-webkit-background-size: 65px 60px;
background-size: 65px 60px;
}
.tile_nav ul li.hd_nav_howto a { background-image: url(../img/bt_hd_nav_howto.png);
-webkit-background-size: 55px 60px;
background-size: 55px 60px;
}
.tile_nav ul li.hd_nav_jobs a { background-image: url(../img/bt_hd_nav_jobs.png);
-webkit-background-size: 60px 60px;
background-size: 60px 60px;
}
.tile_nav ul li.hd_nav_mysukiya a { background-image: url(../img/bt_hd_nav_mysukiya.png);
-webkit-background-size: 60px 60px;
background-size: 60px 60px;
}
.tile_nav ul li.hd_nav_tsuhan a { background-image: url(../img/bt_hd_nav_tsuhan.png);
-webkit-background-size: 75px 60px;
background-size: 75px 60px;
}
.tile_nav p.hd_nav_logout {text-align:center; font-weight: bold;}
.tile_nav p.hd_nav_logout a {color:#FFF; display: block;padding:.9em 0;}
#hd_nav p.hd_nav_logout a {border-bottom: 1px solid #808080;}

#hd_nav .sec_langage {text-align:center; padding: 8px 0;}
#hd_nav .sec_langage p {display: inline-block; line-height:1; vertical-align:middle; border-right: 1px solid #fff; padding-right:15px; margin-right:15px;}
#hd_nav .sec_langage p:last-child {border-right:none; padding-right:0; margin-right:0;}
#hd_nav .sec_langage p {font-size:12px; text-align:left;}
#hd_nav .sec_langage p a {color:#fff;}
#hd_nav .sec_langage p.current {color:#ffdc26;}

/* ============================================================ contents */
#contents {min-width: 320px;}
#contents img {width: 100%; height: auto;}
#contents .brown{ color:#902000; font-size:129%; font-weight:bold;}
#contents .font-b{ font-weight:bold;}

/* ============================================================ main_contents */
#main_contents > h1 { padding-top: 6px; padding-bottom: 6px; background-color: #dc884c; color: #ffffff; text-align: center; border-bottom: #a42607 1px solid; }


/* ============================================================ derivation */
/* sec_derivation */
.sec_derivation { margin: 20px 10px 0; }
.sec_derivation p:not(:first-of-type) { margin-top: 6px; }
.bt_func_radius a { font-size: 14px; font-weight: bold; }
.sec_derivation .derivation_tel { margin-bottom: 20px; padding: 6px 9px; border: 1px solid #ffdb3f; background: #ffdb3f;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sec_derivation .derivation_tel .derivation_tel_tit { width: 100%; display: table; }
.sec_derivation .derivation_tel .derivation_tel_tit em { width: 138px; padding-right: 4px; display: table-cell; vertical-align: middle; background: url(../img/bg_sec_derivation_tel_tit.png) 0 0 no-repeat;
-webkit-background-size: 138px 20px;
background-size: 138px 20px;
}
.sec_derivation .derivation_tel .derivation_tel_tit span { display: table-cell; vertical-align: middle; font-size: 12px; }
.sec_derivation .derivation_tel .derivation_tel_mun { display: block; padding: 3px; text-align: center; color: #e50012; font-size: 20px; font-weight: bold; border: 1px solid #ffffff; background: #ffffff;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sec_derivation .derivation_tel .derivation_tel_mun span { padding-left: 28px; background: url(../img/icon_free_tel.png) 0 50% no-repeat;
-webkit-background-size: 27px 15px;
background-size: 27px 15px;
}
.sec_derivation .derivation_tel .derivation_tel_txt { margin-top: 3px; font-size: 12px; }

/* ============================================================ footer */
#footer { margin-top: 10px; background-color: #e6e6e6; }
/* ft_gnav */
#ft_gnav {margin-top:20px;width:100%;background-color: #604c3f; padding-top: 4px; border-top: 1px solid #808080;  border-bottom: 1px solid #808080;}
#ft_gnav.tile_nav ul {display: table; width: 100%; border-top: 1px solid #808080;}
#ft_gnav.tile_nav ul li { width: 30%; display: table-cell; vertical-align: middle;}
#ft_gnav.tile_nav ul li a { display: block; width: 100%; height: 78px; background-position: center center; background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#ft_gnav.tile_nav p.hd_nav_logout a {border-top: 1px solid #808080;}


/* ft_nav */
#ft_nav { display: table; width: 100%; background-color: #604c3f; padding-top: 2px; border-top: 1px solid #808080; }
#ft_nav li { display: table-cell; vertical-align: middle; color: #ffffff; border-top: 1px solid #808080; border-bottom: 1px solid #808080; font-size: 12px; font-weight: bold; }
#ft_nav li a { display: block; padding-top: 10px; padding-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#ft_nav li a:link,
#ft_nav li a:visited { color: #ffffff; }

#ft_nav li#ft_nav_top { width: 14%; }
#ft_nav li#ft_nav_top,
#ft_nav li#ft_nav_pagetop { border-left: 1px solid #808080; }
#ft_nav li#ft_nav_back,
#ft_nav li#ft_nav_pagetop { width: 43%; }

#ft_nav li#ft_nav_back a { padding-right: 5px; padding-left: 25px; background: url(../img/bullet_arrow_back.png) 10px center no-repeat;
-webkit-background-size: 9px 13px;
background-size: 9px 13px;
}
#ft_nav li#ft_nav_top a { background: url(../img/bt_ft_nav_top.png) center center no-repeat;
-webkit-background-size: 22px 19px;
background-size: 22px 19px;
}
#ft_nav li#ft_nav_pagetop a { padding-left: 5px; padding-right: 25px; background: url(../img/bullet_arrow_pagetop.png) right center no-repeat; text-align: right;
-webkit-background-size: 19px 7px;
background-size: 19px 7px;
}





/* copyright */
#footer #copyright { padding-top: 15px; padding-bottom: 15px; color: #7f7f7f; text-align: center; font-size: 12px; }

/* ============================================================ heading */


/* ============================================================ module */
/* sec_campaign_list */
.sec_campaign_list {  }
.sec_campaign_list > li { width: 100%; border-bottom: 1px solid #efcdb2; }
.sec_campaign_list li a { display: block; background: url(../img/bullet_arrow_01.png) right center no-repeat; padding: 14px 56px 14px 10px;
-webkit-background-size: 36px 26px;
background-size: 36px 26px;
}
.sec_campaign_list li .campaign_img,
.sec_campaign_list li .sec_campaign_name { display: table-cell; vertical-align: middle; }
.sec_campaign_list li .campaign_img { padding-right: 6px; }
.sec_campaign_list li .campaign_img img{ width: 94px; height: 70px; border: 1px solid #0066cc; vertical-align: middle; }
.sec_campaign_list li .sec_campaign_name {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sec_campaign_list li .sec_campaign_name  em { display: block; font-style: normal; font-weight: bold; line-height: 1.25; }
.sec_campaign_list li .sec_campaign_name  span { display: block; font-size: 12px; }

/* tab_menu */
.tab_menu { border-bottom: 4px solid #dc874b; text-align: center; }
.tab_menu ul { margin-top: 10px; padding-left: 3px; padding-right: 3px; display: inline-block; width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tab_menu ul li { display: inline-block; text-align: center; font-size: 12px; font-weight: bold;
border-color: transparent;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-image: url(../img/bg_tab_menu.png) 12 14 6 / 6px 7px 3px stretch;
border-image: url(../img/bg_tab_menu.png) 12 14 6 / 6px 7px 3px stretch;
}
.tab_menu2 ul li { width: 50%; }
.tab_menu3 ul li { width: 24%; }
.tab_menu4 ul li { width: 25%; font-size: 11px; letter-spacing: -0.001em; }
.tab_menu ul li a { display: block; line-height: 36px; }
.tab_menu ul li a:link,
.tab_menu ul li a:visited { color: #323333; }
.tab_menu ul li.current {
-webkit-border-image: url(../img/bg_tab_menu_cr.png) 12 14 6 / 6px 7px 3px stretch;
border-image: url(../img/bg_tab_menu_cr.png) 12 14 6 / 6px 7px 3px stretch;
 }
.tab_menu ul li.current a { color: #ffffff; background-color: #dc874b; }


.bt_func_radius a { display: block; border-width: 2px; border-style: solid; background-repeat: no-repeat;
-webkit-border-radius: 5px; padding-left: 10px;
border-radius: 5px; }
.bt_func_radius a span { display: table-cell; vertical-align: middle; height: 44px; }
.bt_func_radius a span.line2 { display: table-cell; vertical-align: middle; height: 44px; line-height: 16px; padding-top: 3px; }
.bt_func_radius a.bullet_pdf { background-image: url(../img/bullet_pdf.png);
-webkit-background-size: 28px 19px;
background-size: 28px 19px;
}

.bt_func_radius_01 a { padding-right: 40px; border-color: #edc3a5; background-image: url(../img/bullet_arrow_01.png); background-position: right center; color: #333333;
-webkit-background-size: 35px 26px;
background-size: 35px 26px;
}
.bt_func_radius_02 a { padding-right: 25px; border-color: #d7000f; background-image: url(../img/bullet_arrow_02.png); background-position: right center; color: #d7000e;
-webkit-background-size: 35px 26px;
background-size: 35px 26px;
}

/* link_connect */
.link_connect { margin: 10px 10px 0; text-align: right; }
.link_connect a { padding: 10px 40px 10px 0; font-size: 12px; font-weight: bold; background: url(../img/bullet_arrow_01.png) 100% 50% no-repeat;
-webkit-background-size: 35px 26px;
background-size: 35px 26px;
}

/* sns_entry */
.sns_entry { margin: 10px 10px 0; text-align: center; }
.sns_entry div { display: inline-block; line-height: 1; vertical-align: middle; }
.sns_entry div:not(:first-child) { margin-left: 5px; }
.sns_entry .sns_addthis .addthis_button_compact { float: none; display: inline-block; }
.sns_entry .facebook_like iframe { height: 20px !important; }

/* item_list */
.item_list { width: 100%; margin-top: 10px; border-top: 1px solid #edc3a5; }
.item_list tr:nth-child(odd) { background: #fcf8ef; }
.item_list th,
.item_list td { padding: 10px; border-bottom: 1px solid #edc3a5; text-align: center; vertical-align: middle; font-size: 14px; font-weight: normal; }

/* sec_supple */
.sec_supple { margin: 20px 10px 0; border-top: 1px dashed #dc874c; }
#main_contents .sec_supple h2 { margin-top: 20px; padding: 0; background: none; border: none; font-size: 14px; }

/* sec_support */
.sec_support { margin-top: 5px; padding: 10px; border: 2px solid #dc874d; text-align: center;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sec_support .sec_support_name { font-size: 12px; }
.sec_support .sec_support_name .sec_support_icon { margin-right: 3px; }
.sec_support .sec_support_name em { font-style: normal; font-weight: bold; }
.sec_support .sec_support_tel { font-weight: bold; font-size: 20px; }

/* box radius */
.box_radius_gry01 { margin-left: 10px; margin-right: 10px; padding: 12px; border: 1px solid #cecece; background-color: #f7f7f7; font-size: 11px; letter-spacing: -0.001em;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.box_radius_gry01 strong { font-size: 16px; }
.box_radius_gry01 .pseudo_heading { color: #991f00; font-weight: bold; }
.box_radius_gry01 ul li { margin-left: 1em; text-indent: -1em; }
.box_radius_gry01 .more { margin-top: 5px; font-size: 12px; color: #2761d4; text-align: right; }
.box_radius_gry01 .more a { padding-right: 10px; background: url(../img/bullet_arrow_link.png) right center no-repeat;
-webkit-background-size: 5px 7px;
background-size: 5px 7px;
}

/* link_more */
.link_more a { display: block; margin-top: 10px; padding: 7px 20px; text-align: center; font-size: 12px; border: 1px solid #edc4a7; background: url(../img/bullet_arrow_link_down.png) 100% 50% no-repeat #fdf9f0;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-background-size: 15px 5px;
background-size: 15px 5px;
}

/* sec_local_nav */
.sec_local_nav {  }
.sec_local_nav > li { width: 100%; border-bottom: 1px solid #efcdb2; }
.sec_local_nav li a { display: block; background: url(../img/bullet_arrow_01.png) right center no-repeat; padding: 14px 56px 14px 10px;
-webkit-background-size: 36px 26px;
background-size: 36px 26px;
}
.sec_local_nav li .local_nav_img,
.sec_local_nav li .sec_local_nav_name { display: table-cell; vertical-align: middle; }
.sec_local_nav li .local_nav_img { padding-right: 6px; }
.sec_local_nav li .local_nav_img img{ width: 94px; height: 70px; border: 1px solid #0066cc; vertical-align: middle; }
.sec_local_nav li .sec_local_nav_name {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sec_local_nav li .sec_local_nav_name em { display: block; font-style: normal; font-weight: bold; line-height: 1.25; }
.sec_local_nav li .sec_local_nav_name span { display: block; font-size: 12px; }

.sec_local_derivation {margin: 10px;}

/* copyright */
#main_contents .copyright { font-size: 12px; }


/* copyright */
#main_contents .sec_twitter_comments { margin: 0 10px; }

/* form */
#main_contents .sec_form { margin: 0 10px; }