@charset "utf-8";
@media screen and (min-width:681px){


/*SPパーツ非表示*/
.spmode{display:none;}
#modal-nav, .right_sp{	display: none;}
#reservation_area .btn_submit.sp input {	display: none;}


body {
	line-height: 1.7;
	min-width: 1080px;
	color: #333;
}
.container{ font-size:1.5rem;}


a{ color:#02358a;}
a:hover{ text-decoration:none;}
.container{ width:100%; position: relative; overflow: hidden;}

/*
--------------------------------------------------
	header
-------------------------------------------------- */
#sp_header{ display:none;}
.header_wrap{ position:relative; z-index:55;}
.header_wrap:after{ content:""; clear:both; display:block;}
header {
	margin: 0 auto;
	background:linear-gradient(#0b318f, #08246a);
	background: -moz-linear-gradient(top, #0b318f 0%, #08246a 100%);/*古いFireFox向け*/
	background: -webkit-linear-gradient(top, #0b318f 0%,#08246a 100%);/*古いSafariなど向け*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
		startColorstr='#0b318f',
		endColorstr='#08246a',
		GradientType=0 );/*IE9以下向け*/
	color:#fff;
}
.header-inner {
	width: 1080px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}
header h1{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-160px;
}
header h1 a{
	display:block;
	background: url(../img/common/logo.png) no-repeat 0 center;
	overflow:hidden;
	height:0;
	padding-top:90px;
	width:320px;
}
header .logo_cap{
	position:absolute;
	top:50%;
	left:270px;
	margin-top:-8px;
}

/*パーツボタン*/
.cnav {
	position: absolute;
	top: 10px;
	right: 0;
}
header .cnav li {
	float: left;
	margin-left:5px;
	width:150px;
	font-size:1.2rem;
}
header .cnav li a {
	display: block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	color: #fff;
	border: 1px solid #fff;
	transition: ease-in .4s;
}
header .cnav li a:hover {
	background:#fff;
	color:#0b318f;
}

/*外国語リンク*/
#lang_nav{
	position: relative;
    z-index: 110;
}
#lang_nav span{
	display: block;
    border:1px solid #ddd;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#fff;
	color:#333;
    cursor:pointer;
	position: relative;
	z-index:2;
	}
#lang_nav span::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top:-3px;
	box-sizing: border-box;
	width: 4px;
	height: 6px;
	border: 5px solid transparent;
	border-top: 7px solid #333;
}

#lang_nav ul.child_menu {
    margin:5px 0 0 0;
    padding:0;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
    display: none;
}
#lang_nav ul.child_menu li{
    text-align:left;
    list-style:none;
	float:none;
	margin-left:0;
}
#lang_nav ul.child_menu li a{
    background-color:#fff;
    height:30px;
    line-height:30px;
    display: block;
    padding: 0 10px;
    box-sizing:border-box;
    color: #333;
    text-align:left;
    text-decoration:none;
    border-bottom: 1px solid #ccc;
}
#lang_nav ul.child_menu li:last-child a{ border-bottom:none;}



header .right{text-align: right;}
header .hnav li{
	float:left;
	margin-bottom: 20px;
}
header .hnav li a {
	width: 120px;
	background: black;
	margin-left: 10px;
	display: block;
	text-align: center;
	color: #fff;
	height: 30px;
	line-height: 30px;
}
header .hnav li a:hover{background:gray;}
header .header_tel {
	background: url(../img/header_tel.png)no-repeat bottom left;
	background-size: 24px;
	padding-left: 30px;
	font-size: 26px;
	line-height: 24px;
	position: absolute;
	right: 0;
	top: 50px;
}
header .hnavSP{display:none;}
#headerMenu{width:100%;}
#headerMenu ul{letter-spacing: -.4em; }
#headerMenu nav{margin: 0 auto;width: 960px;}
#headerMenu nav li{letter-spacing: normal;}
#headerMenu nav li a{
	 margin:0 auto;
	float:left;
	display: block;
	width: 120px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	transition: initial;
	}
#headerMenu nav li a:hover{background:url(../img/navArrow.png)no-repeat center bottom;translate:0s;}


/*
-----------------------------------------------
	Reservation area
----------------------------------------------- */
#search_area{  width:100%; background: #d2c18d; padding: 10px; margin: 0 auto; color:#333; font-size:1.3rem;}
#search_area .search_inner{ width:1080px; height:210px; margin:0 auto; background:#fff; box-shadow: 0 0 8px rgba(0,0,0,0.5); position:relative;}
#reservation_area .inner-inner.clearfix {margin-bottom: 10px;}
#reservation_area h3.search_title{font-size: 24px; color: #fff; margin: 14px 20px 0 0; width: 100px; float: left;}
input.datepicker{width:80%;}
.ui-datepicker-trigger{ cursor:pointer;}
.ui-datepicker{ font-size: 80% !important;}

.search_inner h3.search_hd{ position:absolute; top:0; left:0; background:#642314; color:#fff; width:120px; height:100%; font-size:1.8rem; text-align:center;
display: flex;
align-items: center;
justify-content: center;
}
.search_inner ul#tabs_nav{ margin:0; padding:0; list-style:none; position:absolute; top:0; left:120px;display:flex;}
/*
.search_inner ul#tabs_nav:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
*/
.search_inner ul#tabs_nav li { list-style:none; height:40px; line-height:40px; box-sizing: border-box;width: calc(100% / 4);}

.search_inner .tabbox { display:none; padding: 15px 0 15px 15px; position:absolute; top:50px; left:120px; width:960px;}
.search_inner .tabbox form{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.search_inner #tab_takamatsu.tabbox { padding: 12px 0 12px 15px;}
.search_inner #tab_stay.tabbox{ padding-left:20px; padding-right:20px;}

.search_inner ul#tabs_nav{
/*
	-webkit-box-shadow: 3px 0px 5px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 0px 5px -2px rgba(0,0,0,0.2);
	box-shadow: 3px 0px 5px -2px rgba(0,0,0,0.2);
	*/
	border-bottom: 1px solid #ccc;
	width: 960px;
}
.search_inner ul#tabs_nav li a{ display:block; text-decoration:none; font-size:1.3rem; text-align:center; color:#333; padding: 0 20px;}
.search_inner ul#tabs_nav li.active a{ background:#642314; color:#fff; position:relative; border-left:2px solid #fff;}
.search_inner ul#tabs_nav li.active a:before{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-6px;
	content:"";
	display:block;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
}
/*.search_inner ul#tabs_nav li.tabs_stay a{ background: #ddd url(../img/common/tab_search_stay.png) no-repeat 0 0;}
.search_inner ul#tabs_nav li.tabs_rest a{ background: #000 url(../img/common/tab_search_rest.png) no-repeat 0 0;}
.search_inner ul#tabs_nav li.active.tabs_stay a,
.search_inner ul#tabs_nav li.active.tabs_rest a{ background-position: 0 -40px;}*/

#search_area .booking-col{/* border:1px solid #aaa;*/ display:inline-block; float: left; padding-right:10px; margin-top: 10px;}

/*　※プルダウンに戻すときはここのコメントアウトを消す*/
#search_area #search_date.booking-col{ /*width: 270px; margin-top: 0;*/ margin-top: 10px;}


#search_area p.btn_search{ float:right;width:140px;}
#search_area p.btn_search input{
	background: url(../img/common/btn_search.png) no-repeat 0 0;
	display:block;
	overflow:hidden;
	height:0;
	width:140px;
	padding:70px 0 0 0;
	margin-top: 10px;
	cursor:pointer;
	border:none;
} 

/* takamatsu uwajima */
#search_area p.btn_search{ float:right;width:140px;}
#search_area p.btn_search input,
#search_area p.btn-search input{
	background: url(../img/common/btn_search.png) no-repeat center center;
	display:block;
	overflow:hidden;
	height:0;
	width:120px;
	padding:70px 0 0 0;
	margin-top: 10px;
	cursor:pointer;
	border:none;
} 

#search_area p.btn-search input{ height:50px; padding-top: 50px; margin:5px 0;}
#search_area .inner-submit{ overflow: hidden; padding-left: 20px;}

#search_area input, #search_area select { border:1px solid #aaa;}

#search_area select{ margin-right:3px;}
#search_area select#dt_yyyymm,
#search_area select#dt_dd {
	margin-bottom:5px;
}

#search_area #tab_takamatsu #side_reserve_form {
	padding-right: 10px;
	margin-top: 10px;
	float: left;
	display: inline-block;
}

/*
-----------------------------------------------
	Reservation area
----------------------------------------------- */
/*#reservation_area{background: #d2c18d;padding: 20px 0 0px 0; color:#fff;}
#reservation_area .inner{width:960px; margin:0 auto;}
#reservation_area .inner-inner.clearfix {margin-bottom: 10px;}
#reservation_area h3.search_title{font-size: 24px; color: #fff; margin: 14px 40px 0 0; width: 100px; float: left;}
input.datepicker{width:80%;}
#reservation_area .searchBtns li{float:left;}
#reservation_area .searchBtns li.pulldownWrap{width: 100px;}
#reservation_area .searchBtns li.btn_submit{width: 160px; margin-top: 10px;}
#reservation_area .searchBtns li.btn_submit.sp {    display: none;}
#reservation_area .searchBtns p.texttop{}
#reservation_area .searchBtns p.textbottom{margin:10px 0 0 0}
#reservation_area li.box_day { width: 230px;}
#reservation_area .pulldown01, #reservation_area .pulldown02{width: 90px;}
#reservation_area input#datepicker {
	background: #fff url(../img/calIcon.png)no-repeat right 10px center;
	background-size: 20px;
}
#reservation_area input, #reservation_area select {
	padding:6px;
	border: none;
}
#reservation_area .btnToday{display:none;}
#reservation_area .btn_submit input.search {
	width: 100%;
	background: #000;
	color: #fff;
	border-radius: 6px;
	height: 70px;
margin: 0 0 10px 0;
transition: ease-in-out 0.2s;
font-size: 24px;
	letter-spacing: 0.5em;
	}
#reservation_area .btn_submit input:hover { cursor: pointer; background:gray;}
input.buttonCancel {
	font-size: 12px;
	height: 30px;
	padding: 0;
	width: 100%;
	border-radius: 4px;
	}
.search_btn01, .search_btn02, .search_btn03, .search_btn04, .search_btn05, .search_radio {
	float: left;
	font-size: 14px;
	vertical-align: top;
	padding-right: 18px;
	text-align: left;
}
.search_btn01 ul {	width: 200px;}
.search_btn02 ul { width: 70px;}
search_btn03 ul{ width: 70px;}
.search_btn04 ul { width: 80px;}
.search_radio input {
	vertical-align: middle;
	margin-right: 4px;
}
.search_radio p { font-size: 13px;}
.search_btn05{padding-right:0; }
p.reservetitle {
	border-left: 6px solid #fff;
	padding-left: 8px;
	margin: 0 0 8px 0;
	line-height: 14px;
}
#reservation_area input.button {
	width: 160px;
	height: 60px;
	line-height: 50px;
	background: #000;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.2em;
	border-radius: 4px;
	transition: ease-in-out 0.2s;
	}
.bottom_menu {background: #e0e0e0;font-size:0; }
.bottom_menu ul {
	text-align: center;
}
.bottom_menu li {display: inline-block;border-right: 1px solid #c1c1c1;font-size: 14px;}
.bottom_menu li:first-child{border-left: 1px solid #c1c1c1;}
.bottom_menu li a {
	display: block;
	padding: 6px 20px;
}
.bottom_menu li a:hover{background:gray;color:#fff;}*/

/*チェックボックス*/
/*.checktext , .checktext2{
	margin-top: 4px;
	font-size: 12px;
}
.checkA {
	display: inline-block;
	position: relative;
	margin-right: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: button;
	appearance: button;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	vertical-align: middle;
}

.checkA:checked::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 4px;
	width: 4px;
	height: 10px;
	border-right: 4px solid #009933;
	border-bottom: 4px solid #009933;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}*/

/*
--------------------------------------------------
	Navigation
-------------------------------------------------- */
.snav{ background:#ededed; height:30px; line-height:30px;}
.snav ul{ width:1080px; margin: 0 auto;}
.snav ul li{ display:inline; font-size:1.3rem; margin-right:15px;}
.snav ul li a {
	text-decoration:none;
	padding: 0 0 0 12px;
	position:relative;
}
.snav ul li a::before{
	position: absolute;
	content:"";
	left: 0;
	top:50%;
	width: 6px;
	height: 6px;
	margin-top:-3px;
	border-top: 1px solid #0b308e;
	border-right: 1px solid #0b308e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.snav ul li a:hover{ color:#0b308e;}

.nav_wrap{ position:relative; z-index:10;}
nav { width: 100%; background: url(../img/common/bg_nav.png) repeat-x 0 0; height:70px;}
nav .nav-inner { width: 1080px; margin: 0 auto;}
nav ul:after {
  content: "";
  clear: both;
  display: block;
}
nav.gnav li{
	float: left;
	width:140px;
	height:70px;
	font-size:1.6rem;
	letter-spacing:0;
	font-family : Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" ,  "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
nav.gnav li a {
	background:url(../img/common/nav.png) no-repeat 0 0;
	display:block;
	text-align:center;
	height:70px;
	line-height:70px;
	color:#333;
	text-decoration:none;
}
nav.gnav li.nav02,
nav.gnav li.nav03,
nav.gnav li.nav05,
nav.gnav li.nav06{ width:200px;}
nav.gnav li a:hover{ background-position: 0 -70px;}

nav.gnav li.nav06 a {
	overflow:hidden;
	height:0;
	background:url(../img/common/nav_hotel_list.png) no-repeat 0 0;
	padding-top:70px;
}
nav.gnav li.nav06 a:hover{background-position: 0 0; opacity:0.9;}

/* current */
#page-home nav.gnav li.nav01 a{ background-position: 0 -140px; color:#fff; text-shadow: -1px -1px 5px #000;}
#page-company nav.gnav li.nav02 a{ background-position: 0 -140px; color:#fff; text-shadow: -1px -1px 5px #000;}
#page-corporate nav.gnav li.nav03 a{ background-position: 0 -140px; color:#fff; text-shadow: -1px -1px 5px #000;}
#page-recruit nav.gnav li.nav04 a{ background-position: 0 -140px; color:#fff; text-shadow: -1px -1px 5px #000;}
#page-privacy nav.gnav li.nav05 a{ background-position: 0 -140px; color:#fff; text-shadow: -1px -1px 5px #000;}

/* base */
#page-home　nav.gnav li.nav01 a{}

/* nav_fixed */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}


/* デザインに合わせて調整してください */
nav.gnav li.nav06{
    position:relative;
}
nav.gnav li.nav06 ul.child{
    display: none;  /*必須 */
    position: absolute;
    top:70px;
    left:0;
    padding: 0;
    margin:0;
    width: 240px;
    z-index:9999;
}
nav.gnav ul.child li{
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "游ゴシック", YuGothic,  sans-serif;
    text-align:left;
	width:240px;
	font-size:1.4rem;
	background:#fff;
	height:50px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
}
nav.gnav ul.child li a{
    background-image:none;
    height:50px;
    line-height:50px;
    display: block;
    padding: 0 10px;
    box-sizing:border-box;
    color: #333;
    text-align:left;
    text-decoration:none;
    border-bottom: 1px solid #aaa;
	position:relative;
	z-index:100;
	transition:ease-in .4s;
}
nav.gnav ul.child li a:hover{ background:#eee;}


/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav { position: relative; z-index: 100;}

/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
  position: absolute;
  top: 85px;
  left: 50%;
  z-index: 100;
  overflow: hidden;
  display: none;
  width: 1080px;
  margin-left:-540px;
  height: 260px;
  text-align: center;
  background: #fff;
  background: linear-gradient(to bottom,  #fff 0%,#efefef 100%);
  border: #aaa 1px solid;
  box-shadow: 0 2px 2px #eee;
}
#mddNav .mddWrap .mddInner {
  margin: 0 auto;
  width: 960px;
  padding-top:30px;
  height: 200px;
  background:#ddd;
  line-height: 1.5em;
  text-align: left;
}
#mddNav .mddWrap .mddInner > .dropContent {
  display: flex;
}
#mddNav .mddWrap .mddInner > .dropContent > div {
  margin-right: 20px;
  width: 250px;
  border-right: #aaa 1px solid;
}
#mddNav .mddWrap .mddInner > .dropContent > div:last-child {
  margin-right: 0;
  border-right: none;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li {
  line-height: 1.8em;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li i {
  margin-right: 0.5em;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:link {
  text-decoration: underline;
}
#mddNav .mddWrap .mddInner > .dropContent > div > ul > li a:hover {
  text-decoration: none;
}
#mddNav .mddWrap .mddInner p {
  margin-bottom: 20px;
  padding-left: 10px;
  line-height: 1.6em;
  border-left: #3571AA 5px solid;
}
#mddNav .mddWrap .mddInner p strong {
  font-size: 1.1em;
  display: block;
}
#mddNav .mddWrap .mddInner > div span {
  margin-bottom: 5px;
  font-weight: bold;
}


/*
--------------------------------------------------
	main
-------------------------------------------------- */

/*
--------------------------------------------------
	バナーエリア
-------------------------------------------------- */
.banner {
	width: 960px;
	margin: 10px auto;
}
.banner:after {
  content: "";
  clear: both;
  display: block;
}
.banner img:last-child {
	margin: 0;
}
.banner img {
	vertical-align: bottom;
	float: left;
	margin-right: 26px;
}



/*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
.visual{ overflow:hidden; height:480px; position: relative; z-index:0;}
#page-home .visual{ overflow:hidden; height:680px;  position:relative; z-index:0;}

#page-home .main-photo{ width:1600px; min-width:1080px; position:relative; left:50%; margin-left:-800px;}
#page-home .main-photo-inner{ position:relative;}
#page-home .slide_home > li { width: auto; position: static; left: 0; margin-left: 0;}
#page-home .slide_home > li > img { width: 1600px;}

#page-home .wide .main-photo { width: 100%; position: relative; left: 0; margin-left: 0;}
#page-home .wide .slide_home > li > img{ width:100%;}

/*.wide02.main-photo{ height:480px !important; overflow:hidden;}
#page-home .wide02.main-photo{ height:auto !important; overflow:hidden;}*/


/* page */
.slide_page li{ width: auto; position: static; left: 0; margin-left: 0;}
.slide_page > li > img { width: 1600px;}
.wide .slide_page > li > img{ width:100%;}


/*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
photo{width:100%;text-align: center;}
photo img{  width: 100%; vertical-align:bottom;}
.main-photo{}

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs {
	margin:0 -100%;
	padding:5px 100%;
	margin-bottom:50px;
	background:#fff;
	font-size:1.2rem;
	border-bottom:1px solid #ddd;
}
.breadcrumbs ul	   { }
.breadcrumbs ul li { display: inline;}
.breadcrumbs ul li:before { content: "＞"; padding: 0 6px;}
.breadcrumbs ul li:first-child:before { content: "";}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content{ width:100%; margin:0; padding-bottom:60px;}
.content .inner { width: 1080px; margin: 0 auto;}
.wrapper {	margin: 0;}


/*photo*/
.photos		{}
.photos-right {
	float: right;
margin-left: 30px;
}
.photos-left {
float: left;
margin-right: 30px;
}
.plandetail-left {
/* float: right;*/
margin-left: 30px;
}
.photos-center{ width: 100%; text-align: center; margin-bottom: 10px;}
.photos-center img { width: 100% !important; height:auto; }
.photos-conformity	  { margin: 0 auto;}
.photos-conformity-left	  { margin: 0;}
.photos-conformity-left > div {
	margin-right: 10px;
}
.photos-conformity-left > div:last-of-type {
	margin-right: 0;
}
.photos-conformity-right  { margin: 0;margin:0 0 20px 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity:after,
.photos-conformity-left:after,
.photos-conformity-right:after,
.photos-conformity-center:after{
	content: "";
	clear: both;
	display: block;
}
.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-top img,
.photos-top_headline img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: bottom; margin-bottom:10px; }

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-top .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps {  padding-top: 10px; display: block;}

.photos-left_headline { float: left;margin-right: 20px;}
.photos-right_headline { float: right;margin-left: 20px;}
.photos-top_headline { }

/* List */
.column-inner ul {  padding: 0;}
.column-inner ol { padding: 0;}

/*.column-inner ul li { margin: 0; padding: 0; list-style: disc;}*/
.column-inner ol li {  list-style: decimal;}

/* Detail */
.plandetail	  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity	  { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-left  { overflow: hidden; width: auto;}
.plandetail-conformity-right { 10px; overflow: hidden; width: auto;}
.plandetail-conformity-center{ padding-top: 10px; overflow: hidden; clear: both;}

p.statement_link a {
	display: block;
	background: #000 url(../img/arrow_w.png) no-repeat right 8px center;
	background-size: 10px;
	color: #fff;
	width: 200px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 20px 0;
	text-decoration:none ;
	transition:ease-in 0.2s;
}
p.statement_link a:hover{
	 background: #000 url(../img/arrow_w.png) no-repeat right 6px center;
	background-size: 10px;
	text-decoration:none;
}


/* Move */
.move{
	position: fixed;
	right: 20px;
	/*margin-right: -640px;*/
	bottom:30px;
	z-index: 100;
 }
.move ul li a{
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.8) url(../img/common/ico_move.png) no-repeat center center;
	background-size: 24px;
	display: block;
	text-indent: -9999px;
	border-radius: 4px;
	}

/* news */
article.news{ width:960px; margin:0 auto; padding-bottom: 90px; }
article.news h2 {
	font-size: 24px;
	text-align: center;
	line-height: 70px;
	height: 70px;
	border-bottom: 1px solid #000;
	margin: 0 0 40px 0;
}
.news .articleWrap article {float:left;width: 300px;margin-right:30px;position:relative;}
.news .articleWrap article:last-of-type{margin-right:0px; }
.news .articleWrap article a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 1;
}
.news .articleWrap article a:hover{background:rgba(0, 0, 0, 0.2);}
.news .recentPost h3{font-weight:bold; height: 70px; font-size:16px;}
.news .articleWrap p.detailBtn{
	padding: 10px 0;
	background: #fff url(../img/arrow.png)no-repeat right 6px center;
	background-size: 14px;
	border: 1px solid #333;
	color: #000;
	text-align: center;
	text-decoration: none;
	width: 100%;
	margin: 20px 0;
}
.news .articleWrap p.detailBtn:hover{
	background: #fff url(../img/arrow.png)no-repeat right 6px center;
	background-size: 14px;
}

/*more button*/
article.news .more {margin-top: 20px;}
article.news .more .button {}
article.news .more a {
	display: block;
	background: #333 url(../img/arrow_w.png)no-repeat right 8px center;
	background-size: 14px;
	border: 1px solid #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
	width: 380px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
article.news .more a:hover{
	border:1px solid #000;
	color: #000;
	background: #fff url(../img/arrow.png)no-repeat right 6px center;
	background-size: 14px;
}

#entries { margin: 20px 0; padding: 0;}
#entries div.column{ margin: 0; padding: 0;}

/*news詳細*/
span.new {
	color: #fff;
	background: #c30000;
	padding: 0 5px;
	border-radius: 6px;
	margin: 0;
}


/* Tabs Contents */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
}

ul.ui-tabs-nav {
	width		: 100%;
	height:70px;
}
ul.ui-tabs-nav li { float: left;position:relative;}
ul.ui-tabs-nav li a {
    width: 230px;
    height: 50px;
    line-height: 50px;
    margin: 0 5px 0 0;
    padding-top: 0px;
    display: block;
    float: left;
    background: #d6d6d6;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
}

/* Tab Style */
ul.ui-tabs-nav li#entries-tab-recommend a{}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { }
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a  {
    background: #000000;
    color: #fff;
}

ul.ui-tabs-nav li#entries-tab-restaurant a{ }
ul.ui-tabs-nav li#entries-tab-restaurant a:hover { }
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected a  {
    background: #000000;
    color: #fff;
}

ul.ui-tabs-nav li#entries-tab-news a {background: #d6d6d6;     background-position: bottom center; }
ul.ui-tabs-nav li#entries-tab-news a:after {
	    position: absolute;
    content: "";
    width: 230px;
    height: 10px;
    bottom: -10px;
    left: 0;
    display: block;
}
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected a {
    background: #000000 ;
    color: #fff;
}
/*選択時の三角*/
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected:after,
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected:after,
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected:after {
    content: "";
    position: absolute;
    background: url(../img/tab_arrow.png)no-repeat center bottom;
    width: 230px;
    height: 10px;
    bottom: -10px;
    left: 0;
    display: block;
}
/*hover*/
ul.ui-tabs-nav li#entries-tab-news a:hover,
ul.ui-tabs-nav li#entries-tab-recommend a:hover,
ul.ui-tabs-nav li#entries-tab-restaurant a:hover  {
    opacity: 0.5;
}

/*
--------------------------------------------------
	ギャラリー表示
-------------------------------------------------- */

/* Small-160px */
.imagesurfingsmall {
	width		: 164px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingsmall ul { width: 160px; margin: 0 auto;}
.imagesurfingsmall ul li { width: 40px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingsmall ul li a {
	width		: 40px;
	height		: 30px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingsmall img {
	width		: auto;
	height		: 120px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingsmall ul li img {
	width		: 39px;
	height		: 29px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfingsmall ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #BB471F;
}
.imagesurfingsmall p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Normal-220px */
.imagesurfingnormal {
	width		: 224px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingnormal ul { width: 220px; margin: 0 auto;}
.imagesurfingnormal ul li { width: 55px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingnormal ul li a {
	width		: 55px;
	height		: 42px;
	border		: none;
	border-bottom	: 4px solid #dcdcdc;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingnormal img {
	width		: auto;
	height		: 165px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingnormal ul li img {
	width		: 54px;
	height		: 41px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #eee;
}
.imagesurfingnormal ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #5f5f5f;
}
.imagesurfingnormal p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Large-280px */
.imagesurfinglarge {
	width		: 284px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfinglarge ul { width: 280px; margin: 0 auto;}
.imagesurfinglarge ul li { width: 70px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfinglarge ul li a {
	width		: 70px;
	height		: 53px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfinglarge img {
	width		: auto;
	height		: 210px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfinglarge ul li img {
	width		: 69px;
	height		: 52px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfinglarge ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #BB471F;
}
.imagesurfinglarge p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}

/*Banner Area*/
.bannerArea{ width: 960px;margin: 0 auto;}
.bannerArea li{float:left;}
.bannerArea li{margin-right:26px;}
.bannerArea li:last-child{margin-right:0px;}

/*sns icons*/
.snsIcon .inner{width: 960px;margin: 0 auto;text-align: center; padding: 40px;}
.snsIcon li{display: inline-block;  vertical-align:middle; margin-right: 40px;}
.snsIcon li a{/*display:block;*/}
.snsIcon li img{width:40px;}

/*
--------------------------------------------------
	footer
-------------------------------------------------- */
footer { width: 100%;}
footer .footer-inner{ border-top: 1px solid #1d1d1d;}
footer .footer-inner-inner{ width:1080px; margin: 20px auto;}
footer .footer-inner-inner:after{ content:""; clear:both; display:block;}
footer .infoPhoto img{width:200px;}
footer .rowWrap{margin:20px 0}
footer .infoPhoto{float:left; width:200px; margin-right:20px;}
footer .infoaddress{float:left; width:300px;}
footer .infoText{float:right; width:400px; }

/*footer nav#footerMenu  {margin: 20px 0;}
footer nav#footerMenu ul{  font-size: 0;  text-align: center;}
footer nav#footerMenu ul li{display: inline-block;margin-right:10px;position:relative;}
footer nav#footerMenu ul li:last-child{margin-right:0px;}
footer nav#footerMenu ul li:before {
	content: "test";
	width: 10px;
	height: 10px;
	position: absolute;
	left: 5px;
	top: 6px;
}
footer nav#footerMenu li a {
	color:#fff;
	width: 110px;
	height: 26px;
	display: block;
	font-size: 14px;
}*/

.information {
	width: 100%;
}
.information-inner {
	width:1080px;
	margin: 0 auto;
	position:relative;
	height:90px;
}
.information-inner:after {
  content: "";
  clear: both;
  display: block;
}

.information-inner .contact{
	position:absolute;
	top:20px;
	left:620px;
}
.information-inner .contact a{
	background:#1d2088;
	background-size:20px;
	color:#fff;
	display:block;
	width:160px;
	height:45px;
	line-height:45px;
	text-align:center;
	text-decoration:none;
	font-size:1.4rem;
	transition: ease-in .4s;
}
.information-inner .contact a:hover{ background:#373ab3;}
.information-inner .contact a span{
	background: url(../img/common/ico_mail.png) no-repeat 0 center;
	background-size:20px;
	padding-left:25px;
}

.information-inner .sns_link{
	position:absolute;
	top:20px;
	right:0;
}
.information-inner .sns_link li{ float:left; margin-left:5px;}
.information-inner .sns_link li a{
	background:url(../img/common/ico_footer_sns.png) no-repeat 0 0;
	display:block;
	width:45px;
	overflow:hidden;
	height:0;
	padding-top:45px;
}
.information-inner .sns_link li a:hover{ opacity: 0.7;}
.information-inner .sns_link li.sns_ta a{ background-position: 0 0;}
.information-inner .sns_link li.sns_blog a{ background-position: -45px 0;}
.information-inner .sns_link li.sns_fb a{ background-position: -90px 0;}

/* footer banner(企業) */
.footer_banner{ width:840px; float:left}
.footer_banner ul{  margin:0; text-align:center;}
.footer_banner ul li{ float:left; margin: 0 5px;}
.footer_banner ul li.ft_bn{ background: #f1ede1; border:1px solid #c5c3bc; width:260px;}
.footer_banner ul li.ft_bn a{ display:block; height:0; overflow:hidden; padding-top:70px;}

.footer_banner ul li.ft_bn.bn_shikokuhotels a{ background:url(../img/common/bn_ft_shikokuhotels.gif) no-repeat 0 center; background-size:260px;}
.footer_banner ul li.ft_bn.bn_jrhotels a{ background:url(../img/common/bn_ft_jrhotels.gif) no-repeat 0 center; background-size:260px;}
.footer_banner ul li.ft_bn.bn_hankyu a{ background:url(../img/common/bn_ft_hankyu.gif) no-repeat 0 center; background-size:260px;}
.footer_banner ul li.ft_bn.bn_railway a{ background:url(../img/common/bn_ft_railway.gif) no-repeat 0 center; background-size:260px;}


.footer_banner02{ padding:0; width:240px; float:left;}
.footer_banner02 ul{ margin: 0 auto; text-align:center;}
.footer_banner02 ul li{ display:inline-block; margin: 0 5px;}

.information-access{ padding: 20px 0;}
.information-access h4{
	background:url(../img/common/footer_logo.png) no-repeat 0 0;
	overflow:hidden;
	height:0;
	padding-top:50px;
	width:260px;
	float:left;	
	margin-right: 20px;
}
.information-access p{ font-size:1.4rem;}
.information-access .hotel_tel{ font-size:1.4rem;}
.information-access .hotel_tel li{ display:inline;}
.information-access .hotel_tel li.tel{ margin-right:10px;}
.information-access .hotel_tel li.tel a{ text-decoration:none;}
.information-access .hotel_tel li.tel:before{ content:"TEL:";}
.information-access .hotel_tel li.fax:before{ content:"FAX:";}

.fnav { width: 100%;  border-top: 1px solid #cbc5b3; border-bottom: 1px solid #cbc5b3;}
.fnav .fnav-inner{ width: 100%; background: #efede5; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0;}
.fnav ul { text-align: center; padding: 0;}
.fnav li { display: inline-block; padding: 0 10px; font-size:1.2rem;}
.fnav li a { color:#333; text-decoration:none;}
.fnav li a:hover{ text-decoration:underline;}

footer .copyright {
	background: #1d1d1d;
	text-align: center;
	height:50px;
	line-height: 50px;
	font-size: 1.2rem;
	color: #fff;
}

/*
--------------------------------------------------
	go pagetop
-------------------------------------------------- */
.pagetop {
	position: fixed;
	right: 50%;
	bottom: 0;
	z-index: 80;
	margin-right: -680px;
	z-index:1;
}
.pagetop a {
background: #333;
color: #fff;
width: 80px;
height:80px;
line-height: 80px;
text-align: center;
display: block;
border-radius: 5px;
}
.pagetop a:hover {
text-decoration: none;
background: #999;
}
/*フッタに固定時*/
.pagetop.stop a {
	border-radius: 6px 6px 0 0;
}

/*hover.css*/
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #000;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/*
--------------------------------------------------
	bxslider Style
-------------------------------------------------- */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.visual .bx-wrapper .bx-pager {
	text-align: center;
	position: absolute;
	left:50%;
	width: 120px;
	z-index:100;
}
.bx-wrapper .bx-pager {
	text-align: center;
	position: absolute;
	top:640px;
	left:50%;
	width: 100px;
	z-index:100;
	margin-left:-50px;
}

.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 100;
}
.bx-pager a {
	background: #eee;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #c5a84f;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 30px;
	height: 45px;
	text-indent: -9999px;
	z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* pagerサムネイル */
.thumb{ text-align:center;}
.thumb a{ border: 3px solid #ccb8a7; display: inline-block; width:80px; height:40px; margin-right:1px; margin-left:1px;}
.thumb a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50); 
}  
.thumb a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
} 
.thumb a.active{ border-color: #8e3332;} 

/*
--------------------------------------------------
    Slick Style
-------------------------------------------------- */
.slick-prev,
.slick-next{
    width: 40px;
    height: 40px;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #fff;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	background:#413127;
    opacity:0.8;
}

/*左右の矢印の位置を変える*/
.slick-next {
    right: -45px;
    z-index: 0;
	background:#413127;
	border-radius:20px;
}
.slick-next:before
{
    /*content: url(../img/common/arr_slick_next.png);*/
	content:"";
	display:block;
	height:10px;
	width:10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 12px;
	margin-top: -5px;
}

.slick-prev {
	left: -45px;
    z-index: 0;
	background:#413127;
	border-radius:20px;
}
.slick-prev:before
{
    /*content: url(../img/common/arr_slick_next.png);*/
	content:"";
	display:block;
	height:10px;
	width:10px;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -5px;
}

/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #333;
}
.slick-dots { bottom: -40px;}

/*スライド画像の横幅可変*/
/*ul.multiple-item li img {
    max-width: 260px;
    height: auto;
}*/

.home_stayplan{ width:840px; padding: 30px 0; float:right;}
.home_stayplan_inner{ width:750px; margin: 0 auto;}
.home_stayplan .column,
.home_stayplan .column-inner{ margin:0; padding:0;}
.planbox{
	width:230px;
	min-height:260px;
	margin: 10px 10px;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	position:relative;
	background:#fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.planbox a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.planbox h4{ margin: 10px; text-align:left; text-decoration:underline;}




/*
--------------------------------------------------
	common css
-------------------------------------------------- */
.column { width: 100%; margin: 0; padding: 0;}
.column-inner { margin: 0 0 10px; padding: 0 0 10px;}
.column:after,
.column-inner:after{ content:""; clear:both; display:block;}

/* 見出し */
.content h2.hd{
	font-size:4.0rem;
	text-align:center;
	margin: 20px 0 50px;
	letter-spacing:0.1em;
	font-family : Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" ,  "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.content h2.hd:after{
	content:"";
	display:block;
	background: url(../img/common/hd_border.png) repeat-y center 0;
	height:3px;
	width:200px;
	margin: 10px auto 0;
}
.column-inner h3 { margin-bottom: 10px; font-size: 2.8rem;}
.column-inner h3.shd{ text-align:center; margin: 40px 0 0;}
.column-inner h3.shd:before{ content:""; display:block; height:3px; width:40px; margin: 0 auto 10px; background:#0b3190;}
.column-inner h3.sshd{
	font-size: 2.0rem;
	border:1px solid #ccc;
	padding:5px 0 5px 25px;
	/*border-radius:5px;*/
	background:linear-gradient(#eee, #fff);
	background: -moz-linear-gradient(top, #eee 0%, #fff 100%);/*古いFireFox向け*/
	background: -webkit-linear-gradient(top, #eee 0%,#fff 100%);/*古いSafariなど向け*/
	position:relative;
	overflow: hidden;
}
.column-inner h3.sshd:before{
	content:"";
	display:block;
	height:20px;
	width:3px;
	background:#0b3190;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-10px;
}	


.column-inner h4 { margin-bottom: 10px; font-size: 1.8rem;}

.column-inner h5 { font-size: 1.6rem;}



/* table */
.column-inner table {
	margin		: 10px 0;
	border		: solid #a0a0a0;
	border-width	: 1px 0 0 1px;
	border-collapse	: separate;
	border-spacing	: 0;
}
.column-inner table th,
.column-inner table td {
	padding		: 8px;
	border		: solid #a0a0a0;
	border-width	: 0 1px 1px 0;
}
.column-inner table th {
	background	: #efefef;
}

/* dl_table */
.column-inner dl.list_table {
  background-color: #dce6f0;
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #cacad1;
  width : 100%;
  box-sizing: border-box;
}
.column-inner dl.list_table dt {
  float : left;
  clear : both;
  width : 150px;
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #cacad1;
  padding : 15px;
}
.column-inner dl.list_table dd {
  margin-left: 150px;
  background-color: #fff;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #cacad1;
  padding : 15px;
  overflow: hidden; 
}


/* more */
.more{ clear: both;}
.more:after { content: ""; display: block; clear: both;}

.more a {
	background:#0b308e;
	border:1px solid #0b308e;
	color: #fff;
	text-decoration:none;
	display: block;
	text-align: center;
	height:50px;
	line-height:50px;
	transition: ease-in .4s;
	position:relative;
}
.more a:hover	{ 
	background:#fff;
	color:#0b308e;
}
.more a::before{
	position: absolute;
	content:"";
	right: 10px;
	top:50%;
	width: 6px;
	height: 6px;
	margin-top:-3px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: ease-in .4s;
}
.more a:hover::before{
	border-top-color: #0b308e;
	border-right-color: #0b308e;
}



/* btn_more */
.more_detail{ clear: both;}
.more_detail:after { content: ""; display: block; clear: both;}
 a.btn_more {
	background: rgba(255,255,255,0.3);
	border:1px solid #fff;
	color: #fff;
	text-decoration:none;
	display: block;
	text-align: center;
	height:45px;
	line-height:45px;
	transition: ease-in .4s;
}
 a.btn_more:hover	{ 
	background: rgba(255,255,255,1);
	color:#333;
}


/* btn_link */
.btn_link_col{ clear: both; margin: 10px 0; width:280px; text-align:center;}
.btn_link_col:after { content: ""; display: block; clear: both;}

 a.btn_link {
	position: relative;
	display: inline-block;
	padding: 0 0 0 22px;
	vertical-align: middle;
	text-decoration: none;
	color:#fff;
}
 a.btn_link:hover{ text-decoration: underline;}
 a.btn_link::before,
 a.btn_link::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
 a.btn_link::before{
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
 a.btn_link::after{
	left: 8px;
	box-sizing: border-box;
	width: 5px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 4px solid #fff;
}

/*
--------------------------------------------------
	TOP #page-home
-------------------------------------------------- */
#page-home .content .inner { width:100%; margin: 0 auto;}
#page-home .content{ margin-bottom: 0; }

/* TOP-intro */
.home_intro{
	background-image:url(../img/common/bg_home_intro.jpg);
	background-size: 100% auto;
	min-height:640px;
	background-repeat: no-repeat;
	background-position: center 0;
	position: relative;
}
.home_intro_cover{ position: absolute; height:100%; width:100%; background: url(../img/common/bg_home_over.png) repeat 0 0;}
.home_intro_txt{ width:1080px; margin: 0 auto; text-align:center; color:#fff; padding-top:80px; position: relative; z-index:5;}
.home_intro_txt h2{ font-size:4.0rem; letter-spacing:0.1em;}
.home_intro_txt p{ font-size:1.8rem;}

.home_intro_photo{ width:870px; margin: 40px auto 0; position: relative; z-index:5;}
.home_intro_photo li{ width:240px; margin: 0 25px; float:left;}
.home_intro_photo li img{ border-radius:120px;}

/* TOP-Group hotels */
.home_hotels{ margin:50px auto 20px;}
.home_hotels h2{line-height: 1.4;}
.home_hotels h2 span{ display:block; font-size:2.0rem; letter-spacing:0;}

.group_map{ background: #dceaf1; height:640px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.group_map_inner{ width:1080px; margin: 0 auto; position:relative;}

.group_map_inner .map_point a{
	background:#723426;
	border:1px solid #723426;
	color:#fff;
	padding: 0 20px;
	display:inline-block;
	height:30px;
	line-height:30px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:1.2rem;
	border-radius: 15px;
	font-weight:bold;
	transition:ease-in .4s;
}
.group_map_inner .map_point a:hover{ background:#fff; color:#723426;}
.group_map_inner .point_yaya {
    position: absolute;
    left: 40px!important;
    top: 170px!important;
}
.group_map_inner .point_takamatsu{
	position: absolute;
	left: 680px;
	top: 85px;
}
.group_map_inner .point_in_takamatsu{
	position:absolute;
	left:680px;
	top:120px;
}
.group_map_inner .point_tokushima{
	position:absolute;
	right: 185px;
	top: 320px;
}
.group_map_inner .point_kochi {
    position: absolute;
    left: 360px!important;
    top: 480px!important;
}
.group_map_inner .point_uwajima{
	position:absolute;
	left: 90px;
	top: 400px;
}
.group_map_inner .point_imabari {
	position: absolute;
	top: 110px;
	left: 280px;
}
.group_map_inner .point_himeji {
	position: absolute;
	top: 85px;
	right: 20px;
}

.hotel_detail_col{ width:1080px; margin: 40px auto;}
.hotel_detail{ margin:0; padding: 15px 0;}

.hotel_detail .hotel_info{ overflow:hidden; line-height:1.8;}
.hotel_detail .hotel_info h3{ font-size:2.8rem; margin-bottom:15px;}
.hotel_detail .hotel_info h3 a{ color:#333;}
.hotel_detail .btn_hotel_info{ margin: 20px 0 0;}
.hotel_detail .btn_hotel_info:after{ content:""; clear:both; display:block;}
.hotel_detail .btn_hotel_info li{
	border:1px solid #c5a84f;
	width:180px;
	margin: 0 5px;
	float:left;
	text-align:center;
}
.hotel_detail .btn_hotel_info li a{
	font-size:1.2rem;
	text-decoration:none;
	display:block;
	height:50px;
	line-height:50px;
	color:#675317;
	position:relative;
}
.hotel_detail .btn_hotel_info li a::before{
	position: absolute;
	content:"";
	right: 10px;
	top:50%;
	width: 6px;
	height: 6px;
	margin-top:-3px;
	border-top: 1px solid #675317;
	border-right: 1px solid #675317;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hotel_detail .btn_hotel_info li.btn_reserved a{
	background:#c5a84f;
	color:#fff;
}
.hotel_detail .btn_hotel_info li.btn_reserved a::before{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.bn_home_recipe{ margin:0 auto 50px; width:1080px;}


/* home_news */
#news{ background:#f3fafa; width:100%; padding: 50px 0; border:solid #d0dddd; border-width:1px 0;}
#news:after{ content:""; clear:both; display:block;}
#news .column{ width:840px; margin: 0 auto; border-bottom:1px solid #cacad1;}
#news div:first-of-type.column{ border-top:1px solid #cacad1;}

#news .column-inner{ margin: 10px 0; padding:10px 0;}
#news .column-inner .hotel_name{
	display:block;
	background:#0b308e;
	color:#fff;
	height:30px;
	line-height:30px;
	width:110px;
	font-size:1.3rem;
	text-align:center;
	float:left;
}
#news .column-inner .plandetail h3 {
	font-size: 1.6rem;
	margin-bottom:0;
	float:right;
	text-align:left;
	width:710px;
}
#news .more{ width:360px; margin: 30px auto 0;}

/* home_press */
#press{ background:#f3fafa; width:100%; padding: 50px 0; border:solid #d0dddd; border-width:0 0 1px;}
#press:after{ content:""; clear:both; display:block;}
#press .column{ width:840px; margin: 0 auto; border-bottom:1px solid #cacad1;}
#press div:first-of-type.column{ border-top:1px solid #cacad1;}

#press .column-inner{ margin: 10px 0; padding:10px 0;}
#press .column-inner .hotel_name{
	display:block;
	background:#0b308e;
	color:#fff;
	height:30px;
	line-height:30px;
	width:8em;
	font-size:1.3rem;
	text-align:center;
	float:left;
}
#press .column-inner h3 {
	font-size: 1.6rem;
	margin-bottom:0;
	margin-left:9em;
	background:url(../img/common/ico_pdf.png) no-repeat 0 center;
	padding-left:30px;
}
#press .more{ width:360px; margin: 30px auto 0;}


/* home_blog */
#blog{  width:100%; padding: 50px 0;}
#blog:after{ content:""; clear:both; display:block;}
#blog .column{ width:840px; margin: 0 auto; border-bottom:1px solid #cacad1;}
#blog div:first-of-type.column{ border-top:1px solid #cacad1;}

#blog .column-inner{ margin: 10px 0; padding:10px 0; display:table;}
#blog .photos img{ margin-bottom:0;}
#blog .column-inner h3 {
	font-size: 1.6rem;
	display: table-cell;
	vertical-align:middle;
	padding-left:15px;
}
#blog .more{ margin-top:20px; width: 360px; margin: 30px auto 0;}



/* home_point01 */
.home_point{
	position:relative;
	height:580px;
	overflow: hidden;
}
.home_point:after{ content:""; clear:both; display:block;}
.home_point .home_point_photo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
}
.home_point .home_point_photo img{ width:100%; height:auto; min-width:1600px;}
.home_point .home_point_inner{
	background: rgba(0,0,0,0.8);
	position:absolute;
	top:0;
	left:55%;
	height:100%;
	width:45%;
}
.home_point .home_point_txt{
	width: 540px;
	padding: 20px 40px;
	color:#fff;
}
.home_point .home_point_txt h3{ font-size:3.6rem; margin-top:100px; margin-bottom:20px;}
.home_point .home_point_txt h3 span{ display:block; font-size:2.4rem; line-height: 1.4;}
.home_point .home_point_txt .txt{ line-height:1.8;}
.home_point .home_point_txt .more_detail{ width:280px; margin: 25px 0 0;}

#home_point_rest{ margin-bottom:10px;}
#home_point_rest.home_point{
	position:relative;
	height:580px;
	overflow: hidden;
}

#home_point_rest.home_point .home_point_inner{
	position:absolute;
	top:0;
	right:55%;
	left:inherit;
}
#home_point_rest.home_point .home_point_txt{
	position:absolute;
	top:0;
	right:0;
}



/* home_point02 */
.home_point02{
	position:relative;
	height:480px;
	padding:0;
	background-image: url(../img/common/bg_home_wedding.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: 100% auto;

}
.home_point02 .home_point_inner{
	width:1080px;
	margin: 0 auto;
	padding:0;
	position:relative;
	text-align:center;
}
.home_point02 .home_point_inner .ph_home_wed01{
	position:absolute;
	top:90px;
	right:100px;
}
.home_point02 .home_point_inner .ph_home_wed02{
	position:absolute;
	top:220px;
	right:0;
}
.home_point02 .home_point_inner .ph_home_wed img{ box-shadow: 0 0 8px rgba(0,0,0,0.3);}


.home_point02 .home_point_txt{ padding-top:10px;}
.home_point02 .home_point_txt h3{ font-size:3.6rem; margin-top:70px; margin-bottom:20px;}
.home_point02 .home_point_txt h3 span{ display:block; font-size:2.4rem; color:#977d2e;}
.home_point02 .home_point_txt .txt{ line-height:1.8;}
.home_point02 .home_point_txt .more_detail_2col{ margin: 50px 0 0;}
.home_point02 .home_point_txt .more_detail_2col li{ display:inline-block; width:250px; margin: 0 5px;}
.home_point02 a.btn_more {
	border:1px solid #c5a84f;
	color: #555;
}
.home_point02 a.btn_more:hover	{ 
	background: rgba(255,255,255,1);
	color:#333;
}

/* home_plan_col */
.home_plan{ background:url(../img/common/bg_home_plancol.png) repeat 0 0;}
.home_plan .home_plan_inner{ width:1120px; margin: 0 auto;}
.home_plan .home_plan_inner:after{ content:""; clear:both; display:block;}
.home_plan .home_plan_ttl{
	width: 260px;
	float:left;
	background: rgba(171,130,0,0.5) url(../img/common/ico_home_plan_ttl.png) no-repeat center 30px;
	text-align:center;
	padding: 100px 25px 0;
	box-sizing:border-box;
	height:300px;
}
.home_plan .home_plan_ttl h4{ font-size:1.8rem; color:#fff; line-height:1.2; padding-bottom:10px; border-bottom: 1px solid #d9ca98;}
.home_plan .home_plan_ttl h3{ font-size:2.8rem; color:#fff; line-height:1.4; padding: 15px 0 10px; border-top: 1px solid #8f732e;}

/* home_access */
.home_access{ width:100%; height:400px; background:#e9e9e9; position:relative; margin: 0 0 80px;}
.home_access .gmap{ width:55%; height:300px; background:#000; position:absolute; top:0; left:45%;}
.home_access .home_access_inner{ width:380px; padding: 20px 20px; position:absolute; top:0; left:50%; margin-left:-540px; text-align:center;}
.home_access .home_access_inner .more{ width:200px; margin: 15px auto;}

.home_airplan{ width:1080px; height:130px; box-sizing:border-box; margin: 0 auto 40px; border-top:1px solid #5f5f5f; border-bottom:1px solid #5f5f5f;}
.home_airplan .home_airplan_ttl{ width:400px; float:left; text-align:center; padding: 15px 0;}
.home_airplan .home_airplan_ttl h3{ font-size:2.8rem;}
.home_airplan ul{ float: right; padding-right:20px;}
.home_airplan ul li{ width:310px; background:#ddd; margin: 20px 5px 0; float:left;}
.home_airplan ul li img{ vertical-align:bottom;}

/* home_banner */
.home_banner{ width:1080px; text-align:center; margin: 0 auto 40px;}
.home_banner li{ display:inline-block;}

/*
--------------------------------------------------
	page common CSS
-------------------------------------------------- */
.over_content{
	margin:0 -100%;
	padding:0 100%;
	text-align: center;
	margin-bottom:20px;
}
.over_content:after{ content:""; clear:both; display:block;}
.over_content_inner{ padding: 150px 0; color:#fff; text-shadow: 0 0 10px rgba(0,0,0,1);}
.over_content_inner h3{ font-size:2.8rem; margin-bottom:15px;}
.over_content_inner p{ line-height:2.0; font-size:1.6rem;}

.txt_center{ text-align:center;}
.txt_center h3{ font-size:2.4rem;}

.column-inner a.pdf_link{
	background:url(../img/common/ico_pdf.png) no-repeat 0 center;
	background-size: 16px;
	padding-left:20px;
}

.mt20{ margin-top: 20px !important;}

/*
--------------------------------------------------
	ごあいさつ・会社概要 #page-home
-------------------------------------------------- */
p.signature{ margin-top:20px; text-align:right;}

/*
--------------------------------------------------
	プライバシーポリシー #page-privacy
-------------------------------------------------- */
#page-privacy{}

#page-privacy .column-inner h4 { margin-top: 20px; font-weight:bold;}

#page-privacy .column-inner ul{ margin:10px 0 5px;}
#page-privacy .column-inner ul li{ margin-bottom:5px; text-indent:-1em; padding-left:1em;}
#page-privacy .column-inner dl{ margin:10px 0;}
#page-privacy .column-inner dl dt{ font-weight:bold; margin: 15px 0 5px;}

/*
--------------------------------------------------
	経営理念・ 行動指針 #page-corporate
-------------------------------------------------- */
.over_content#corporate_intro{
	background-color: #000;
	background-image:url(../img/common/bg_corporate_overcontent.jpg);
	background-size: auto auto;
	background-position: center center;
	background-repeat:no-repeat;
}

.column-inner ul.list_guideline{}
.column-inner ul.list_guideline li{ margin-bottom:20px; line-height:30px; font-size:1.8rem;}
.column-inner ul.list_guideline li em{ display: inline-block; width:30px; height:30px; margin-right:10px; background:#0b3190; color:#fff; text-align:center;}


/*
--------------------------------------------------
	採用情報 #page-privacy
-------------------------------------------------- */
.over_content#recruit_intro{
	background-color: #000;
	background-image:url(../img/common/bg_recruit_overcontent.jpg);
	background-size: auto auto;
	background-position: center center;
	background-repeat:no-repeat;
}
.recruit_banner{ text-align:center; margin: 20px 0 40px;}
.recruit_banner li{ display:inline; margin: 0 10px;}

.column-inner ul.recruit_date{ border-bottom:1px dotted #aaa; padding-bottom:10px;}
.column-inner ul.recruit_date li{ display: inline-block; margin-right: 15px;vertical-align: top;}

/*
--------------------------------------------------
	お問合わせ #page-contact
-------------------------------------------------- */
#page-contact{}
#page-contact .column-inner h3.shd{ margin-bottom:20px;}

.column-inner ul.list_contact{}
.column-inner ul.list_contact li{ width:260px; float:left; margin: 0 5px 10px; text-align:center;}
.column-inner ul.list_contact li a{
	background:#0b3190;
	text-decoration:none;
	color:#fff;
	border: 1px solid #0b3190;
	display:block;
	height:50px;
	line-height:45px;
	transition: ease-in .4s;
	position:relative;
}
.column-inner ul.list_contact li a:hover{ background:#fff; border: 1px solid #0b3190; color:#0b3190;}
.column-inner ul.list_contact li a::before{
	position: absolute;
	content:"";
	left: 50%;
	bottom:5px;
	width: 6px;
	height: 6px;
	margin-left:-3px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: ease-in .4s;
}
.column-inner ul.list_contact li a:hover::before{
	border-right-color: #0b308e;
	border-bottom-color: #0b308e;
}

.column-inner ul.list_contact.common_form li{ width:320px; margin: 20px auto 0; float:none;}

/*
--------------------------------------------------
	プレス（読み出し） #page-contact
-------------------------------------------------- */
#page-press{}
#press:after{ content:""; clear:both; display:block;}
#page-press .column{ width:840px; margin: 0 auto; border-bottom:1px solid #cacad1;}

#page-press .column-inner{ margin: 10px 0; padding:10px 0;}
#page-press .column-inner .hotel_name{
	display:block;
	background:#0b308e;
	color:#fff;
	height:30px;
	line-height:30px;
	width:8em;
	font-size:1.3rem;
	text-align:center;
	float:left;
}
#page-press .column-inner h3 {
	font-size: 1.6rem;
	margin-bottom:0;
	margin-left:9em;
	background:url(../img/common/ico_pdf.png) no-repeat 0 center;
	padding-left:30px;
}
#page-press .more{ width:360px; margin: 30px auto 0;}


/*
--------------------------------------------------
	シェフレシピ #page-recipe
-------------------------------------------------- */
#page-recipe p.statement_link a {
	display: block;
	background-image:none;
	background:#fff;
	border:1px solid #092772;
	color: #092772;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 20px 0;
	text-decoration:none ;
	position:relative;
	font-size:1.4rem;
	transition:ease-in 0.4s;
}

#page-recipe p.statement_link a:before{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 5px solid transparent;
    border-left: 6px solid #092772;
}
#page-recipe p.statement_link a:hover{
	background:#eee;
}


.recipe_cap{ text-align:center;}
.column-inner h3.recipe_list_shd{
	font-size:2.2rem;
}

/* レシピ詳細 */
.recipe_intro{ margin-bottom:50px;}
.recipe_intro_txt{ text-align:left; overflow:hidden;}
.recipe_intro_txt h3{
	background: url(../img/common/recipe_intro_hd.png) no-repeat center 20px;
	padding-top:90px;
	line-height: 1.4;
	text-align:center; 
}

.recipe_item{ margin-bottom:40px;}
.recipe_item img{ width:360px;}
.recipe_item_txt{ overflow:hidden;}
.recipe_item_txt p{ margin-bottom:15px;}

.process_col{ margin-bottom:40px;}
.process_col div.box{ width:320px; margin: 0 20px 20px; float:left;}
.process_col div:nth-of-type(3n+1).box{ clear:both;}

.process_col div.box img{ width:100%; margin-bottom:10px;}
.process_col .process_txt{ position:relative;}
.process_col .process_txt:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	width:30px;
	height:30px;
	background:#b19863;
	text-align:center;
	color:#fff;
	font-size:1.6rem;
	line-height: 30px;
}
.process_col .process_txt p{ padding-left:40px;}
.process_col .p01:before{ content:"1";}
.process_col .p02:before{ content:"2";}
.process_col .p03:before{ content:"3";}
.process_col .p04:before{ content:"4";}
.process_col .p05:before{ content:"5";}
.process_col .p06:before{ content:"6";}
.process_col .p07:before{ content:"7";}
.process_col .p08:before{ content:"8";}
.process_col .p09:before{ content:"9";}

.one_point{
	border:3px solid #d7c59e;
	border-radius:10px;
	background:url(../img/common/ico_one_point.png) no-repeat 20px center;
	min-height:140px;
	padding:20px 0 20px 160px;
	box-sizing:border-box;
}
.column-inner .one_point h4{ font-weight:normal; color:#a68b51;}


/*
--------------------------------------------------
	スタッフの声 #page-voice
-------------------------------------------------- */
/* 一覧 */
.over_content#voice_intro{
	background-color: #dae0ef;
	position:relative;
	height:280px;
	margin-bottom:80px;
	overflow:hidden;
}
.over_content#voice_intro .over_content_photo{
	width:52%;
	background:url(../img/common/bg_voice_intro.jpg) no-repeat right 0;
	background-size: contain auto;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
.over_content#voice_intro h3{
	position:absolute;
	left:50%;
	top:0;
	width:540px;
	margin-left:-480px;
	text-align:left;
	color:#fff;
	z-index:5;
	font-size:3.0rem;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
	font-family : Garamond , "Times New Roman" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" ,  "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.over_content#voice_intro h3.voice_hd01{ top:80px;}
.over_content#voice_intro h3.voice_hd02{ top:130px; margin-left:-420px;}


.over_content#voice_intro .over_content_txt{
	position:absolute;
	left:52%;
	top:0;
	height:100%;
	width:500px;
	text-align:left;
	padding-left:20px;
	display:table;
	vertical-align:middle;
	overflow:hidden;
	font-size:1.5rem;
}
.over_content#voice_intro .over_content_txt p{
	display:table-cell;
	vertical-align:middle;
	font-size:1.6rem;
	line-height:1.8;
}

#page-voice .column-inner {
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.voice_list_box{
	width:270px;
	float:left;
	text-align:center;
}
.voice_list_box img{
	width:220px;
	border-radius:50%;
}

.voice_list_detail{
	background:#fff;
	border:2px solid #1d45aa;
	border-radius:5px;
	text-align:center;
	padding:15px;
	width:200px;
	margin: -20px auto 0;
	font-size:1.3rem;
	position:relative;
	z-index:5;
	
}
.voice_list_detail .more a{
    background: #0b308e;
    border: 1px solid #0b308e;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    transition: ease-in .4s;
    position: relative;
	margin-top:15px;
	border-radius:15px;
	font-weight:normal;
}
.voice_list_detail .more a:hover{
    background: #fff;
    color: #0b308e;
}

/* 詳細 */
.over_content#voice_detail{
	background-color: #003399;
	position:relative;
	height:280px;
	margin-bottom:80px;
	overflow:hidden;
}
.over_content#voice_detail .bg{
	position: absolute;
	left:50%;
	margin-left:-1300px;
	}
.over_content#voice_detail .over_content_inner{
	padding:30px 0;
	text-shadow:none;
	position:relative;
	z-index:5;
}
.voice_detail_txt{
	text-align:left;
}
.over_content#voice_detail .over_content_inner img{
	width:220px;
	border-radius:50%;
}
.voice_detail_txt ul{ margin-top:15px;}
.voice_detail_txt h3{
	line-height:1.4;
	margin: 15px 0 0;
}

.voice_faq{ overflow:hidden; margin-bottom:40px;}
.voice_faq h3{
	background:url(../img/common/ico_voice_faq001.png) no-repeat 0 0;
	background-size:50px;
	padding-left:65px;
	font-size:1.8rem;
	height:50px;
	line-height:50px;
	margin-bottom: 20px;
}
.voice_faq .answer{
	border:2px solid #c5a84f;
	background:url(../img/common/ico_voice_faq002.png) no-repeat 0 0;
	background-size:50px;
	padding:15px 15px 15px 65px;
}

.voice_message{ overflow:hidden; margin-bottom:40px;}
.voice_message h3{
	background:#092772;
	color:#fff;
	font-size:1.6rem;
	margin-bottom:0;
	padding-left:20px;
	height:40px;
	line-height:40px;
	position:relative;
	width:50%;
}
.voice_message h3:after{
	position:absolute;
	left:100%;
	top:0;
	content:"";
	display:block;
	height:0;
	width:0;
	border-top:20px solid #fff; 
	border-right:20px solid #fff;
	border-bottom:20px solid #092772;
	border-left:20px solid #092772;
}
.voice_message .message_col{
	border: 2px solid #092772;
	padding: 15px;
}

#page-staff01 h2.hd, #page-staff02 h2.hd, #page-staff03 h2.hd, #page-staff04 h2.hd, #page-staff05 h2.hd, #page-staff06 h2.hd,
#page-staff07 h2.hd, #page-staff08 h2.hd, #page-staff09 h2.hd, #page-staff10 h2.hd, #page-staff11 h2.hd,
#page-staff01 .breadcrumbs, #page-staff02 .breadcrumbs, #page-staff03 .breadcrumbs, #page-staff04 .breadcrumbs, #page-staff05 .breadcrumbs, #page-staff06 .breadcrumbs,
#page-staff07 .breadcrumbs, #page-staff08 .breadcrumbs, #page-staff09 .breadcrumbs, #page-staff10 .breadcrumbs, #page-staff11 .breadcrumbs
{ display:none;}

.re_list{
	width:360px;
	text-align:center;
	margin: 0 auto;
	 
}
.re_list a{
	display:block;
	background:#fff;
	border:1px solid #0b308e;
	height:45px;
	line-height:45px;
	text-decoration:none;
	transition: ease-in .4s;
}
.re_list a:hover{
	background:#0b308e;
	color:#fff;
}

/*
--------------------------------------------------
	201806 スタッフの声アンカー設置
-------------------------------------------------- */
.voice_anchor ul {
width: 902px;
margin: 0 auto;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.voice_anchor ul li {
width: 180px;
float: left;
border-right: 1px solid #ddd;
}
.voice_anchor ul li:nth-last-of-type(1) {
border-right: none;
}
.voice_anchor ul li a {
width: 180px;
height: 40px;
line-height: 28px;
text-align: center;
text-decoration: none;
display: block;
position: relative;
letter-spacing: 0.4rem;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.voice_anchor ul li a:hover {
opacity: .5;
}
.voice_anchor ul li a::before{
content: '';
width: 6px;
height: 6px;
border: 0px;
border-bottom: solid 2px #0b308e;
border-right: solid 2px #0b308e;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 70%;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.voice_anchor ul li a:hover::before{
top: 75%;
}
#page-voice .home_intro_txt {
color: #000;
}

/* スタッフの声ボタン */
#page-recruit p.more_detail{
width: 280px;
margin: 25px auto 0;
}

/* end @media screen */
}

.select_area{
	font-size: 16px;
}
.select_area select{
    padding: 5px 40px 5px 5px;
}

	@media screen and (min-width: 681px){
		.optima{
			position: relative;
			height: 100px;
		}
		.optima iframe{
			position: absolute;
			top: 0;
			left: 0;
			height: 210px;
			z-index: 6;
		}

	}
	@media screen and (max-width: 680px){
		.optima{
			position: relative;
			width: 100%;
			padding: 280px 0 0;
		}
		.optima iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	}