@charset "utf-8";
/*////////////// kids/BasicCSS Document //////////////*/

/* ===============================================
 all（基本事項/全共通）　
=============================================== */

#kids {
	background-image: url("/cmn/img/kanto/kids/common_bg.gif");
	background-repeat: repeat;
	background-size: 102px;
}



/* ===============================================
 headerArea　
=============================================== */

#headerArea {
}



/* ===============================================
 gNav（ナビ部分/全共通）　
=============================================== */

#gNav {
	margin: 0 0 4.7%;
}
#gNav .gNavList li {
	width: 31%;
	letter-spacing: normal;
	text-align: center;
	display: inline-block;
}

/* listText（検索ボタン）------------------*/
#gNav .linkArea.listText.search {
	width: auto;
	margin: 3% 3% 8%;
	padding: 0.5% 0;
	text-align: left;
	background-color: #E4E4E4;
	background-image: url("/cmn/img/kanto/icon/instruction/arrow_down_gray001.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 15px auto;
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}
#gNav .linkArea.listText.search .linkText {
	background: url("/cmn/img/kanto/fair/2016shugo/common/icon_search.gif");
	background-repeat: no-repeat;
	background-position: 7px 50%;
	background-size: 20px;
}
#gNav .linkArea.listText.search a {
	padding: 12px 0 12px 35px;
	color: #666;
}



/* ===============================================
 mainArea（メインコンテンツ部分/全共通）　
=============================================== */

#mainArea {
}
#mainArea a {
	display: block;
}



/* ===============================================
 titleArea（タイトル部分/全共通）
=============================================== */

.titleArea {
}
.titleArea .titleText {
	font-size: 1.6rem;
}

/* titleArea.headlines（大見出し/アイコン+テキスト）------------------*/
.titleArea.headlines {
	background-color: #72B560;
}
.titleArea.headlines.multiline .titleText {
	line-height: 1.1em;
	padding-bottom: .5em;
}
.titleArea.headlines.multiline .titleText span {
}
/* titleArea.headlines.●（大見出し/アイコン設定）------------------*/
.titleArea.headlines.tourIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/tour.png");
}
.titleArea.headlines.otherIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/airhotel.png");
}
.titleArea.headlines.valuableIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/point.png");
}
.titleArea.headlines.arrangeIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/earth.png");
}
.titleArea.headlines.playIcon {
	background-image: url("http://smp.his-j.com/cmn/img/kanto/icon/feature.png");
}

/* titleArea.heading（中見出し/テキストのみ）------------------*/
.titleArea.heading {
	width: auto;
	padding: 4% 0 4% 2%;
	background: #72B560;
}
.titleArea.heading .titleText {
	padding: 10px 0 7px;
	line-height: 1.2em;
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: auto;
	margin: 5px 10px;
	padding: 2% 0 2% 2%;
	border-left: solid 10px #72B560;
}
.titleArea.subheading .titleText {
	font-size: 1.5rem;
	color: inherit;
}



/* ===============================================
 linkArea（リンク部分/全共通）　
=============================================== */

.linkArea {
	line-height: 1.5em;
}
.linkText a {
}

/* btn（ボタン型/テキスト1行）------------------*/
.linkArea.btn {
	background-color: #FFAE00;
}

/* textLink（テキスト型）------------------*/
.linkArea.textLink {
	text-align: right;
}
.linkArea.textLink a {
	font-size: 1.3rem;
	color: #0000FF;
	text-decoration: underline;
}



/* ===============================================
 listArea（リスト）
=============================================== */

.listArea {
	margin: 5% 0;
}
.listArea > li {
}
.listArea > li+li {
	margin-top: 3%;
}
.listArea .red {
	color: #E60012;
	font-weight: bold;
}

/* atten（注意事項）------------------*/
.listArea.attn {
}
.listArea.attn > li+li {
	margin-top: 0;
}



/* ===============================================
 searchArea（検索部分）
=============================================== */

#searchArea {
}
#searchArea #tour_search_module ul.start-p > li {
	background-color: #FFF;
}



/* ===============================================
 tour-preview（API表示部分）　
=============================================== */

#container .tour-preview {
	padding: 10px 3.1% 5px;
}
#container .tour-preview .tour-label {
	display: none;
}
#container .b-box {
	/* background-color: #02A0E9; */
}
#container .tour-img {
	width: 34%;
	margin: 0 0 0 -1%;
}
#container .tour-img .tour-img-container {
	width: 100%;
	height: 100%;
}
#container .on-label-text {
	font-size: 1.1rem;
	color: #2C9CD2;
}
#container .tour-desc {
	width: 64%;
	margin: 0 0 0 2%;
}
#container .tour-desc .tour-desc-text01 {
	font-size: 10px;
	font-size: 1.0rem;
	color: #333;
}
#container .tour-desc .tour-desc-text02 {
	font-size: 1.3rem;
	color: #333;
}
#container .tour-desc .tour-desc-text03 {
	font-size: 1.8rem;
}
#container .tour-api .tour-desc-date {
	font-size: 10px;
	font-size: 1.0rem;
}
#container .tour-api .tour-fuel {
	font-size: 1.2rem;
}



/* ===============================================
 footerArea（フッター部分全体）　
=============================================== */

#footerArea {
}

/* ===============================================
 mochimono(ナビ)　
=============================================== */


/* navi01 (anchor部分)------------------*/
#mochimono .anchor {
	width: 100%;
	background-color: #f4c62b;
	display: flex;
}
#mochimono .anchor ul {
	padding: 3% 4%;
	margin: 0 auto;
	display: inline-block;
}
#mochimono .anchor li {
	background-color: #fff;
	width: 48%;
	font-weight: 600;
	margin: 1%;
	display: inline-block;
	float: left;
}
#mochimono .anchor li:nth-child(2n+1):last-child {
	width: 98%;
	display: inline-block;
	text-align: center;
}
#mochimono .anchor li a {
	text-decoration: none;
	color: #8E683D;
	display: block;
	padding: 13px 10px;
	position: relative;
}
#mochimono .anchor li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 42%;
	right: 6%;
	border: 6px solid transparent;
	border-top: 8px solid #c84d7c;
}
#mochimono .anchor li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 34%;
	right: 6%;
	border: 6px solid transparent;
	border-top: 8px solid #fff;
}
#mochimono .anchor li:nth-child(2n+1):last-child a:before, #mochimono .anchor li:nth-child(2n+1):last-child a:after {
	right: 3%;
}
#mochimono .anchor li:nth-child(2n) {
	letter-spacing: -0.5px;
}
@media screen and (max-width: 375px) {
#mochimono .anchor li a {
	zoom: .9;
}
}
@media screen and (max-width: 320px) {
#mochimono .anchor li a {
	zoom: .85;
}
}