@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
PC用スタイル：768px ～　（＋スマホ版でも適用あり）
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* ヘッダー
----------------------------------------------------------------------------- */
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */

#header-area {
background: url(../img/bg_header.png) repeat-x center bottom;
height: 84px;
width: 100%;
}
.header-wrap {
margin: 0 10px;
}
#header {
max-width: 958px;
margin: 0 auto;
position: relative;
}
.site-logo {

}
.breadcrumbs {
  width: 1080px;
  font-size: 10px;
  /* padding-left: 8%; */
  box-sizing: border-box;
  padding-bottom: 1%;
  margin: 0 auto;
}
.logo {

}
.logo a {

}
.logo:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.spLayer {

}
#header h1 {
position: absolute;
top: 44px;
left: 210px;
font-size: 14px;
line-height: 1.3;
font-weight: normal;
width: 260px;
}
ul.header-btn {
float: right ;
margin-top:35px;
font-size: 0;
}
ul.header-btn li {
display: inline-block;
margin-left: 15px;
font-size: 14px;
min-height: 35px;
}
ul.header-btn li a span{
display: block;
padding-top: 10px;
}
ul.header-btn li a:link,
ul.header-btn li a:visited {
color: #333;
text-decoration: none;
}
ul.header-btn li a:hover {
text-decoration: underline;
}
ul.header-btn li.btn-faq {
background: url(../img/icon_faq.png) no-repeat left center;
padding: 0 0 0 40px;
-webkit-background-size: 35px 35px;
-moz-background-size: 35px 35px;
-ms-background-size: 35px 35px;
-o-background-size: 35px 35px;
background-size: 35px 35px;
}
ul.header-btn li.btn-yoyaku {
background: url(../img/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: 0 0 0 40px;
}

/* パンくずリスト
----------------------------------------------------------------------------- */
#breadcrumbs ul li:first-child::before {
    content: "";
}
#breadcrumbs {
    font-size: 13px;
    /* font-weight: 700; */
    color: #fff;
    padding: 8px 10px;
    background-color: #000;
    white-space: nowrap;

    /* width: 1080px; */
    margin: 0 auto;
}

#breadcrumbs ul {
  width: 1080px;
  margin: 0 auto;
}
#breadcrumbs ul li a {
  color: #fff;
}


#breadcrumbs ul li, nav#area ul li a {
    display: inline-block;
}
#breadcrumbs ul li::before {
    color: #45c9f3;
    content: "　>　";
}


#crumbsnavi {
background: url(../img/bg_pankuzu.png) repeat-x;
height: 33px;
margin-bottom: 50px;
}
#crumbsnavi ul {
max-width: 958px;
margin: 0 auto;
padding-top: 10px;
}
#crumbsnavi ul li {
display: inline ;
line-height: 1.3 ;
font-size: 12px ;
color: #fff ;
}
div#crumbsnavi ul li a {
padding-right: 15px ;
background: url(../img/arrow1.png) no-repeat right center ;
}
div#crumbsnavi ul li:last-child a {
padding-right: 0;
background: none;
}
div#crumbsnavi ul li a:link,
div#crumbsnavi ul li a:visited {
color: #fff ;
text-decoration: none ;
}
div#crumbsnavi ul li a:hover {
text-decoration: underline; ;
}
/* ページトップへ
----------------------------------------------------------------------------- */
/*親要素*/
.page-top-parent{
}
#page-top {
position: fixed;
bottom: 190px;
right: 30px;
z-index: 100;
}
#page-top a {
display: block;
width: 65px;
height: 65px;
text-indent: -9999px;
background: url(../img/btn_pagetop.png) no-repeat 0 0;
}
#page-top a:hover {
background: url(../img/btn_pagetop_on.png) no-repeat 0 0;
}
/* フッター
----------------------------------------------------------------------------- */
#footer-link-area {
background: url(../img/bg_footerlink.png) center center;
height: auto;
}
#footer-link {
max-width: 958px;
margin: 0 auto;
text-align: center;
}
#footer-link ul {
font-size: 0;
line-height: 62px;
}
#footer-link ul li {
display: inline;
font-size: 12px;
color: #fff;
margin: 0 2em;
}
#footer-link ul li a:link,
#footer-link ul li a:visited {
color: #fff;
text-decoration: none;
}
#footer-link ul li a:hover {
text-decoration: underline;
}
#kanren-tour ul {
font-size: 0;
line-height: 1;
padding: 25px 0 10px;
text-align: center;
}
#kanren-tour ul li {
display: inline;
font-size: 14px;
color: #fff;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #fff;
}
#kanren-tour ul li:last-child {
border-right: none;
}
#kanren-tour ul li a:link,
#kanren-tour ul li a:visited {
color: #fff;
text-decoration: none;
}
#kanren-tour ul li a:hover {
text-decoration: underline;
}
#copy-area {
background: url(../img/bg_footer.png) center center;
height: 62px;
line-height: 62px;
text-align: center;
color: #fff;
font-size: 12px;
}






/* コンテンツエリア
----------------------------------------------------------------------------- */
#maincontent .contentInn a:hover{
/* filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75; */
}
@font-face {font-family: myfont;src: url('../font/aozoraminchoregular-webfont.eot');}
@font-face {font-family:myfont;src: url('../font/AozoraMinchoRegular.ttf') format('truetype')}



#maincontent .w960{
width:100%;
/*width:960px;*/
margin:0 auto;
}
#maincontent .floatL{
float:left;
}
#maincontent .floatR{
float:right;
}
#maincontent .txtC{
text-align:center;
}
#maincontent .dBlock{
display:block;
}
#maincontent .mt20{
margin-top:20px!important;
}
#maincontent .mb100{
margin-bottom:100px;
}
#maincontent .pt0{
padding-top:0 !important;
}
#maincontent .bg01{
background:#fb759a;
}



#maincontent{
/*
background-image:
url(../img/top/kv_bg.jpg),
url(../img/top/bg.jpg);
background-position: top center,0 0;
background-repeat: repeat-x,repeat;
*/
}
.contentBody{
  /* background: url(../img/viking/main.png) repeat fixed 50%; */
  background: #413723;
  padding-top: 57px;
  margin-top: -53px;
}
#maincontent .contentInn{
overflow: hidden;
width:1000px;
margin: 0 auto;
background: #fff;
}
#maincontent .contentInn .disTable{
  /*background: url(../img/photo/b.jpg) repeat 0 0;*/
  display: table;
  table-layout: fixed;
  width: 100%;
}
#maincontent .contentInn .disCell{
/*display: table-cell;
vertical-align: top;*/
}
#maincontent h2 a{
display: block;
}
#maincontent .contentInn h3{
margin:0 auto;
text-align:center;
}
#maincontent.layoutTop .contentInn h3{
padding:5% 0;
}
#maincontent.layoutLower h3{
padding:3% 0 3%;
margin-top: 12px;
}



/*--------------- キービジュアル --*/
#maincontent .kv {
position: relative;
/* z-index: 100; */
width: 100%;
overflow: hidden;
background:url(../img/select/select.png) no-repeat top center;
}
#maincontent.layoutTop .contentHead{
/* background: url(../img/viking/kv_bg.jpg) repeat-x top center; */
}
.layoutTop .contentHead .keyVisual{
position: relative;
background: url(../img/top/kv_txt_bg_pc.png) no-repeat top center;
}
#maincontent .contentHead .keyVisual .islandNav{
position: absolute;
bottom: 248px;
left: 50%;
margin-left:-480px;
}
#maincontent .contentHead .keyVisual .islandNav .navLeft{
float:left;
margin-left: 10px;
}
#maincontent .contentHead .keyVisual .islandNav .navLeft li.nav1{
position: relative;
left: -70px;
}
#maincontent .contentHead .keyVisual .islandNav .navRight{
float:right;
margin-right: 10px;
}
#maincontent .contentHead .keyVisual .islandNav .navRight li.nav1{
position: relative;
right: -70px;
}

/* safety */
.safety_wrapper {
	margin: 0 auto;
	width: 1130px;
	/* width: 1080px; */

}
.contentsbus .center {
	width: 860px;
	/*height:600px;*/
	margin: 0 auto;
	padding-bottom: 20px;
}
.contentsbus h2 {
	font-size: 18px;
	padding: 10px;
	border: 2px solid #E90003; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
	/*border-left: 10px solid #CC3366;*/
	margin-bottom: 30px;
	text-align: center;
}
.contentsbus p.safety01 {
	font-size: 18px;
	padding: 20px;
	margin: 30px 0;
	text-align: center;
	background: #1A76CC;
	color: #FFFFFF;
}
.contentsbus p.safety02 {
	font-size: 18px;
	padding: 10px;
	border-bottom: 2px solid #1A76CC;
	border-left: 10px solid #1A76CC;
	margin: 30px 0;
	text-align: left;
}
.contentsbus p.textb {
	line-height: 150%;
	font-weight: bold;
	font-size: 18px;
}
.contentsbus p.textb span {
	color: #E90003;
	margin: 0 10px;
}
.contentsbus p.text {
	width: 90%;
	line-height: 180%;
	margin: 0 auto;
}
.contentsbus p.text span {
	color: #F30004;
}
.contentsbus table {
	width: 700px;
	margin: 30px auto;
	border: solid 1px #676767;
	border-collapse: collapse;
	font-size: 14px;
}
.contentsbus table th, .contentsbus table td {
	padding: 10px 0;
	border: solid 1px #676767;
	text-align: center;
	vertical-align: middle;
}
.bg01 {
	background-color: #D2F9C5;
}
.bg02 {
	background-color: #FFF2BF;
}
.imgL {
	/*width: 621px;*/
	width: 100%;
	overflow:hidden;
	margin: 20px auto 0;
}
.imgS {
	font-size: 12px;
	line-height: 150%;
	width: 200px;
	float: left;
	margin: 0 10px 0 0;
}
.imglast {
	font-size: 12px;
	line-height: 180%;
	width: 200px;
	float: left;
	margin-right: 0px;
}
/**/
#main_safety {
	font-size: 16px;
	color:#545454;
	width: 1080px;
	margin: 0 auto;

}
#main_safety p{
	line-height:1.5em;
}

.small {
	font-size: 12px; /* 75% of the baseline */
}
.large {
	font-size: 20px; /* 125% of the baseline */
}
#main_safety h3 {
	width: 1080px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.shusai {
	font-size: 100%;
	padding: 10px;
	border: 2px solid #E90003;
	margin-bottom: 30px;
	text-align: center;
	/* width: 90%; */
	margin: 20px auto;
}
.safety_box{
	width: 1080px;
	padding: 30px;

}
.textbox{
	padding: 0 20px;

}
.ttl01 {
	padding: 20px 0;
	text-align: center;
	background: #1A76CC;
	color: #FFFFFF;
	font-weight:bold;
}

.ttl02 {
	font-weight:bold;
	text-indent: 0.8em;
	border-bottom: 1px solid #1A76CC;
	border-left: 10px solid #1A76CC;
	margin-bottom:20px;
	text-align: left;
	padding: 5px 0;

}
.mainTxt{
	font-weight:bold;
	/*margin: 30px 0;*/
	margin-bottom:20px;

}
.mainTxt span{
	color:#FF0000;
}

.list_box{
	padding:0 20px;

}

.list_box li{
	line-height:2em;
}

.ichiran table{
	width:90%;
	border-collapse:collapse;
	border:1px solid #C0C0C0;
	font-size:88%;
	margin:0 auto 20px;

}
.ichiran table tr,
.ichiran table td{
	border:1px solid #C0C0C0;
}

.ichiran table th,
.ichiran table td{
	padding:10px 5px 10px 10px;
}
.ichiran table th{
	font-weight:bold;
	background: #C3E1AA;
}
.ichiran table th.morning{
	background: #FFE2BF;
}
.ichiran table th.night{
	background: #CAE4FF;
}
.ichiran table tr.menu td{
	text-align:center;
	font-weight:bold;
}
.ichiran p{
	width: 90%;
	margin: 0 auto 20px auto;
	
}

.breadbox{
	width: 100%;
	background-color: #000000;
}
.bread{
	width:980px;
	margin: 0 auto;
	padding: 10px 0;
	text-indent:10px;
	background-color: black;
	color:#ffffff;
}
.bread a{
	color:#ffffff;
}
.kiji_box{
    width:700px;
    padding:10px;
    border:solid 1px #CCC;
	margin:20px auto;

	/*background:url(img/right-mycar.png) no-repeat;
	background-position:96% 50% ;*/
}

.kiji_box a{
   /* width:500px;
    height:100%;
    text-indent:-999px;*/
	color: darkblue;
}

.kiji_box .kijitit{
	font-weight:bold;
	color: #3E3E3E;
}
.kiji_box .kijitit:hover{
	color:#1A76CC;
}

.kiji_box a:hover{
	cursor:pointer;
}
/* 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: 15px;
  box-sizing: border-box;
  border-radius: 6px 6px 0 0;
  color: #7b7b7b;
  font-size: 23px;
  /* 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;
}


.site-header .header-navi .header-navi__name {bottom: -10px;}
@media only screen and (min-width: 1px) and (max-width: 768px) {
	.site-header .header-navi .header-navi__name {bottom: 0px;}
	}