@charset "UTF-8";

/*---------------------------------------------------
メニュースを開く
---------------------------------------------------*/
.menu-toggle {
width: 25px;
    height: 50px;
    position: fixed;
	z-index: 9999;
    top: 20px;
    right: 25px;
    cursor: pointer;
    padding: 10px 20px;
    border: 3px solid;
}
.menu-toggle.on .one {
  -moz-transform: rotate(45deg) translate(7px, 7px);
  -ms-transform: rotate(45deg) translate(7px, 7px);
  -webkit-transform: rotate(45deg) translate(7px, 7px);
  transform: rotate(45deg) translate(7px, 7px);
}
.menu-toggle.on .two {
  opacity: 0;
}
.menu-toggle.on .three {
  -moz-transform: rotate(-45deg) translate(8px, -10px);
  -ms-transform: rotate(-45deg) translate(8px, -10px);
  -webkit-transform: rotate(-45deg) translate(8px, -10px);
  transform: rotate(-45deg) translate(8px, -10px);
}

.one,
.two,
.three {
  width: 100%;
  height: 1px;
  background: #26110b;
  margin: 10px auto;
  backface-visibility: hidden;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.menu-i {
	width:50px;
	margin:-10px 0 0 -6px;
	font-size:12px;
}

.hidden {
  display: none;
}

.menu-section {
	position: fixed;
	z-index: 9998;
}

.menu-section.on {
 position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: table;
  background-color: #f4f4f4;
}
.menu-section.on nav {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.navInfo {
	display: none;
}

.menu-title{
	margin:0 0 120px 0;
}

.menu-section.on .navInfo {
	display: block;text-align: center; width: 100%;
	font-size:18px;
	font-weight:normal;
}

a.BTNB:link,
a.BTNB:visited{
	display:inline-block;
	color:#fff;
	background:#000;
	padding:20px 80px;
	margin:30px 0 0 0;
	font-size:15px;
	font-weight:bold;
	text-decoration: none;
	transition: all 0.2s ease;
}
a.BTNB:hover,
a.BTNB:active{
	text-decoration: none;
	opacity: 0.4;
	color:#fff !important;
}


/*---------------------------------------------------
CSSのみでタブを切り替える
---------------------------------------------------*/
/**,*:before,*:after{box-sizing:border-box}html{font-size:62.5%}*/body{/*font-family:"" ヒラギノ角ゴ Pro W3 ", " Hiragino Kaku Gothic Pro ", YuGothic, '游ゴシック', " メイリオ ", Meiryo, Osaka, " ＭＳ Ｐゴシック ", " MS PGothic ", sans-serif";*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*font-size:14px;font-size:1.4rem;color:#333;line-height:1.5*/}ul,ol,dl{margin:0;padding-left:0}ul li,ol li{list-style:none}a{text-decoration:none}a:hover,a:active{text-decoration:underline;color:#28465f;cursor:pointer}img{max-width:100%;height:auto}h2{margin:0}dd{margin:0}.container{width:95%;margin-left:auto;margin-right:auto}@media only screen and (min-width:480px){.container{width:80%}}@media only screen and (min-width:1200px){.container{width:75%;max-width:60rem}}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:5px 2%;margin:.5rem 2%;min-height:1.25px;min-height:.125rem}.row:after{content:"";display:table;clear:both}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%}.col-1-sm{width:7.41667%}.col-2-sm{width:15.83333%}.col-3-sm{width:24.25%}.col-4-sm{width:32.66667%}.col-5-sm{width:41.08333%}.col-6-sm{width:49.5%}.col-7-sm{width:57.91667%}.col-8-sm{width:66.33333%}.col-9-sm{width:74.75%}.col-10-sm{width:83.16667%}.col-11-sm{width:91.58333%}.col-12-sm{width:100%}@media only screen and (min-width:768px){.col-1{width:7.41667%}.col-2{width:15.83333%}.col-3{width:24.25%}.col-4{width:32.66667%}.col-5{width:41.08333%}.col-6{width:49.5%}.col-7{width:57.91667%}.col-8{width:66.33333%}.col-9{width:74.75%}.col-10{width:83.16667%}.col-11{width:91.58333%}.col-12{width:100%}.hidden-sm{display:block}}.u-mt10{margin-top:10px!important}.u-mt20{margin-top:10px!important}.u-mt30{margin-top:30px!important}.u-mt40{margin-top:40px!important}.u-mt50{margin-top:50px!important}.u-mt80{margin-top:80px!important}.u-mb10{margin-bottom:10px!important}.u-mb20{margin-bottom:10px!important}.u-mb30{margin-bottom:30px!important}.u-mb40{margin-bottom:40px!important}.u-mb50{margin-bottom:50px!important}.u-mb80{margin-bottom:80px!important}.u-m10{margin:10px!important}.u-m20{margin:10px!important}.u-m30{margin:30px!important}.u-m40{margin:40px!important}.u-m50{margin:50px!important}.u-m80{margin:80px!important}.u-pt10{padding-top:10px!important}.u-pt20{padding-top:10px!important}.u-pt30{padding-top:30px!important}.u-pt40{padding-top:40px!important}.u-pt50{padding-top:50px!important}.u-pt80{padding-top:80px!important}.u-pb10{padding-bottom:10px!important}.u-pb20{padding-bottom:10px!important}.u-pb30{padding-bottom:30px!important}.u-pb40{padding-bottom:40px!important}.u-pb50{padding-bottom:50px!important}.u-pb80{padding-bottom:80px!important}.u-p0{padding:0!important}.u-p10{padding:10px!important}.u-p20{padding:10px!important}.u-p30{padding:30px!important}.u-p40{padding:40px!important}.u-p50{padding:50px!important}.u-p80{padding:80px!important}.u-sp-none{display:block}@media screen and (max-width:480px){.u-sp-none{display:none}}.u-pc-none{display:none}@media screen and (max-width:480px){.u-pc-none{display:block}}.c-btn1{display:block;border-radius:5px;color:#febb58;border:2px solid #febb58;width:100%;max-width:300px;height:55px;font-size:18px;font-weight:700;line-height:55px;text-align:center;position:relative;margin:10px auto;transition:all .2s ease}.c-btn1:hover{color:#fff;background-color:#febb58}.c-btn2{display:block;border-radius:5px;color:#fff;background-color:#febb58;width:100%;max-width:300px;height:55px;font-size:18px;font-weight:700;line-height:55px;text-align:center;position:relative;margin:10px auto;transition:all .2s ease}.c-btn2:hover{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";color:#fff}.c-btn3{display:block;border-radius:5px;color:#fff;background-color:#febb58;box-shadow:0 5px 10px rgba(22,22,22,.2);width:100%;max-width:300px;height:55px;font-size:18px;font-weight:700;line-height:55px;text-align:center;position:relative;top:0;margin:10px auto;transition:all .2s ease}.c-btn3:hover{color:#fff;position:relative;top:-5px;box-shadow:0 8px 15px rgba(22,22,22,.3);transform:scale(1.05)}.c-btn4{display:block;border-radius:5px;background:#febb58;color:#333;box-shadow:0 6px #ef8f01;width:100%;max-width:300px;height:55px;font-size:18px;font-weight:700;line-height:55px;text-align:center;position:relative;margin:10px auto 30px;transition:transform .1s ease;border:none}.c-btn4:active{box-shadow:0 0 #ef8f01;top:6px;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";outline:none}*,*/*:before,*:after{box-sizing:border-box}*/html{font-size:62.5%}body{/*font-family:"" ヒラギノ角ゴ Pro W3 ", " Hiragino Kaku Gothic Pro ", YuGothic, '游ゴシック', " メイリオ ", Meiryo, Osaka, " ＭＳ Ｐゴシック ", " MS PGothic ", sans-serif";*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*font-size:14px;font-size:1.4rem;color:#333;line-height:1.5*/}ul,ol,dl{margin:0;padding-left:0}ul li,ol li{list-style:none}a{text-decoration:none}a:hover,a:active{text-decoration:underline;color:#28465f;cursor:pointer}img{max-width:100%;height:auto}h2{margin:0}dd{margin:0}.container{width:95%;margin-left:auto;margin-right:auto}@media only screen and (min-width:480px){.container{width:80%}}@media only screen and (min-width:1200px){.container{width:75%;max-width:60rem}}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:5px 2%;margin:.5rem 2%;min-height:1.25px;min-height:.125rem}.row:after{content:"";display:table;clear:both}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:100%}.col-1-sm{width:7.41667%}.col-2-sm{width:15.83333%}.col-3-sm{width:24.25%}.col-4-sm{width:32.66667%}.col-5-sm{width:41.08333%}.col-6-sm{width:49.5%}.col-7-sm{width:57.91667%}.col-8-sm{width:66.33333%}.col-9-sm{width:74.75%}.col-10-sm{width:83.16667%}.col-11-sm{width:91.58333%}.col-12-sm{width:100%}@media only screen and (min-width:768px){.col-1{width:7.41667%}.col-2{width:15.83333%}.col-3{width:24.25%}.col-4{width:32.66667%}.col-5{width:41.08333%}.col-6{width:49.5%}.col-7{width:57.91667%}.col-8{width:66.33333%}.col-9{width:74.75%}.col-10{width:83.16667%}.col-11{width:91.58333%}.col-12{width:100%}.hidden-sm{display:block}}.u-mt10{margin-top:10px!important}.u-mt20{margin-top:10px!important}.u-mt30{margin-top:30px!important}.u-mt40{margin-top:40px!important}.u-mt50{margin-top:50px!important}.u-mt80{margin-top:80px!important}.u-mb10{margin-bottom:10px!important}.u-mb20{margin-bottom:10px!important}.u-mb30{margin-bottom:30px!important}.u-mb40{margin-bottom:40px!important}.u-mb50{margin-bottom:50px!important}.u-mb80{margin-bottom:80px!important}.u-m10{margin:10px!important}.u-m20{margin:10px!important}.u-m30{margin:30px!important}.u-m40{margin:40px!important}.u-m50{margin:50px!important}.u-m80{margin:80px!important}.u-pt10{padding-top:10px!important}.u-pt20{padding-top:10px!important}.u-pt30{padding-top:30px!important}.u-pt40{padding-top:40px!important}.u-pt50{padding-top:50px!important}.u-pt80{padding-top:80px!important}.u-pb10{padding-bottom:10px!important}.u-pb20{padding-bottom:10px!important}.u-pb30{padding-bottom:30px!important}.u-pb40{padding-bottom:40px!important}.u-pb50{padding-bottom:50px!important}.u-pb80{padding-bottom:80px!important}.u-p0{padding:0!important}.u-p10{padding:10px!important}.u-p20{padding:10px!important}.u-p30{padding:30px!important}.u-p40{padding:40px!important}.u-p50{padding:50px!important}.u-p80{padding:80px!important}.u-sp-none{display:block}@media screen and (max-width:480px){.u-sp-none{display:none}}.u-pc-none{display:none}@media screen and (max-width:480px){.u-pc-none{display:block}}#template{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;font-family:sans-serif;letter-spacing:.01em;line-height:1.6;font-size:18px}
/*タブ切り替え全体のスタイル（メニュー用）------------------------------*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 780px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
width: calc(100%/2 - 40px);
height: 85px;
background-color: #d9d9d9;
line-height: 85px;
font-size: 20px;
text-align: center;
color: #565656;
display: inline-block;
float: none;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
padding: 0 0 10px 0;
margin: -95px 0 0 0;
	cursor: pointer;
}
.tab_item:hover {
  opacity: 0.4;
}

.tab_item span {
color: #ACACAC;
font-size: 12px;
position: relative;
top: -62px;
	}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0 60px 20px 60px;
  clear: both;
  overflow: hidden;
	margin: -15px 0 0 0;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #fff;
color: #000;
}


.naviMenu {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.naviMenu li {
	display: block;
	width: 50%;
	float:left;
	font-size: 17px;
}
.naviMenu li a {
	display: block;
	width: calc(100% - 20px);
	text-align: left;
	padding: 20px 0;
	line-height:19px;
	border-bottom:1px solid #dfdfdf;
}
.naviMenu li a:link,
.naviMenu li a:hover{
	text-decoration: none;
}

.naviMenu li a i {
	font-size: 10px;
	line-height:19px;
}


/*タブ切り替え全体のスタイル（トップページアクセス用）------------------------------*/
.tabs2 {
 
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 1030px;
  margin: 50px auto 0 auto;}

/*タブのスタイル*/
.tab_item2 {
width: 50%;
height: 60px;
background-color: #fff;
line-height: 60px;
font-size: 20px;
text-align: center;
display: inline-block;
float: none;
border-top:4px solid #fff;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
padding: 0;
margin: -95px 0 0 0;
	cursor: pointer;
}
.tab_item2:hover {
  background-color: #f7f7f7;
}

/*ラジオボタンを全て消す*/
input[name="tab_item2"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content2 {
  display: none;
  padding: 50px 0 50px 40px;
  clear: both;
  overflow: hidden;
	margin: 0;
	background: #f1f1f1;
}


/*選択されているタブのコンテンツのみを表示*/
#car:checked ~ #car_content,
#train:checked ~ #train_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs2 input:checked + .tab_item2 {
background-color: #f1f1f1;
border-top:4px solid #26110b;
}


/*タブ切り替え全体のスタイル（宿泊ページ用）------------------------------*/
.tabs3 {
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 1030px;
  margin: 50px auto 0 auto;}

/*タブのスタイル*/
.tab_item3 {
width: 33.333333%;
height: 60px;
background-color: #fff;
line-height: 60px;
font-size: 20px;
text-align: center;
display: inline-block;
float: none;
border-bottom:1px solid #cbc6c5;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
padding: 0 0 10px 0;
margin: -95px 0 0 0;
	cursor: pointer;
	
}

.tab_item3 span {
		display: block;
		font-size: 10px;
		color: #26110b;
	text-align: center;
	font-weight: normal;
	margin-top: -37px;
	}

.tab_item3:hover {
  background-color: #f1f1f1;
}

/*ラジオボタンを全て消す*/
input[name="tab_item3"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content3 {
  display: none;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
	margin: 0;
}


/*選択されているタブのコンテンツのみを表示*/
#oneBtn:checked ~ #oneBtn_content,
#twoBtn:checked ~ #twoBtn_content,
#threeBtn:checked ~ #threeBtn_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs3 input:checked + .tab_item3 {
border-bottom:4px solid #26110b;
}