@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	height:auto;
	margin:auto;
}

/* wrap */
.travelStoryWrap {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.travelStoryWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.travelStoryWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.travelStoryWrap a{
	display: block;
}
.travelStoryWrap h2,p{
	line-height: 2.0;
}
.travelStoryWrap h2{
	font-weight: bold;
}
.travelStoryWrap .leadBlockA01{
	font-size: 14px;
	width: 89.3%;
	margin: 6.6% auto 8.6% auto;
}
.travelStoryWrap .anchorLinkBlock {
	margin: 0 auto;
	width: 94.6%;
}
.travelStoryWrap .anchorLinkBlock li{
	float: left;
	width: 50%;
	
}
/*profileBlock*/
.travelStoryWrap .profileBlock01{
	margin: 11.7% 0 0 0;
	color: #333333;
}
.travelStoryWrap .profileBlock01 .columnBlock01,
.columnBlock02{
	width: 89.4%;
	margin: 0 auto;
}
.travelStoryWrap .profileBlock01 .columnA01{
	width: 47.4%;
	float: left;
}
.travelStoryWrap .profileBlock01 .columnA02{
	font-size: 16.5px;
	width: 48.5%;
	float: right;
	padding-top: 19.2%;
}
.travelStoryWrap .profileBlock01 .columnA02 .txt01{
	font-size: 10.5px;
	margin-left: 1em;
}
.travelStoryWrap .profileBlock01 .columnA02 .name02{
	font-size: 12px;
	color: #666666;
	margin-top: 12.0%;
}
.travelStoryWrap .profileBlock01 .columnBlock02{
	margin-top: 6.1%;
}
.travelStoryWrap .profileBlock01 .columnBlock02 .ttl{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4.7%;
}
.travelStoryWrap .profileBlock01 .columnBlock02 .txt{
	font-size: 13px;
	color: #4c4c4c;
}

/*storyBlock*/
.travelStoryWrap .storyBlockA01{
	color: #ffffff;
	background: url(../image/travelstory_bg_sp_001.jpg) right top no-repeat;
	background-color: #18161b;
	background-size: contain;
	margin-top: 9.3%;
}
.travelStoryWrap .storyBlockA01 .inner,
.storyBlockA02 .inner,
.storyBlockA03 .inner,
.storyBlockA04 .inner,
.archivesBlockA01 .column4Wrap{
	width: 89.3%;
	margin: 0 auto;
}
.travelStoryWrap .storyBlockA01 .inner{
	padding: 13.9% 0 14.4% 0;
}
.travelStoryWrap .headingBlockA02{
	font-size: 21px;
}
.travelStoryWrap .txtBlockA01{
	font-size: 14px;
	margin-top: 10.8%;
}
.travelStoryWrap .storyBlockA02 {
	background: url(../image/travelStory_bg_sp_002.jpg) right top no-repeat;
	margin-top: 10.6%;
	background-size: contain;
}
.travelStoryWrap .storyBlockA02{
	color: #333333;
}
.travelStoryWrap .storyBlockA02 .inner{
	padding: 92.5% 0 0 0;
}
.travelStoryWrap .storyBlock .btnA01{
	margin: 11.8% auto 0 auto;
}
.travelStoryWrap .storyBlockA03 {
	color: #ffffff;
	background-color: #454036;
	margin-top: 13.35%;
}
.travelStoryWrap .storyBlockA03 .inner{
	padding: 13.35% 0 0 0;
}
.travelStoryWrap .storyBlockA04{
	margin-top: 9.3%;
}
.travelStoryWrap .storyBlockA04 .inner{
	margin-bottom: 6.3%;
	color: #423d37;
}
.travelStoryWrap .storyBlockA01 .txtA01:last-child,
.storyBlockA02 .txtA01:last-child,
.storyBlockA03 .txtA01:last-child,
.storyBlockA04 .txtA01:last-child{
	margin-top:12.3%;
}
/*productBlock*/
.travelStoryWrap .productBlockA01 {
	background: url(../image/travelStory_bg_sp_003.jpg) right top no-repeat;
	margin-top: 13.4%;
	background-size: contain;
}

.travelStoryWrap .productBlockA01 .inner {
	padding: 76.2% 5.3% 0;
}
.travelStoryWrap .productBlockA01 .producttxtBlockA01{
	background-color: #ffffff;
	padding: 7.5% 8.9% 0 8.9%;
}

.travelStoryWrap .productBlockA01 .inner .txtBlockB01 .icon {
	width: 13.8%;
}
.travelStoryWrap .productBlockA01 .txtBlockB01 .ttl{
	font-size: 21px;
	font-weight: bold;
	margin-top: 7.9%;
}
.travelStoryWrap .productBlockA01 .txtBlockB01 .txt{
	color: #666666;
	font-size: 14px;
	margin-top: 9.1%;
}
.travelStoryWrap .productBlockA01 .txtBlockB01 .price{
	font-size: 22px;
	text-align: right;
	margin-top: 12.4%;
	color:#18161b;
}
.travelStoryWrap .productBlockA01 .txtBlockB01 .price span{
	font-size: 14px;
}
.travelStoryWrap .productBlockA01 .btnA01{
	text-align: center;
	margin-top: 9.5%;
}
.travelStoryWrap .archivesBlockA01 .headingBlockA03{
	font-size: 30px;
}
/*column4Wrap*/
.travelStoryWrap .column4Wrap{
	margin-top: 9.86%;
}
.travelStoryWrap .archivesBlockA01{
	margin-top: 26.6%;
}
.travelStoryWrap .archivesBlockA01 .headingBlockA03{
	text-align: center;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column{
	width: 47%;
	float: left;
	margin: 0 5.3% 9.7% 0;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column:nth-child(even){
	margin-right: 0;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column .ttl{
	font-size: 15px;
	display: block;
	margin-top: 8%;
	font-weight: bold;
	line-height: 1.3;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column span{
	font-size: 13px;
	display: block;

}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column .date{
	color: #999999;
	margin-top: 2.6%;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column .txt{
	margin-top: 5.07%;
	line-height: 2;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column a{
	color: #000000;
}
/*191213追加分*/
.travelStoryWrap .archivesBlockA01 .column4Wrap .column .ttl .vol{
	display: inline-block;
}
.travelStoryWrap .archivesBlockA01 .column4Wrap .column .ttl .nom{
	display: inline-block;
}