@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
スマホ向けのスタイル：320px ～ 768px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
a img{-webkit-tap-highlight-color:rgba(255,255,255,0.3)}
/* ヘッダー
----------------------------------------------------------------------------- */
html{-webkit-overflow-scrolling: touch;}
#header-area {
background: url(../image/bg_header.png) repeat-x center bottom;
-webkit-background-size: auto auto;
-moz-background-size: auto auto;
-ms-background-size: auto auto;
-o-background-size: auto auto;
background-size: auto auto;
height: 64px;
width: 100%;
}

#maincontent .kv {
position: relative;
z-index: 100;
width: 100%;
overflow: hidden;
background:url(../img/select/select.png) no-repeat top center;
background-size: auto 100%;
}
#maincontent .kv p{
margin:0 auto;
}
#maincontent .kv p span{
display:block;
}

.header-wrap {
margin: 0;
}
.site-logo {
float: left;
margin-top:0px;
width: 60%;
}
.logo {
float: none;
width: 200px;
height: 55px;
margin: 3px 0 0 3.125%;
background: url(../image/logo.png) no-repeat 0 0;
-webkit-background-size: 200px 55px;
-moz-background-size: 200px 55px;
-ms-background-size: 200px 55px;
-o-background-size: 200px 55px;
background-size: 200px 55px;
}
.logo a {
display: block;
width: 200px;
height: 55px;
}
#breadcrumbs ul {
    overflow-x: scroll;
}
#breadcrumbs {
    font-size: 3vw;
    width: 100%;

}
/*
#header h1 {
position: absolute;
top: 0;
left: 0;
font-size: x-small;
background: #f1f1f1;
width: 100%;
padding: 2px 3.125%;
}
*/
#header h1 {display:none;}
ul.header-btn {
float: right ;
margin-top:25px;
margin-right: 3.125%;
font-size: 0;
}
ul.header-btn li {
display: inline-block;
margin-left: 10px;
font-size: 14px;
}
ul.header-btn li.btn-faq a span{
display: block;
width: 35px;
height: 35px;
text-indent: -9999px;
background: url(../image/icon_faq.png) no-repeat left center;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
background-size: 35px 35px;
padding-top: 0;
}
ul.header-btn li.btn-yoyaku a span{
display: block;
width: 35px;
height: 35px;
text-indent: -9999px;
background: url(../image/icon_yoyaku.png) no-repeat left center;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
background-size: 35px 35px;
padding-top: 0;
}
ul.header-btn li.btn-faq {
background: none;
padding: 0;
}
ul.header-btn li.btn-yoyaku {
background: none;
padding: 0;
}
/* スマホ用ヘッダーメニュー
----------------------------------------------------------------------------- */
#sidr {/*とりあえず隠す*/
display: none;
}
ul.header-btn {
display: none;
}
#sp-acmenu {
display: block;
float: right ;
margin-top:15px;
margin-right: 3.125%;
}
#sp-navi{
display: block;
text-indent: -9999px;
width: 29px;
height: 32px;
background: url(../image/btn_menu.png) no-repeat 0 0 ;
-webkit-background-size: 29px 32px;
-moz-background-size: 29px 32px;
-ms-background-size: 29px 32px;
-o-background-size: 29px 32px;
background-size: 29px 32px;
}
#sp-navi.active{
background: url(../image/btn_close.png) no-repeat 0 0 ;
-webkit-background-size: 29px 32px;
-moz-background-size: 29px 32px;
-ms-background-size: 29px 32px;
-o-background-size: 29px 32px;
background-size: 29px 32px;
}
#sp-acmenu dd {
display: none;
position: absolute;
right: 0px;
top: 70px;
z-index: 100;
margin: 0;
font-size: 14px;
padding: 10px;
background-color: #333333;
font-size: 85.7%;
text-align: left;
width: 245px;
z-index:1000;
}
#nav {
width: 225px;
margin: 0 auto;
}
#nav li {
width: 225px;
height: 54px;
/* background: url(../image/side_nav_ar_1.gif) right center no-repeat; */
border-bottom: 1px solid #666666;
position: relative;
font-size: 14px;
padding-top: 6px;
}
#nav li:last-Child {
border-bottom: none;
padding-bottom: 5px;
}
#nav li #ar {
width: 36px;
height: 33px;
position: absolute;
top: 12px;
right: 0px;
background: url(../image/side_nav_ar_1.gif) center top no-repeat;
-moz-background-size: auto 100%;
background-size: auto 100%;
}
#nav li.active #ar {
background: url(../image/side_nav_ar_1_.gif) center top no-repeat;
-moz-background-size: auto 100%;
background-size: auto 100%;
}
#nav li a {
display: block;
padding: 0;
padding-left: 8px;
margin: 0;
color: #e0e0e0;
line-height: 42px;
}
#nav li.active a {
color: #5cbecc;
}
#other {
width: 225px;
margin: 0 auto 30px;
}
#other li.tit {
height: 37px;
}
#other li.link {
border: 2px solid #d6d6d6;
border-top: none;
height: 44px;
font-size: 12px;
position: relative;
}
#other li #ar {
width: 20px;
height: 20px;
position: absolute;
top: 12px;
right: 8px;
background: url(../image/side_nav_ar_2.gif) center top no-repeat;
-moz-background-size: auto 100%;
background-size: auto 100%;
}
#other li a {
display: block;
padding: 0;
padding-left: 13px;
margin: 0;
color: #e0e0e0;
line-height: 42px;
}
/* ページトップへ
----------------------------------------------------------------------------- */
/*親要素*/
.page-top-parent{
}
#page-top {
position: fixed;
bottom: 3vw;
right: 3vw;
z-index: 1001;
}
#page-top a {
display: block;
width: 45px;
height: 45px;
text-indent: -9999px;
background: url(../img/btn_pagetop.png) no-repeat 0 0;
-webkit-background-size: 45px 45px;
-moz-background-size: 45px 45px;
-ms-background-size: 45px 45px;
-o-background-size: 45px 45px;
background-size: 45px 45px;
}
#page-top a:hover {
background: url(../img/btn_pagetop_on.png) no-repeat 0 0;
-webkit-background-size: 45px 45px;
-moz-background-size: 45px 45px;
-ms-background-size: 45px 45px;
-o-background-size: 45px 45px;
background-size: 45px 45px;
}
/* フッター
----------------------------------------------------------------------------- */
#sns {
margin: 5vw 0;
}
#sns ul {
font-size: 0;
text-align: center;
overflow:hidden;
width: 75%;
margin: 0 auto;
}
#sns ul li {
display: block;
float:left;
font-size: 3.25vw;
width: 25%;
}
#sns ul li a {
display: block;
margin: 0 2vw;
}
#sns ul li a img{
width:100%;
}
#footer-link-area {
background: url(../image/bg_footerlink.png) center center;
height: auto;
font-size: 10px;
}
#footer-link ul {
line-height: 1;
padding: 3vw;
}
#footer-link ul li {
display: block;
font-size: 3.5vw;
color: #fff;
text-align: left;
margin: 0;
border: 1px solid #eaeaea;
border-bottom: none;
}
#footer-link ul li:last-child {
border-bottom: 1px solid #eaeaea;
}
#footer-link ul li a {
display: block;
padding: 1em;
background: url(../image/arrow01.png) no-repeat 97% center;
-webkit-background-size: 10px 14px;
-moz-background-size: 10px 14px;
-ms-background-size: 10px 14px;
-o-background-size: 10px 14px;
background-size: 10px 14px;
}
#copy-area {
background: url(../image/bg_footer.png) center center;
height: auto;
line-height: 1;
text-align: center;
color: #fff;
font-size: 3vw;
padding: 3vw;
}



/* コンテンツエリア
----------------------------------------------------------------------------- */
#maincontent img{
/* width:100%; */

}
.spLayer {
  margin:0;
}
#maincontent .spNone{
display:none;
}
#maincontent .w960{
width:auto;
margin:0 auto;
}
#maincontent .mb100 {
margin-bottom: 10vw;
}
#maincontent .mlr0{
margin:0;
}
#maincontent .mt20 {
margin-top: 3vw!important;
}



#maincontent {
overflow: hidden;
}
#maincontent .contentInn {
width:auto;
margin:0 auto;
padding:0 5vw;
}
#maincontent .contentInn img{
/* width:100%; */
}
#maincontent .contentInn .disTable{
/*display: block;*/
table-layout: fixed;
width: auto;
margin-bottom: 0;

display: flex;
flex-direction:column;
}

.leftSideImg {
  order:1;
}
.leftSide {
  order:2;
  width: 100%;
}
.rightSideImg {
  order:1;
}
.rightSide {
  order:2;
  width: 100%;
}

#maincontent .contentInn .disCell{
display: block;
vertical-align: top;
}
#maincontent .contentInn h3{
margin:5vw 11.3vw;
text-align:center;
}
#maincontent.layoutTop .contentInn h3{
padding:1vw 0 0;
}



/*--------------- キービジュアル --*/
#maincontent .contentHead{
/*background: url(../image/top/kv_bg_sp.jpg) no-repeat top center;
background-size:100% auto;*/
}
#maincontent .contentHead .keyVisual{
/*position: relative;
background: url(../image/top/kv_txt_bg_sp.png) no-repeat top center;
background-size:100% auto;*/
}
#maincontent .contentHead .keyVisual .islandNav{
display:none !important;
}


/* safety */
.safety_wrapper {
  width: 100%;
  margin: 0 auto;
}
#breadcrumbs ul {
    width: 100%;
    margin: 0 auto;
}
#main_safety {
    font-size: 3vw;
    color: #545454;
    width: 98%;
    margin: 0 auto;
}
#main_safety h3 {
    width: 97%;
    margin: 0 auto;
    font-size: 3vw;
}
.safety_box {
    width: 98%;
    padding: 7px;
    box-sizing: border-box;
    margin: 0 auto;
}
.title {
  border-bottom: 1px solid #dadada;
  color: #000;
  background-position: left top;
  background-repeat: repeat-x;
  padding: 3%;
  font-size: 5vw;
  border-top: 1px solid #bfbfbf;
  background: #f6f6f6;
  font-weight: bold;
}
.shusai {
    font-size: 100%;
    padding: 10px;
    border: none;
    text-align: left;
    /* width: 90%; */
    margin: 0 auto;
}
.ttl01 {
    text-align: center;
    background: #EBE8D9;
    color: #000;
    font-weight: bold;
}
.ttl02 {
    font-size: 4vw;
}
.list_box {
    padding: 0 2%;
}
.small {
    font-size: 4vw;
}
.textbox {
    padding: 0px 5px;
}
.imgL {
    width: 97%;
    overflow: hidden;
    margin: 0 auto;
    font-size: 3.5vw;
}
.imgS {
    font-size: 3.5vw;
    line-height: 150%;
    width: 47%;
    float: left;
    margin: 1%;
    box-sizing: border-box;
}
.imglast {
    font-size: 3.5vw;
    line-height: 180%;
    width: 47%;
    float: left;
    margin: 1%;
    box-sizing: border-box;
}
.ichiran table {
    font-size: 3vw;
    width: 100%;
}
/* safety */


article {
  display: none;
}
article.selected {
  display: block;
}
#tab {

  border-spacing: 10px 0px;;
  box-sizing: border-box;
  /* display: table; */
  /* table-layout: fixed; */
  text-align: center;
  width: 98%;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 12px;
}
#tab li {
  display:inline-block;
  /* display: table-cell; */
  background: #dcdcdc;
  padding: 3%;
  box-sizing: border-box;
  border-radius: 6px 6px 0 0;
  color: #7b7b7b;
  font-size: 3vw;
  /* font-weight: bold; */
  /* position: relative; */
  cursor: pointer;
  /* transition: 0.6s; */
  color:#fff;
  font-weight: bold;
}
.orion1 {
  width: 30%;
  background: #ed8e5f;
  margin:0 auto;
  box-sizing: border-box;

  /* border-right: 3px solid #fff; */
}
li.orion1:hover {
  background: #fe8144!important;
}
#tab li.selected.orion1 {
  background: #fe8144;
  color: #fff;
  border-top: 10px solid #fe8144;
}
.big1 {
  width: 30%;
  /* background: #c5a4eb; */
  margin:0 auto;
  box-sizing: border-box;
  /* border-left: 3px solid #fff; */
}
li.big1:hover {
  background: #fd5776!important;
}
#tab li.selected.big1 {
  background: #fd5776;
  color: #fff;
  border-top: 10px solid #fd5776;
}
.travel1 {
  width: 30%;
  background: #5eccb9;
  margin:0 auto;
  box-sizing: border-box;
  /* border-left: 3px solid #fff; */
}
li.travel1:hover {
  background: #2ab29b!important;
}
#tab li.selected.travel1 {
  background: #2ab29b;
  color: #fff;
  border-top: 10px solid #2ab29b;
}

.orion2 {
  width: 98%;
  margin:0 auto;
  box-sizing: border-box;
  border: 3px solid #fe8144;
}
.big2 {
  width: 98%;
  margin:0 auto;
  box-sizing: border-box;
  border: 3px solid #fd5776;
}
.travel2 {
  width: 98%;
  margin:0 auto;
  box-sizing: border-box;
  border: 3px solid #2ab29b;
}
.tab_cont {
  margin-top:10px;
  margin-bottom: 10px;
}