@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:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !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:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.block_s{
  margin-bottom:60px;
}
.block_m{
  margin-bottom:100px;
}
.block_l{
  margin-bottom:140px;
}

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

body{
  margin:0;
  padding:0;
  text-align:center;
  color:#333;
  background-color: #f7f7f7;
}
.for_sp{
  display:none;
}
.img_100 img{
  width:100%;
}


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

#btn_menu_sp,
#gnav_sp_colse_btn{
  display:none;
}

#gnav{
  width:1000px;
  height:40px;
  margin:0;
  padding:0;
  line-height:0;
  font-size:1px;
}
#gnav_list{
  margin:0;
  padding:0;
  list-style:none;
}
#gnav_list li a,
#gnav_list li span.nolink{
  margin:0;
  padding:0;
  font-size: 15px;
  line-height: 1.2em;
  text-align: center;
  color:#666;
  cursor: pointer;
  box-sizing:border-box;
}
#gnav_list li a span,
#gnav_list li span.nolink span{
  width:165px;
  height:40px;
  padding:4px 0;
  border-right: 1px solid #e5e5e5;
  box-sizing:border-box;
  display: block;
  float:left;
}
#gnav_list li:last-child a span{
  width:175px;
}
#gnav_list li a:first-child span{
  border-left: 1px solid #e5e5e5;
}

#gnav_list li ul {
  width:240px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top:40px;
  z-index: 100;
}
#gnav_list li ul#slidedown_02 {
  left: 177px;
}
#gnav_list li ul li {
  width:240px !important;
  height: 0;
  color: #fff;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
#gnav_list li ul li a{
  height:63px !important;
  padding: 25px 20px;
  background: #feffc2;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color:#ec9636;
  text-decoration:none;
  border-bottom:1px solid #ec9636;
  display: block;
}
#gnav_list li ul li:last-child a{
  border-bottom:none;
}
#gnav_list li ul#slidedown_02 li a{
  width:270px !important;
}
#gnav_list li ul li a:hover{
  background: #ec9636;
  color:#fff;
}
#gnav_list li ul li a i{
  margin-right: 5px;
}
#gnav_list li:hover ul li  {
  overflow: visible;
  height: 63px;
}

#gnav_01_li::after {
  width: 163px;
  bottom: 0;
  left: 11px;
}
#gnav_02_li::after {
  width: 164px;
  bottom: 0;
  left: 175px;
}
#gnav_03_li::after {
  width: 164px;
  bottom: 0;
  left: 505px;
}
#gnav_04_li::after {
  width: 164px;
  bottom: 0;
  left: 340px;
}
#gnav_05_li::after {
  width: 164px;
  bottom: 0;
  left: 670px;
}
#gnav_06_li::after {
  width: 175px;
  bottom: 0;
  left: 835px;
}
#gnav_01_li::after,
#gnav_02_li::after,
#gnav_03_li::after,
#gnav_04_li::after,
#gnav_05_li::after,
#gnav_06_li::after{
  position: absolute;
  content: '';
  height: 1px;
  background: #ec9636;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.2s;
}
#gnav_01_li:hover::after,
#gnav_02_li:hover::after,
#gnav_03_li:hover::after,
#gnav_04_li:hover::after,
#gnav_05_li:hover::after,
#gnav_06_li:hover::after{
  transform: scale(1, 1);
  cursor: pointer;
}


#fixed_nav{
  margin:0 0 0 130px;
  padding-top: 18px ;
}
#fixed_nav_list{
  margin:0;
  padding:0;
  list-style:none;
}
#fixed_nav_list li{
  margin:0 30px 0 0;
  padding:0;
  float:left;
  position: relative;
}
#fixed_nav_list li:last-child{
  margin:0;
}

#fixed_nav_list li a,
#fixed_nav_list li span.nolink{
  height:32px;
  margin:0;
  padding:0;
  font-size: 14px;
  line-height: 1em;
  text-align: center;
  color:#fff;
  float:left;
  cursor: pointer;
  box-sizing:border-box;
}

#fixed_nav_list li ul {
  width:220px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top:32px;
  z-index: 100;
}
#fixed_nav_list li ul#slidedown_02 {
  left: 0;
}
#fixed_nav_list li ul li {
  width:220px !important;
  height: 0;
  color: #fff;
  overflow: hidden;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
#fixed_nav_list li ul li a{
  height:63px !important;
  padding: 25px 20px;
  background: #feffc2;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color:#ec9636;
  text-decoration:none;
  border-bottom:1px solid #ec9636;
  display: block;
}
#fixed_nav_list li ul li:last-child a{
  border-bottom:none;
}
#fixed_nav_list li ul#slidedown_02 li a{
  width:270px !important;
}
#fixed_nav_list li ul li a:hover{
  background: #ec9636;
  color:#fff;
}
#fixed_nav_list li ul li a i{
  margin-right: 5px;
}
#fixed_nav_list li:hover ul li  {
  overflow: visible;
  height: 63px;
}

#fixed_nav_01{
  width:2em;
  padding:0;
}
#fixed_nav_01_li::after {
  width:1.5em;
  padding:0;
  bottom: 0;
  left: 0;
}
#fixed_nav_02{
  width:4em;
  padding:0;
}
#fixed_nav_02_li::after {
  width:3.5em;
  padding:0;
  bottom: 0;
  left: 0;
}
#fixed_nav_03{
  width:5em;
  bottom: 0;
}
#fixed_nav_03_li::after {
  width:4.5em;
  padding:0;
  bottom: 0;
  left: 0;
}
#fixed_nav_04{
  width:7em;
  bottom: 0;
}
#fixed_nav_04_li::after {
  width:6em;
  padding:0;
  bottom: 0;
  left: 0;
}
#fixed_nav_05{
  width:5em;
  bottom: 0;
}
#fixed_nav_05_li::after {
  width:4.5em;
  bottom: 0;
  left: 0;
}
#fixed_nav_06{
  width:6em;
  bottom: 0;
}
#fixed_nav_06_li::after {
  width:5.5em;
  bottom: 0;
  left: 0;
}

#fixed_nav_01_li::after,
#fixed_nav_02_li::after,
#fixed_nav_03_li::after,
#fixed_nav_04_li::after,
#fixed_nav_05_li::after,
#fixed_nav_06_li::after{
  position: absolute;
  content: '';
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.2s;
}
#fixed_nav_01_li:hover::after,
#fixed_nav_02_li:hover::after,
#fixed_nav_03_li:hover::after,
#fixed_nav_04_li:hover::after,
#fixed_nav_05_li:hover::after,
#fixed_nav_06_li:hover::after{
  transform: scale(1, 1);
  cursor: pointer;
}

/* ----------------------------------------------
 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;
}

.xl{
  margin-bottom: 1em;
  font-size:130%;
  line-height:1.8em;
}
.l{
  margin-bottom: 1em;
  font-size:100%;
  line-height:1.8em;
}
.l_mb0{
  font-size:100%;
  line-height:1.8em;
}
.m{
  margin-bottom: 1em;
  font-size:93.7%;
  line-height:1.8em;
}
.m_mb0{
	font-size:93.7%;
	line-height:1.8em;
}
.s{
	margin-bottom: 1em;
  font-size:75%;
	line-height:1.8em;
}
.s_mb0{
	font-size:75%;
	line-height:1.8em;
}

.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:hover{
  color:#ec9636;
  outline: none;
  text-decoration:none;
}
a.link_underline{
  color:#ec9636;
  outline: none;
  text-decoration:underline;
}
a.link_underline:hover{
  color:#ec9636;
  text-decoration:none;
}
a.link_icon{
  min-height: 22px;
  color:#333;
  outline: none;
  padding:2px 0 0 34px;
  font-size:93.5%;
  line-height:1.2em;
  background:url(../img/icon_link.png) no-repeat left top;
  background-size: 22px;
  display: inline-block;
  box-sizing:border-box;
}
a.link_icon:hover{
  color:#ec9636;
  outline: none;
}

a.link_pdf{
  min-height: 22px;
  color:#ec9636;
  outline: none;
  padding:3px 30px 0 0;
  font-size:93.5%;
  line-height:1.2em;
  text-decoration:underline;
  background:url(../img/icon_pdf.png) no-repeat right top;
  background-size: 18px;
  display: inline-block;
  box-sizing:border-box;
}
a.link_pdf:hover{
  color:#ec9636;
  outline: none;
}

a:hover img.opacity{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
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;
}

.virtualRoom {
  border: 0;
  border-radius: 0px;
  background: #ec9636;
  color: #fff;
  padding: 8px 30px;
  font-size: 16px;
  position: relative;
  top: 40px;
  left: 740px;
}

.virtualRoom:hover {
	opacity: 0.6;
}

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

#wrapper{
  min-width:1020px;
  margin:0;
}

header#header_sp{
  display: none;
}

header#header_pc{
  min-width:1020px;
  height:181px;
  margin:0;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  position: relative;
  box-sizing:border-box;
}
header#header_pc #upside{
  min-width:1020px;
  height:51px;
  margin:0;
  padding-top: 10px;
  background-color: #ec9636;
  border-bottom: 1px solid #ececec;
  position: relative;
  box-sizing:border-box;
}
header#header_pc #upside p{
  min-height: 30px;
  margin:0 0 0 15px;
  padding:8px 0 0 0;
  font-size: 13px;
  line-height: 1em;
  color:#fff;
  box-sizing:border-box;
}
header#header_pc #upside div{
  margin:0;
  position:absolute;
  right:0;
  top:0;
}
header#header_pc #upside div a{
  width:270px;
  height:50px;
  margin:0;
  padding: 14px 0 0;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
  color:#e90000;
  background-color: #ffff00;
  border: 3px solid #ffff00;
  display: block;
  box-sizing:border-box;
}
header#header_pc #upside div a:hover{
  border: 3px solid #e90000;
}
header#header_pc #upside div a span{
  padding:0 0 0 30px;
  background: url(../img/icon_mail.png) no-repeat left center;
  background-size: 20px;
  display: inline-block;
}
.position_f{
  margin:0;
  position:absolute;
  right:380px;
  top:10px;
}
.position_in{
  margin:0;
  position:absolute;
  right:330px;
  top:10px;
}
.position_t{
  margin:0;
  position:absolute;
  right:280px;
  top:10px;
}
header#header_pc #logo_area{
  min-width:1020px;
  margin:15px 0 27px;
  padding: 0;
  position: relative;
  box-sizing:border-box;
}
header#header_pc #logo_area #logo{
  width:320px;
  margin:0 0 0 15px;
  padding: 0;
  font-size: 1px;
  line-height: 0;
}
header#header_pc #logo_area #logo img{
  width:100%;
}

header#header_pc #logo_area img#logo_kagi{
  width:140px;
  position:absolute;
  left:360px;
  top:10px;
}
header#header_pc #logo_area img#logo_privacy{
  width:32px;
  position:absolute;
  left:330px;
  top:12px;
}
header#header_pc #logo_area img#icon_header_car{
  width:70px;
  position:absolute;
  left:555px;
  top:10px;
}
header#header_pc #logo_area img#img_header_tel{
  width:334px;
  position:absolute;
  right:10px;
  top:0px;
}

div#head_fix_pc{
  width:100%;
  height:50px;
  margin:0;
  position:fixed;
  left:0;
  top:0;
  z-index: 100;
  background-color: rgba(236,150,54,0.9);
  display: none;
}
div#head_fix_pc #inner{
  min-width:1020px;
  height:50px;
  margin:0 auto;
  position: relative;
}
div#logo_fixed{
  width:68px;
  margin:0 0 0 10px;
  padding-top: 7px;
  float:left;
}
div#logo_fixed img{
  width:100%;
}
div#head_fix_pc #btn_list{
  position:absolute;
  right:20px;
  top:8px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:1px;
  line-height:0;
}
div#head_fix_pc #btn_list li{
  width:34px;
  margin:0;
  padding:0 0 0 30px;
  float:right;
}
div#head_fix_pc #btn_list li:last-child{
  width:200px;
  margin:0;
  padding:5px 0 0
}
div#head_fix_pc #btn_list li img{
  width:100%;
}

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

#block_common_banner{
  width:100%;
  margin:0;
  padding:30px 0 15px;
  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:240px;
  margin:0 10px 15px 0;
  padding:0;
  letter-spacing: normal;
  display: inline-block;
}
#block_common_banner ul li:nth-of-type(4n){
  margin:0 0 15px 1px;
}
#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{
  min-width:1020px;
  margin:0;
  padding: 40px 0;
  background-color: #ec9636;
  position: relative;
}

footer #link_area ul{
  margin:0 3em 0 0;
  padding:0;
  list-style:none;
  font-size:93.5%;
  line-height:1.4em;
  float:left;
}
footer #link_area ul li{
  margin:0 0 15px 0;
  padding:0;
}
footer #link_area ul li a,
footer #link_area ul li span{
  color:#fff;
}
footer #link_area ul li a:hover{
  color:#fff;
  text-decoration: underline;
}
footer #link_area ul li i{
  display: none;
}

footer #link_area ul li ul{
  margin: 0 0 0 1em;
  padding:15px 0 0;
  list-style: none;
  float:none;
}
footer #link_area ul li ul li{
  margin:0 0 15px 0;
  padding:0;
}

footer #block_shop{
  width:450px;
  position:absolute;
  right:20px;
  top:40px;
}
footer #block_shop .block{
  margin:0 0 15px;
  padding:0 0 15px;
  letter-spacing: -0.4em;
  border-bottom: 1px solid #f4c086;
}
footer #block_shop .block:last-child{
  margin:0;
  padding:0;
  border-bottom: none;
}
footer #block_shop .block .name{
  width:125px;
  margin:0;
  padding: 50px 0;
  font-size: 15px;
  line-height: 1em;
  letter-spacing: normal;
  color:#fff;
  text-align: center;
  background-color: #bd782b;
  display: inline-block;
  vertical-align: middle;
}
footer #block_shop .block .description{
  width:325px;
  margin:0;
  padding: 0 20px;
  font-size: 15px;
  line-height: 2em;
  letter-spacing: normal;
  color:#fff;
  display: inline-block;
  vertical-align: middle;
  box-sizing:border-box;
}

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

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

#mainimg_sub{
  min-width:1020px;
  height:240px;
  margin:0;
}
#mainimg_sub h2{
  margin:0;
  padding-top: 80px;
  font-size: 48px;
  line-height: 1em;
  font-weight: bold;
  color:#ec9636;
  text-align: center;
}
#mainimg_sub h2 span{
  display: none;
}

#sub_nav_pc_area{
  width:100%;
  height:40px;
  margin:0;
  padding:10px 0;
  background-color: #ec9636;
  text-align: center;
}
#sub_nav_pc ul{
  width:1000px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
  line-height:1.4em;
  letter-spacing: -0.4em;
  text-align: center;
  box-sizing:border-box;
}
#sub_nav_pc ul li{
  margin:0;
  padding:0 10px;
  letter-spacing: normal;
  border-left:1px solid #f4c086;
  box-sizing:border-box;
  display: inline-block;
}
#sub_nav_pc ul li:last-child{
  border-right:1px solid #f4c086;
}
#sub_nav_pc ul li a{
  height:40px;
  color:#fff;
  vertical-align: middle;
  text-align: center;
  border-bottom: 2px solid #ec9636;
  display: table-cell;
}
#sub_nav_pc ul li a:hover{
  color:#fff;
  border-bottom: 2px solid #fff;
}

#sub_nav_sp{
  display: none;
}

#topic_path{
  margin:0 0 70px;
  padding:25px 0 0;
  list-style:none;
  font-size:14px;
  line-height:1.4em;
}
#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 55px;
  padding:0;
  font-size: 238%;
  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 30px;
  padding:0;
  font-size: 175%;
  line-height: 1.2em;
  color:#3b3530;
}

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

.swipe{
  display: none;
}


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

.list_normal{
  margin:0 0 1em 1.2em;
  padding:0;
  font-size:93.7%;
  line-height:1.8em;
}
.list_normal li{
  margin:0 0 10px 0;
  padding:0;
}

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

.btn_common {
  width:100%;
  display: inline-block;
  margin:0 auto;
  padding: 18px 1em;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  line-height: 1em;
  outline: none;
  box-sizing: border-box;
}
.btn_common::before,
.btn_common::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_common,
.btn_common::before,
.btn_common::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn_common {
  position: relative;
  z-index: 2;
  background-color: #ec9636;
  border: 2px solid #ec9636;
  color: #fff;
}
.btn_common:hover {
  background-color: #fff;
  border-color: #ec9636;
  color: #ec9636;
  text-decoration: none;
}
.btn_common::before,
.btn_common::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #ec9636;
}
.btn_common::before {
  right: 0;
}
.btn_common::after {
  left: 0;
}
.btn_common:hover::before,
.btn_common:hover::after {
  width: 0;
  background-color: #ec9636;
}
.btn_common i{
  margin-left: 20px;
}

.btn_red {
  width:100%;
  display: inline-block;
  margin:0 auto;
  padding: 18px 1em;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  line-height: 1em;
  outline: none;
  box-sizing: border-box;
}
.btn_red::before,
.btn_red::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn_red,
.btn_red::before,
.btn_red::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn_red {
  position: relative;
  z-index: 2;
  background-color: #e90000;
  border: 2px solid #e90000;
  color: #fff;
}
.btn_red:hover {
  background-color: #fff;
  border-color: #e90000;
  color: #e90000;
  text-decoration: none;
}
.btn_red::before,
.btn_red::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #e90000;
}
.btn_red::before {
  right: 0;
}
.btn_red::after {
  left: 0;
}
.btn_red:hover::before,
.btn_red:hover::after {
  width: 0;
  background-color: #e90000;
}
.btn_red i{
  margin-left: 20px;
}

/* -----------------
 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:15px;
}
input:focus,
textarea:focus{
  border: 1px solid #ec9636;
  background-color: #f3f8f3;
}

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

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

.cms_list{
  margin:0 0 35px;
  padding:0 0 15px;
  background:url(../img/line_cms_list.png) no-repeat left bottom;
}
.cms_list dt{
  width:110px;
  margin:0;
  padding:0;
  font-size:93.7%;
  line-height:1.6em;
  font-weight: bold;
  color:#ec9636;
  float:left;
}
.cms_list dd{
  width:890px;
  margin:0;
  padding:0 0 0 20px;
  font-size:93.7%;
  line-height:1.6em;
  float:left;
  box-sizing:border-box;
}
.cms_list dd a{
  color:#333;
  text-decoration:none;
}
.cms_list dd a:hover{
  color:#e90000;
  text-decoration:none;
}
.cms_list dd span{
  margin:0 0 0 5px;
  padding:4px 12px 2px;
  font-size: 12px;
  line-height:1em;
  color:#e90000;
  background-color: #ffff00;
  vertical-align: baseline;
  display: inline-block;
  font-weight: bold;
}

#blcok_pagenation{
  margin:0;
  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: 14px;
  line-height: 1em;
}
#blcok_pagenation span.now{
  color:#fff;
  background-color: #ec9636;
}
#blcok_pagenation a:hover{
  color:#fff;
  background-color: #ec9636;
}

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

.cms_detail{
  margin:0 0 35px;
  padding:0 0 15px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.cms_detail dt{
  margin:0 0 10px;
  padding:0;
  font-size:93.7%;
  line-height:1em;
  font-weight: bold;
  color:#ec9636;
}
.cms_detail dd{
  margin:0;
  padding:0;
  font-size:113%;
  line-height:1.6em;
}

.pic_cms_01{
  max-width:800px;
  margin:0 auto 40px;
}
.pic_cms_01 img{
  max-width:800px;
  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{
  margin:0 0 40px 0;
  padding:0;
  text-align: center;
}
.pic_cms_02 .left{
  width:450px;
  margin:0;
  text-align: center;
  float:left;
}
.pic_cms_02 .right{
  width:450px;
  margin:0;
  text-align: center;
  float:right;
}
.pic_cms_02 img{
  max-width:100%;
  margin:0 auto;
  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:450px;
  margin:0;
  padding:0;
  text-align: center;
}
.table_cms td.arrow{
  width:100px;
  margin:0;
  padding: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: 60px;
  line-height: 1em;
  color:#ec9636;
}

#block_cms_p  p{
  margin-bottom: 1em;
  font-size:93.7%;
  line-height:1.8em;
}

.back_list{
  width:350px;
  margin:0 auto;
  padding-top: 50px;
}

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

#coming_soon{
  margin:200px 0;
  font-size:100%;
  line-height:1.8em;
  text-align: center;
}