@charset "utf-8";

/* ****************************************************

index.css

***************************************************** */


/*=================================

	/smp/tyo/hawaii/index.html

================================ */
.content {
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif !important;
	font-size: 11px;
	line-height: 1.36;
  -webkit-text-size-adjust: none;
}
.content * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content a {
	color: #004bb0;
}
.content img {
	vertical-align: top;
}
.content section {
	padding: 0 7.5px;
}

/* mainVisual */
.mainVisual {
	position: relative;
}
.mainVisual > .title img {
	width: 100%;
	height: auto;
}
.snsWrap {
	width: 100%;
	text-align: center;
}
.snsWrap .sns-buttons {
	margin: 0 auto !important;
	width: 85%;
	padding: 10px 0 4px;
}
.snsWrap .sns-buttons > ul {
	width: 280px;
	margin: 0 auto;
}
.snsWrap .sns-buttons li.facebook {
	margin: 0;
	width: 98px;
}
.snsWrap .sns-buttons li.line {
	margin-right: 5px;
	width: 90px;
}
.snsWrap .sns-buttons li.twitter {
	margin-right: 5px;
	width: 65px;
}

/* anchorType */
.anchorType01 > ul {
	background-color: #31b4d2;
}
.anchorType01 > ul > li {
	display: table;
	position: relative;
	float: left;
	width: 33.33%;
	font-size: 12px;
	line-height: 1.25;
	text-align: center;
	border-right: solid 1px #98dae9;
	margin: 7px 0;
}
.anchorType01 > ul > li:last-child {
	border-right: none;
}
.anchorType01 > ul > li > a {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	padding: 2px 5px 10px;
	color: #ffffff;
}
.anchorType01 > ul > li > a:before {
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 11px;
	height: 7px;
	margin-left: -6px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic06.png) no-repeat 0 0;
	background-size: 11px auto;
	content: "";
}
.anchorType01 > ul > li:nth-child(1):before {
	display: none;
}
.anchorType01 > ul > li:nth-child(2) {
	width: 33.34%;
}

/* headlineImg */
.headlineImg {
	margin: 0 -7.5px;
	text-align: center;
}
.headlineImg > img {
	width: 100%;
}

/* btnType */
.btnType01 {
	display: table;
	position: relative;
	width: 100%;
	margin-top: 10px;
	border-radius: 3px;
	background-color: #ff9900;
	box-shadow: 0 1px 0 0 rgba(141, 129, 91, 0.5);
	text-align: center;
}
.btnType01 > a {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.btnType01 > a:before {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 11px;
	margin-top: -6px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic04.png) no-repeat 0 0;
	background-size: 7px auto;
	content: "";
}

/* linkButton */
#service > .box > .linkButton,
#recommend .linkButton > ul > li {
	display: table;
	position: relative;
	width: 100%;
	margin-top: 10px;
	border-radius: 3px;
	background: url(/smp/tyo/hawaii/images/hawaii_bg01.png) repeat 0 0;
	background-size: 5px auto;
	box-shadow: 0 1px 0 0 rgba(141, 129, 91, 0.5);
	text-align: center;
}
#recommend .linkButton > ul > li:first-child {
	margin-top: 15px;
}
#service > .box > .linkButton > a,
#recommend .linkButton > ul > li > a {
	display: table-cell;
	height: 45px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.17;
	font-weight: bold;
}
#service > .box > .linkButton > a > .arrow,
#recommend .linkButton > ul > li > a > .arrow {
	float: none !important;
}
#service > .box > .linkButton > a > .arrow,
#recommend .linkButton > ul > li > a > .arrow > span {
	display: block;
	padding: 10px 25px;
}
#service > .box > .linkButton > a > .arrow:before,
#recommend .linkButton > ul > li > a > .arrow > span:before {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 11px;
	margin-top: -6px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic04.png) no-repeat 0 0;
	background-size: 7px auto;
	content: "";
}
#recommend .linkButton > ul > li > a > .arrow > span.icon-external:before {
	width: 11px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic07.png) no-repeat 0 0;
	background-size: 11px auto;
}
#recommend .linkButton > ul > li > a > .arrow > span.icon-pdf:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic08.png) no-repeat 0 0;
	background-size: 12px auto;
}

/* colWrap */
.colWrap .colLeft {
	float: left;
	margin-right: 12px;
}
.colWrap .colText {
	overflow: hidden;
}

/* recommend */
.recommend {
	margin-top: 10px;
}
.recommend > .headlineImg + * {
	margin-top: 7px;
}
.recommend > .headlineImg + .tabContainer {
	margin-top: 10px;
}
.recommend > .headlineImg > img {
	width: 50.31%;
}
.recommend > .tabContainer > .nav {
	width: 100%;
}
.recommend > .tabContainer > .nav > li {
	position: relative;
	display: table;
	float: left;
	width: 32.80%;
	font-size: 12px;
	line-height: 1.08;
	text-align: center;
}
.recommend > .tabContainer > .nav > li > a {
	display: table-cell;
	height: 35px;
	vertical-align: middle;
	border: 1px solid #02429a;
	border-radius: 3px 3px 0 0;
	background-color: #02429a;
	color: #ffffff;
}
.recommend > .tabContainer > .nav > li:nth-child(2) {
	width: 34.40%;
	padding: 0 5px;
}
.recommend > .tabContainer > .nav > li:nth-child(3) {
	float: right;
}
.recommend > .tabContainer > .nav > li.on {
	z-index: 2;
}
.recommend > .tabContainer > .nav > li.on > a {
	border-color: #cccccc;
	border-bottom-color: #fff8e6;
	background-color: #fff8e6;
	color: #330000;
}
.recommend > .tabContainer > .tabContent {
	display: none;
	position: relative;
	top: -1px;
	padding: 20px 10px;
	border: 1px solid #cccccc;
	border-radius: 0 0 3px 3px;
	background-color: #fff8e6;
	z-index: 1;
}
.recommend > .tabContainer > .tabContent > .colWrap + .colWrap {
	margin-top: 20px;
}
.recommend > .tabContainer > .tabContent > .colWrap a {
	display: block;
}
.recommend > .tabContainer > .tabContent > .colWrap .colLeft {
	width: 36.84%;
}
.recommend > .tabContainer > .tabContent > .colWrap .colLeft img {
	width: 100%;
	height: auto;
}
.recommend > .tabContainer > .tabContent > .colWrap .colText .title {
	color: #004098;
	font-weight: bold;
	line-height: 1.28;
}
.recommend > .tabContainer > .tabContent > .colWrap .colText .price {
	margin-top: 0.5em;
	color: #ff6666;
	font-size: 13px;
	font-weight: bold;
}
.recommend > .tabContainer > .tabContent > .colWrap .colText .text {
	color: #333333;
}

/* special */
.special {
	margin-top: 15px;
	padding: 10px 30px 15px;
	background-color: #e1f6ff;
}
.special .bx-wrapper {
	margin-bottom: 20px;
}
.special .bx-wrapper img {
	width: 100%;
}
.special .bx-wrapper .bx-pager {
	bottom: -22px;
	padding-top: 0;
}
.special .bx-wrapper .bx-pager.bx-default-pager a {
	width: 13px !important;
	height: 13px !important;
	margin: 0 8px !important;
	border-radius: 20px !important;
	background-color: #ffffff !important;
	box-shadow: none;
}
.special .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #004bb0 !important;
}
.special .bx-wrapper .bx-controls-direction a,
.special .bx-wrapper .bx-controls-direction a.disabled {
	display: block;
	width: 30px !important;
	height: 30px !important;
	margin-top: -15px !important;
	border-radius: 30px;
}
.special .bx-wrapper .bx-controls-direction .bx-prev {
	left: -23px !important;
	background: #004bb0 url(/smp/tyo/hawaii/images/hawaii_ic05.png) no-repeat 11px 10px !important;
	background-size: 7px auto !important;
}
.special .bx-wrapper .bx-controls-direction .bx-prev.disabled {
	left: -23px !important;
	background: #ababab url(/smp/tyo/hawaii/images/hawaii_ic05.png) no-repeat 11px 10px !important;
	background-size: 7px auto !important;
}
.special .bx-wrapper .bx-controls-direction .bx-next {
	right: -23px !important;
	background: #004bb0 url(/smp/tyo/hawaii/images/hawaii_ic03.png) no-repeat 12px 10px !important;
	background-size: 7px auto !important;
}
.special .bx-wrapper .bx-controls-direction .bx-next.disabled {
	right: -23px !important;
	background: #ababab url(/smp/tyo/hawaii/images/hawaii_ic03.png) no-repeat 12px 10px !important;
	background-size: 7px auto !important;
}

/* news */
#news > section {
	margin-top: 20px;
}
#news > section > .headlineImg {
	width: 111px;
	margin: 0;
}
#news > section > .headlineImg + * {
	margin-top: 10px;
}
#news > section > ul {
	padding-bottom: 1px;
	background: url(/smp/tyo/hawaii/images/hawaii_hr01.png) repeat-x 0 100%;
	background-size: 4px auto;
}
#news > section > ul > li {
	position: relative;
	background: url(/smp/tyo/hawaii/images/hawaii_hr01.png) repeat-x 0 0;
	background-size: 4px auto;
}
#news > section > ul > li > span,
#news > section > ul > li > span > a {
	display: block;
}

#news > section > ul > li > span > a:after {
	background: url(/smp/tyo/hawaii/images/hawaii_ic07.png) no-repeat 98% 50%;
	background-size: 11px auto;
	content: "";
	width: 11px;
	height: 10px;
	margin: 1px 0 0px 5px;
	position: absolute;
}
#news > section > ul > li > span > a:before {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 7px;
	height: 10px;
	margin-top: -5px;
	content: "";
}
#news > section > ul > li > span.icon-external > a:before {
	/*
	width: 11px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic01.png) no-repeat 0 0;
	background-size: 7px auto;
	*/
}
#news > section > ul > li > span.icon-pdf:before {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic08.png) no-repeat 0 0;
	background-size: 12px auto;
}
#news > section > ul > li > span > a {
	padding: 10px 0 10px 0;
}

/* service */
#service {
	margin-top: 20px;
	padding-bottom: 20px !important;
	background-color: #f6f4f1;
}
#service + * {
	margin-top: 1px;
}
#service > .box {
	padding: 15px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #ffffff;
}
#service > .box > .intro {
	color: #ff9900;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.38;
}
#service > .box > .intro > img {
	margin: 0 5px;
}
#service > .box > .intro + * {
	margin-top: 5px;
}
#service > .box > .container > .figure img {
	width: 100%;
	height: auto;
}
#service > .box > .container > .text {
	margin: 10px 0 0;
}
#service > .box > .container > .text > strong {
	color: #663333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.14;
}
#service > .box > .container > .text > strong + * {
	margin-top: 10px;
}
#service > .box > .container > .text > .button {
	display: table;
	position: relative;
	width: 100%;
	margin-top: 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #ffffff;
	box-shadow: 0 1px 0 0 rgba(141, 129, 91, 0.5);
	text-align: center;
}
#service > .box > .container > .text > .button > a {
	display: table-cell;
	height: 39px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px 10px 15px;
}
#service > .box > .container > .text > .button > a:before {
	position: absolute;
	top: 50%;
	right: 9px;
	width: 7px;
	height: 11px;
	margin-top: -6px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic02.png) no-repeat 0 0;
	background-size: 7px auto;
	content: "";
}
#service > .box > .other {
	margin-top: 15px;
}
#service > .box > .other > dt {
	padding-left: 20px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic12.png) no-repeat 0 0;
	background-size: 15px auto;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}
#service > .box > .other > dd {
	margin-top: 10px;
}
#service > .box > .other > dd > ul > li {
	position: relative;
}
#service > .box > .other > dd > ul > li + li {
	margin-top: 7px;
}
#service > .box > .other > dd > ul > li > a {
	display: table;
	width: 100%;
	background-color: #f6f4f1;
	text-decoration: underline;
}
#service > .box > .other > dd > ul > li > a:before {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 7px;
	height: 10px;
	margin-top: -5px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic01.png) no-repeat 0 0;
	background-size: 7px auto;
	content: "";
}
#service > .box > .other > dd > ul > li > a > * {
	display: table-cell;
	vertical-align: middle;
}
#service > .box > .other > dd > ul > li > a > .figure {
	width: 36.52%;
}
#service > .box > .other > dd > ul > li > a > .figure img {
	width: 100%;
	height: auto;
}
#service > .box > .other > dd > ul > li > a > p {
	padding: 0 19px;
}

/* noLInk(span.ver) */
#service > .box > .other > dd > ul > li > span {
	display: table;
	width: 100%;
	background-color: #f6f4f1;
	text-decoration: none;
}
#service > .box > .other > dd > ul > li > span > * {
	display: table-cell;
	vertical-align: middle;
}
#service > .box > .other > dd > ul > li > span > .figure {
	width: 36.52%;
}
#service > .box > .other > dd > ul > li > span > .figure img {
	width: 100%;
	height: auto;
}
#service > .box > .other > dd > ul > li > span > p {
	padding: 0 19px;
}
#service > .box > .other > dd > ul > li > span > p > span {
	text-decoration: none;
}


/* enjoy */
#enjoy {
	padding-bottom: 20px !important;
	background-color: #f6f4f1;
	margin: 0;
	border-top: solid 2px #dddddd;
}
#enjoy + * {
	margin-top: 10px;
}
#enjoy #recommend .contents > ul {
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #ffffff;
}
#enjoy #recommend .contents > ul > li + li {
	border-top: 1px solid #cccccc;
}
#enjoy #recommend .accordionHead {
	display: table;
	position: relative;
	width: 100%;
	border-left: 5px solid;
	color: #503b24;
	font-size: 15px;
	line-height: 1.17;
}
#enjoy #recommend .accordionHead:before {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 27px;
	height: 27px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic10.png) no-repeat 0 0;
	background-size: 54px auto;
	content: "";
}
#enjoy #recommend .accordionHead.on:before {
	background-position: -27px 0;
}
#enjoy #recommend .accordionHead > span {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	padding: 0 35px 0 16px;
}
#enjoy #recommend .accordionBody {
	/*display: none;*/
	padding: 10px 10px 20px;
	border-top: 1px solid #cccccc;
}
#enjoy #recommend .accordionBody h3 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.04em;
}
#enjoy #recommend .accordionBody h3 + * {
	margin-top: 10px;
}
#enjoy #recommend .accordionBody h3 > span {
	display: inline-block;
	position: relative;
	padding: 0 14px;
}
#enjoy #recommend .accordionBody h3 > span:before,
#enjoy #recommend .accordionBody h3 > span:after {
	position: absolute;
	bottom: 2px;
	width: 11px;
	height: 17px;
	background: url(/smp/tyo/hawaii/images/hawaii_bg02.png) no-repeat;
	background-size: 110px auto;
	content: "";
}
#enjoy #recommend .accordionBody h3 > span:before {
	left: 0;
}
#enjoy #recommend .accordionBody h3 > span:after {
	right: 0;
}
#enjoy #recommend .accordionBody .container > .figure img {
	width: 100%;
	height: auto;
}
#enjoy #recommend .accordionBody .container > .text {
	overflow: visible;
	margin: 10px 0 0;
}
#enjoy #recommend .accordionBody .container > .text > dl > .radius {
	padding: 5px 9px 5px 30px;
	border-radius: 3px;
	background: #330000 url(/smp/tyo/hawaii/images/hawaii_ic11.png) no-repeat 9px 5px;
	background-size: 16px auto;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
#enjoy #recommend .accordionBody .container > .text > dl > .radius + * {
	margin-top: 10px;
}
#enjoy #recommend .accordionBody .container > .text .voices {
	margin-top: 10px;
}
#enjoy #recommend .accordionBody .container > .text .voice {
	width: 100% !important;
	/*margin-top: 10px;*/
	padding-left: 53px;
	background-color: #ffffff;
}
#enjoy #recommend .accordionBody .container > .text .voice.W {
	background: url(/smp/tyo/hawaii/images/index_il01.png) no-repeat 0 2px;
	background-size: 40px auto;
}
#enjoy #recommend .accordionBody .container > .text .voice.M {
	background: url(/smp/tyo/hawaii/images/index_il02.png) no-repeat 0 2px;
	background-size: 40px auto;
}
#enjoy #recommend .accordionBody .container > .text .voice ul li {
	width: auto !important;
}
#enjoy #recommend .accordionBody .container > .text .voice .baloon {
	position: relative;
	min-height: 46px;
	padding: 4px 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	box-shadow: 0 1px 1px 0 rgba(141, 129, 91, 0.5);
	font-size: 10px;
	line-height: 1.50;
	margin-left: 10px;
}
#enjoy #recommend .accordionBody .container .voices .baloon:before {
	position: absolute;
	top: 18px;
	left: -8px;
	width: 10px;
	height: 10px;
	background: url(/smp/tyo/hawaii/images/hawaii_bg03.png) no-repeat 0 0;
	background-size: 10px auto;
	content: "";
}
#enjoy #recommend .accordionBody .other {
	margin-top: 15px;
}
#enjoy #recommend .accordionBody .other > dl > dt {
	padding-left: 20px;
	background: url(/smp/tyo/hawaii/images/hawaii_ic12.png) no-repeat 0 0;
	background-size: 15px auto;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}
#enjoy #recommend .accordionBody .other > dl > dt > span {
	color: #633;
}
#enjoy #recommend .accordionBody .other > dl > dd {
	margin-top: 10px;
}
#enjoy #recommend .accordionBody .other > dl > dd > ul > li {
	display: table;
	position: relative;
	width: 100%;
	text-decoration: none;
	background: #f6f4f1;
}
#enjoy #recommend .accordionBody .other > dl > dd > ul > li + li {
	margin-top: 7px;
}
#enjoy #recommend .accordionBody .other > dl > dd > ul > li > * {
	display: table-cell;
	vertical-align: middle;
}
#enjoy #recommend .accordionBody .other > dl > dd > ul > li > .figure {
	width: 28.07%;
	vertical-align: top;
}
#enjoy #recommend .accordionBody .other > dl > dd > ul > li > .figure img {
	width: 100%;
	height: auto;
}
#enjoy #recommend .accordionBody .other > dl > dd > ul > li > .comment {
	padding: 10px;
}
#enjoy #recommend .accordionBody h3 {
	text-align: center;
}
#enjoy #recommend .shopping .accordionHead {
	border-left-color: #ff7cad;
}
#enjoy #recommend .shopping .accordionBody h3 {
	color: #ff7cad;
}
#enjoy #recommend .shopping .accordionBody h3 > span:before {
	background-position: 0 0;
}
#enjoy #recommend .shopping .accordionBody h3 > span:after {
	background-position: -11px 0;
}
#enjoy #recommend .gourmet .accordionHead {
	border-left-color: #fc8b38;
}
#enjoy #recommend .gourmet .accordionBody h3 {
	color: #fc8b38;
}
#enjoy #recommend .gourmet .accordionBody h3 > span:before {
	background-position: -22px 0;
}
#enjoy #recommend .gourmet .accordionBody h3 > span:after {
	background-position: -33px 0;
}
#enjoy #recommend .optional .accordionHead {
	border-left-color: #ffb70b;
}
#enjoy #recommend .optional .accordionBody h3 {
	color: #ffb70b;
}
#enjoy #recommend .optional .accordionBody h3 > span:before {
	background-position: -44px 0;
}
#enjoy #recommend .optional .accordionBody h3 > span:after {
	background-position: -55px 0;
}
#enjoy #recommend .spa .accordionHead {
	border-left-color: #63c3d8;
}
#enjoy #recommend .spa .accordionBody h3 {
	color: #63c3d8;
}
#enjoy #recommend .spa .accordionBody h3 > span:before {
	background-position: -66px 0;
}
#enjoy #recommend .spa .accordionBody h3 > span:after {
	background-position: -77px 0;
}
#enjoy #recommend .hotel .accordionHead {
	border-left-color: #8399e1;
}
#enjoy #recommend .hotel .accordionBody h3 {
	color: #8399e1;
}
#enjoy #recommend .hotel .accordionBody h3 > span:before {
	background-position: -88px 0;
}
#enjoy #recommend .hotel .accordionBody h3 > span:after {
	background-position: -99px 0;
}

/* purpose */
#purpose {
	border-top: solid 2px #dddddd;
	margin-top: 0px;
	padding-bottom: 20px !important;
	background-color: #e9f8f9;
}
#purpose > [class^=infoList] + *,
#purpose > [class^=infoList] > ul > li + li {
	margin-top: 20px;
}
#purpose > [class^=infoList] > ul > li .figure img {
	width: 100%;
	height: auto;
}
#purpose > [class^=infoList] > ul > li .text {
	margin: 0;
	background-color: #ffffff;
}
#purpose > .infoList01 > ul > li .text {
	padding: 5px 10px;
}
#purpose > .infoList02 > ul > li {
	display: table;
	width: 100%;
	background: #FFF;
}
#purpose > .infoList02 > ul > li a {
	display: block;
}
#purpose > .infoList02 > ul > li .figure {
	display: table-cell;
	width: 48.85%;
	vertical-align: top;
}
#purpose > .infoList02 > ul > li .text {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
	line-height: 1.36;
}

/* footer */
footer .reserveArea {
	margin-top: 0px;
}


/*=================================

	clearfix

=================================*/
.anchorType01 > ul:after,
.colWrap:after,
.recommend > .tabContainer > .nav:after,
.recommend > .tabContainer > .tabContent > .colWrap a:after {
	content: "";
	display: block;
	clear: both;
}


/*=================================

	SNSボタン（2015.11.5追加）

=================================*/
#container .sns-buttons {
	margin: 0;
}
.sns-buttons {
	margin: 0;
}
.sns-buttons li {
	width: inherit;
	float: none;
}
.snsList {
	margin: 15px 0;
}
.snsList .line {
	text-align: center;
}
.snsList .line img {
	width: 90px;
	zoom: 1;
	vertical-align: inherit;
}