@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{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #fff;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.travelStoryWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.travelStoryWrap a{
display: block;
}
/*kvBlock01
******************************************************/
.travelStoryWrap .kvBlock01{
background: #666;
}
.travelStoryWrap .kvBlock01 .leadtxt .txtA01{
position: relative;
width: 89.33%;
padding: 3.5% 5% 3%;
margin: -10.26% auto 0;
background: #fff;
font-size: 13px;
line-height: 1.69;
color: #000;
text-align: center;
}
.travelStoryWrap .kvBlock01 .txtA02{
width: 89.33%;
padding: 4% 0;
margin: 0 auto;
color: #fff;
text-align: center;
}
.travelStoryWrap .kvBlock01 .txtA02 .smalltxt{
display: block;
margin: 0 0 2%;
font-size: 13px;
}
.travelStoryWrap .kvBlock01 .txtA02 .ttltxt{
display: block;
font-size: 22px;
line-height: 1.45;
}
/*anchorLinkBlock
******************************************************/
.travelStoryWrap .anchorLinkBlock{
width: 89.33%;
padding: 10.66% 0 0;
margin: 0 auto 10.66%;
}
.travelStoryWrap .anchorLinkBlock ul li{
width: 50%;
float: left;
}
/*profileBlock01
******************************************************/
.travelStoryWrap .profileBlock01{
color: #333;
}
.travelStoryWrap .profileBlock01 .columnBlock01{
width: 89.4%;
margin: 0 auto;
}
.travelStoryWrap .profileBlock01 .columnA01{
width: 40.2%;
float: left;
}
.travelStoryWrap .profileBlock01 .columnA02{
font-size: 16px;
width: 53.7%;
float: right;
padding-top: 7%;
}
.travelStoryWrap .profileBlock01 .columnA02 .txt01{
font-size: 12px;
margin-left: 1em;
}
.travelStoryWrap .profileBlock01 .columnA02 .name01 .bold{
font-weight: bold;
}
.travelStoryWrap .profileBlock01 .columnA02 .name02{
font-size: 12px;
color: #666;
margin-top: 12.0%;
}
.travelStoryWrap .profileBlock01 .columnBlock02{
margin-top: 6.8%;
padding: 0 5.33% 12%;
}
.travelStoryWrap .profileBlock01 .columnBlock02 .ttl{
font-size: 14px;
font-weight: bold;
margin-bottom: 2%;
}
.travelStoryWrap .profileBlock01 .columnBlock02 .txt{
font-size: 12px;
color: #4c4c4c;
line-height: 1.96;
}
/*storyBlockA01
******************************************************/
.travelStoryWrap .storyBlockA01{
padding: 12% 5.33% 13.33%;
}
.travelStoryWrap .storyBlockA01 .headingBlockA01{
margin: 0 0 8.5%;
}
.travelStoryWrap .storyBlockA01 .headingBlockA01 h2{
font-size: 21px;
line-height: 1.61;
font-weight: bold;
}
.travelStoryWrap .storyBlockA01 .txtA01{
margin: 0 0 6.5%;
font-size: 12px;
line-height: 1.9;
}
.travelStoryWrap .storyBlockA01 .imgA01{
margin: 11% 0 0;
}
.travelStoryWrap .storyBlockA01 .imgA02{
margin: 11% 0 11.19%;
}
/*itemBlockA01
******************************************************/
.travelStoryWrap .itemBlockA01{
background: #ccc;
padding: 0 5.33% 13.33%;
}
.travelStoryWrap .itemBlockA01 .itemtxt{
padding: 10.66% 8.8%;
background: #fff;
color: #18161b;
}
.travelStoryWrap .itemBlockA01 .nameA01{
margin: 0 0 6%;
font-size: 15px;
font-weight: bold;
}
.travelStoryWrap .itemBlockA01 .txtA01{
margin: 0 0 10.66%;
font-size: 11px;
color: #666;
line-height: 1.8;
}
.travelStoryWrap .itemBlockA01 .priceA01{
margin: 0 0 8%;
font-size: 25px;
line-height: 1;
text-align: right;
}
.travelStoryWrap .itemBlockA01 .priceA01 .tax{
font-size: 12px;
}
/*itemBlockA01
******************************************************/
.travelStoryWrap .column2Wrap{
margin-top: 9.86%;
}
.travelStoryWrap .headingBlockA03 h2{
font-size: 30px;
text-align: center;
font-weight: bold;
}
.travelStoryWrap .archivesBlockA01{
width: 89.3%;
margin: 26.6% auto 0;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column{
width: 47%;
float: left;
margin: 0 5.97% 9.7% 0;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column:nth-child(even){
margin-right: 0;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column .ttl{
font-size: 15px;
display: block;
margin-top: 8%;
font-weight: bold;
line-height: 1.3;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column span{
font-size: 13px;
display: block;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column .date{
color: #999;
margin-top: 2.6%;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column .txt{
margin-top: 5.07%;
line-height: 2;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column a{
color: #000;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column .ttl > span {
display: block;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column .ttl .vol {
font-size: 12px;
display: inline-block;
}
.travelStoryWrap .archivesBlockA01 .column2Wrap .column .ttl .nom {
display: inline-block;
}
/*bgBlockA01
******************************************************/
.travelStoryWrap .bgBlockA01{
background: #18161b;
color: #fff;
}
.travelStoryWrap .bgBlockA02{
background: #fff;
color: #18161b;
}
/*bgBlockA01
******************************************************/
.travelStoryWrap .bnrBlockA01{
margin: 0 0 20%;
}