@charset "UTF-8";

/* -----------------
 margin/padding
-------------------- */

.mb0{margin-bottom:0 !important;}
.mb0_02{margin-bottom:0 !important;line-height:0em;font-size:1px;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.ml10{margin-left:2% !important;}
.ml20{margin-left:3% !important;}
.ml30{margin-left:5% !important;}
.ml40{margin-left:6% !important;}
.ml50{margin-left:8% !important;}

.mr10{margin-right:2% !important;}
.mr20{margin-right:3% !important;}
.mr30{margin-right:5% !important;}
.mr40{margin-right:6% !important;}
.mr50{margin-right:8% !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}

.pl10{padding-left:2% !important;}
.pl20{padding-left:3% !important;}
.pl30{padding-left:5% !important;}
.pl40{padding-left:6% !important;}
.pl50{padding-left:8% !important;}

.pr10{padding-right:2% !important;}
.pr20{padding-right:3% !important;}
.pr30{padding-right:5% !important;}
.pr40{padding-right:6% !important;}
.pr50{padding-right:8% !important;}

.block_s{
  margin-bottom:30px;
}
.block_m{
  margin-bottom:50px;
}
.block_l{
  margin-bottom:70px;
}

/* -----------------
 base
-------------------- */

body{
  margin:0;
  padding-top: 0;
  text-align:center;
  -webkit-text-size-adjust:100%;
  color:#333;
}
.for_pc{
  display:none;
}
.img_100 img{
  width:100%;
}
.layout_sp{
  margin-left:3% !important;
  margin-right:3% !important;
}

/* -----------------
 gnav
-------------------- */

#btn_menu_sp{
  width:34px;
  height:34px;
  position:absolute;
  top:18px;
  right:15px;
  cursor:pointer;
}
.btn_menu_open {
  background: url(../img/btn_menu_sp.png) no-repeat left top;
  background-size: cover;
}
.btn_menu_close {
  background: url(../img/btn_menu_close_sp.png) no-repeat left top;
  background-size: cover;
}

#gnav_sp{
  visibility: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 60px;
  position: fixed;
  margin: 0;
  padding: 0;
  text-align: left;
  overflow-y: auto;
  z-index: -5000;
}
#gnav_sp.open{
  width: 100%;
  height: 100%;
  visibility: visible;
  background: rgba(0, 0, 0, 0.7);
  z-index: 5000;
}

#gnav_list{
  width: 95%;
  margin: 0 0 60px;
  padding: 0;
  background: #fff ;
  float: right;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: all 0.5s 0s;
  -moz-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
}
#gnav_sp.open #gnav_list{
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.5s 0s;
  -moz-transition: all 0.5s 0s;
  transition: all 0.5s 0s;
}
#gnav_list li{
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#gnav_list li a{
  width:100%;
  display:block;
  margin:0;
  padding:20px 4%;
  color:#000;
  text-decoration:none;
  font-size:17px;
  line-height:1.2em;
  border-top:1px solid #ddd;
  box-sizing:border-box;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  transition: 0s;
}
#gnav_list li a i{
  margin:0 10px 0 0;
  font-size:16px;
  color:#ec9636;
}
#gnav_list li ul{
  display:none;
  margin: 0 0 0 1em;
  padding:0;
  list-style: none;
}
#gnav_list li ul li{
  margin: 0;
  padding:0;
}
#gnav_list li ul li a{
  width:100%;
  margin: 0;
  padding: 15px 4%;
  display: block;
  border-top: none;
  font-size:14px;
  color: #000;
  box-sizing:border-box;
}
#gnav_list li ul li:last-child a{
  padding-bottom:28px;
}
#gnav_list li ul li a i,
#gnav_top_list li ul li a i{
  margin: 0 10px 0 0;
  color:#ec9636;
  font-size:15px;
}
#gnav_list li#gnav_sp_colse_btn{
  margin: 0 auto;
  text-align: center;
}
#gnav_list li#gnav_sp_colse_btn img{
  width: 30px;
}
#gnav_list li a.gnav_sp_open{
  background: url(../img/icon_nav_open_sp.png) no-repeat 94% center;
  background-size: 20px;
}
#gnav_list li a.gnav_sp_close{
  background: url(../img/icon_nav_close_sp.png) no-repeat 94% center;
  background-size: 20px;
}

#gnav_list li ul#sns{
  margin:0;
  padding:0;
  list-style:none;
  letter-spacing: -0.4em;
  display: block;
}
#gnav_list li ul#sns li{
  width:33.3333%;
  margin:0;
  padding:0;
  letter-spacing: normal;
  display: inline-block;
  text-align: center;
}
#gnav_list li ul#sns li a{
  width:100%;
  display:block;
  margin:0;
  padding:20px 4%;
  color:#000;
  text-decoration:none;
  font-size:14px;
  line-height:1.2em;
  border-top:1px solid #ccc;
  box-sizing:border-box;
}
#gnav_list li ul#sns li a img{
  width:60px;
  margin:0 auto 7px;
  display: block;
}


/* ----------------------------------------------
 common
------------------------------------------------- */

/* -----------------
 font
-------------------- */
*{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.ming{
 font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.l{
  margin-bottom: 1em;
  font-size:16px;
  line-height:1.8em;
  text-align: left;
}
.l_mb0{
  font-size:16px;
  line-height:1.8em;
  text-align: left;
}
.m{
  margin-bottom: 1em;
  font-size:15px;
  line-height:1.8em;
  text-align: left;
}
.m_mb0{
  font-size:15px;
  line-height:1.8em;
  text-align: left;
}
.s{
  margin-bottom: 1em;
  font-size:13px;
  line-height:1.8em;
  text-align: left;
}
.s_mb0{
  font-size:13px;
  line-height:1.8em;
  text-align: left;
}

.f_bold{
  font-weight: bold;
}
.f_normal{
  font-weight: normal;
}

.text_red{
  color:#e90000;
}


/* -----------------
 headline
-------------------- */

h1{
  margin:0;
  padding:0;
}
h2{
  margin:0;
  padding:0;
}
h3{
  margin:0;
  padding:0;
}

/* -----------------
 link
-------------------- */

a{
  color:#333;
  outline: none;
  text-decoration:none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
a.link_underline{
  color:#ec9636;
  outline: none;
  text-decoration:underline;
}
a.link_icon{
  min-height: 22px;
  color:#333;
  outline: none;
  padding:2px 0 0 28px;
  font-size:15px;
  line-height:1.2em;
  background:url(../img/icon_link.png) no-repeat left 2px;
  background-size: 18px;
  display: inline-block;
  box-sizing:border-box;
}

a img.opacity {
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

/* -----------------
 layout
-------------------- */

#wrapper{
  width:100%;
  margin:0;
  padding-top: 70px;
  background-color: #f7f7f7;
}
#pagetop{
  margin:0;
  padding:0;
}

header#header_pc,
div#head_fix_pc{
  width:100%;
  height:50px;
  margin:0;
  position:fixed;
  left:0;
  top:0;
  z-index: 100;
  background-color: rgba(24,124,22,0.9);
  display: none;
}{
  display: none;
}
header#header_sp{
  width:100%;
  height:70px;
  position: fixed;
  top:0;
  left:0;
  z-index: 100;
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 1px 2px 0px rgba(102,102,102,0.2);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(102,102,102,0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(102,102,102,0.2);
}
header#header_sp #logo{
  width:200px;
  margin:0 0 0 3%;
  padding-top: 3px;
  font-size:1px;
  line-height:0;
}
header#header_sp #logo img{
  width:100%;
}

header#header_sp #btn_header_tel{
  width:32px;
  height:32px;
  position:absolute;
  top:20px;
  right:70px;
  cursor:pointer;
}
header#header_sp #btn_header_tel img{
  width:100%;
}

header#header_sp #p_header{
  min-height: 20px;
  margin:3px 0 0 4%;
  padding:0px;
  font-size: 11px;
  box-sizing:border-box;
}

article{
  width:100%;
  margin:0;
  padding-bottom: 50px;
}
.layout{
  width:100%;
  margin:0 auto;
  padding:0;
  text-align: left;
  position: relative;
  box-sizing:border-box;
}

#block_common_banner{
  width:94%;
  margin:0 auto;
  padding:30px 3% 10px;
  background-color: #fff;
  box-shadow: 2px -2px 2px 0px rgba(102,102,102,0.2);
  -webkit-box-shadow: 2px -2px 2px 0px rgba(102,102,102,0.2);
  -moz-box-shadow: 2px -2px 2px 0px rgba(102,102,102,0.2);
}
#block_common_banner ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
  letter-spacing: -0.4em;
}
#block_common_banner ul li{
  width:46%;
  margin:0 1% 20px;
  padding:0;
  letter-spacing: normal;
  display: inline-block;
}
#block_common_banner ul li img{
  width:100%;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.2);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.2);
}

footer{
  width:100%;
  margin:0;
}
footer #link_area{
  width:100%;
  margin:0;
  padding: 0 0 30px;
  background-color: #ec9636;
  position: relative;
}

footer #link_area ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:15px;
  line-height:1.4em;
}
footer #link_area ul li{
  margin:0;
  padding:0;
  border-bottom: 1px solid #f4c086;
}
footer #link_area ul li a,
footer #link_area ul li span{
  width:100%;
  margin:0;
  padding: 18px 3%;
  color:#fff;
  display: block;
  box-sizing:border-box;
  cursor: pointer;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  transition: 0s;
}
footer #link_area ul li a:hover{
  color:#fff;
}
footer #link_area ul li i{
  margin-right: 5px;
}

footer #link_area ul li ul{
  display:none;
  margin: 0;
  padding:15px 0 15px 1em;
  list-style: none;
  background-color: #fff;
}
footer #link_area ul li ul li{
  margin: 0;
  padding:0;
  border-bottom: none;
}
footer #link_area ul li ul li a{
  width:100%;
  margin: 0;
  padding: 15px 3%;
  color:#333;
  display: block;
  border-top: none;
  font-size:14px;
  box-sizing:border-box;
}
footer #link_area ul li ul li a:hover{
  color:#333;
}
footer #link_area ul li a.gnav_sp_open,
footer #link_area ul li span.gnav_sp_open{
  background: url(../img/icon_footer_nav_open_sp.png) no-repeat 94% center;
  background-size: 20px;
}
footer #link_area ul li a.gnav_sp_close,
footer #link_area ul li span.gnav_sp_close{
  background: url(../img/icon_footer_nav_close_sp.png) no-repeat 94% center;
  background-size: 20px;
}

footer #block_shop{
  width:100%;
  margin:40px 0 0;
}
footer #block_shop .block{
  margin:0 0 20px;
  padding:0;
  letter-spacing: -0.4em;
}
footer #block_shop .block:last-child{
  margin:0;
}
footer #block_shop .block .name{
  margin:0 0 10px;
  padding: 15px 0;
  font-size: 15px;
  line-height: 1em;
  letter-spacing: normal;
  color:#fff;
  text-align: center;
  background-color: #bd782b;
}
footer #block_shop .block .description{
  margin:0;
  padding: 0 3%;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: normal;
  color:#fff;
  box-sizing:border-box;
}
footer #block_shop .block .description a{
  color:#fff;
  text-decoration: underline;
}

footer #copy_area{
  width:100%;
  margin:0;
  padding: 20px 0;
  text-align: center;
}
footer #copy_area p{
  margin:0;
  font-size: 12px;
  line-height: 1.2em;
}

/* -----------------
 下層
-------------------- */

#mainimg_sub{
  width:100%;
  height:180px;
  line-height: 180px;
  margin:0;
}
#mainimg_sub h2 span{
  width:94%;
  margin:0 auto;
  padding:0;
  font-size: 30px;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  color:#ec9636;
  display: inline-block;
  vertical-align: middle;
  box-sizing:border-box;
}
#mainimg_sub h2 img{
  display: none;
}

#sub_nav_pc_area{
  display: none;
}

#sub_nav_sp ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:14px;
  line-height:1.4em;
}
#sub_nav_sp ul li{
  margin:0;
  padding:0;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
#sub_nav_sp ul li a{
  margin:0;
  padding:18px 10px 18px 20px;
  display: block;
  color:#333;
  background-color: #fff;
  text-indent: -5px;
}
#sub_nav_sp ul li a i{
  margin-right:5px;
  color:#ec9636;
}

#topic_path{
  width:94%;
  margin:0 auto 50px;
  padding:25px 0 0;
  list-style:none;
  font-size:13px;
  line-height:2em;
}
#topic_path li{
  margin:0 7px 0 0;
  padding:0;
  float:left;
}
#topic_path li:nth-of-type(even){
  font-size:10px;
  color:#ec9636;
}
#topic_path li a{
  text-decoration: underline;
}

h3.h3_sub{
  margin:0 0 25px;
  padding:0;
  font-size: 22px;
  line-height: 1.2em;
  color:#ec9636;
  text-align: center;
  background:url(../img/h3_line.png) no-repeat left center;
}
h3.h3_sub span{
  margin:0 1em;
  padding:0 1em;
  background-color: #f7f7f7;
  display: inline-block;
  vertical-align:middle;
}
h4{
  margin:0 0 20px;
  padding:0;
  font-size: 18px;
  line-height: 1.4em;
  color:#3b3530;
}

/* -----------------
 table
-------------------- */

.swipe{
  width:100%;
  margin:0 0 10px;
  padding:0;
  font-size: 1px;
  line-height: 0;
}
.swipe img{
  width:100%;
}
.block_scroll{
  overflow-x: scroll;
}

/* -----------------
 lsit
-------------------- */

.list_normal{
  margin:0 0 1em 1.2em;
  padding:0;
  font-size:15px;
  line-height:1.8em;
  text-align: left;
}
.list_normal li{
  margin:0 0 10px 0;
  padding:0;
}


/* -----------------
 btn
-------------------- */

.btn_common {
  width:100%;
  display: inline-block;
  margin:0 auto;
  padding: 15px 1em;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 17px;
  outline: none;
  background-color: #ec9636;
  border: 2px solid #ec9636;
  color: #fff;
  box-sizing:border-box;
}
.btn_common:hover{
  color: #fff;
  text-decoration: none;
}
.btn_common i{
  margin-left: 10px;
}

.btn_red {
  width:100%;
  display: inline-block;
  margin:0 auto;
  padding: 15px 1em;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 17px;
  outline: none;
  background-color: #e90000;
  border: 2px solid #e90000;
  color: #fff;
  box-sizing:border-box;
}
.btn_red:hover{
  color: #fff;
  text-decoration: none;
}
.btn_red i{
  margin-left: 10px;
}

/* -----------------
 form
-------------------- */

input[type="text"],
input[type="email"],
textarea,
select{
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="text"],
input[type="email"],
textarea,
select{
  outline: none;
  border: 1px solid #ccc;
  -webkit-transition: all .3s;
  transition: all 0.5s;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size:87.5%;
}
input:focus,
textarea:focus{
  border: 1px solid #ec9636;
  background-color: #f3f8f3;
}

/* -----------------
 news/performance
-------------------- */

/* ---- list ---- */

.cms_list{
  width:94%;
  margin:0 auto;
  padding:0;
  text-align: left;
}
.cms_list dt{
  margin:0 0 5px;
  padding:0;
  font-size:13px;
  line-height:1em;
  font-weight: bold;
  color:#ec9636;
}
.cms_list dd{
  margin:0 0 35px;
  padding:0 0 15px;
  font-size:15px;
  line-height:1.6em;
  border-bottom: 1px solid #ddd;
  box-sizing:border-box;
}
.cms_list dd a{
  color:#333;
  text-decoration:none;
}
.cms_list dd a span{
  margin:0 0 0 5px;
  padding:4px 12px 2px;
  font-size: 13px;
  line-height:1em;
  color:#e90000;
  background-color: #ffff00;
  vertical-align: baseline;
  display: inline-block;
  font-weight: bold;
}

#blcok_pagenation{
  width:94%;
  margin:0 auto;
  text-align: center;
}
#blcok_pagenation p,
#blcok_pagenation a,
#blcok_pagenation span{
  display: inline-block;
}
#blcok_pagenation span.now,
#blcok_pagenation a{
  margin:0 5px;
  padding:7px 14px;
  font-size: 13px;
  line-height: 1em;
}
#blcok_pagenation span.now{
  color:#fff;
  background-color: #ec9636;
}

/* ---- detail ---- */

.cms_detail{
  width:94%;
  margin:0 0 25px;
  padding:0 3% 10px;
  border-bottom: 1px solid #ddd;
}
.cms_detail dt{
  margin:0 0 5px;
  padding:0;
  font-size:13px;
  line-height:1em;
  font-weight: bold;
  color:#ec9636;
}
.cms_detail dd{
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.6em;
}

.pic_cms_01{
  width:100%;
  margin:0 auto 30px;
}
.pic_cms_01 img{
  width:100%;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
}

.pic_cms_02{
  width:100%;
  margin:0 auto 30px;
}
.pic_cms_02 .left{
  width:100%;
  margin:0 0 30px;
}
.pic_cms_02 .right{
  width:100%;
  margin:0;
}
.pic_cms_02 img{
  width:100%;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
}

.table_cms{
  width:100%;
  margin:0 0 40px;
  padding:0;
  border-collapse: collapse;
  font-size:1px;
  line-height:0;
}
.table_cms td{
  width:100%;
  margin:0;
  padding:0;
  text-align: center;
  display: block;
}
.table_cms td.arrow{
  width:100%;
  margin:0;
  padding:10px 0;
  text-align: center;
  vertical-align: middle;
}
.table_cms td img{
  width:100%;
  box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -webkit-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
  -moz-box-shadow: 0px 2px 3px 0px rgba(102,102,102,0.3);
}
.table_cms td i{
  font-size: 40px;
  line-height: 1em;
  color:#ec9636;
}

#block_cms_p  p{
  margin-bottom: 1em;
  font-size:15px;
  line-height:1.8em;
  text-align: left;
}

.back_list{
  width:90%;
  margin:0 auto 50px;
  padding-top: 30px;
}

/* -----------------
 coming_soon
-------------------- */

#coming_soon{
  margin:150px 0;
  font-size:15px;
  line-height:1.8em;
  text-align: center;
}