@charset "utf-8";

#moreBtn {
    display: none;
}

/* カテゴリー別カラー設定 */
/* #content .post-gourmet ul.cat-area li.post-category, */
#content ul.cat-area li.tag-gourmet,
#content .post-gourmet .article h2:before {background-color: #F9CD00 !important;}

/* #content .post-activity ul.cat-area li.post-category, */
#content ul.cat-area li.tag-activity,
#content .post-activity .article h2:before {background-color: #FF7373 !important;}

/* #content .post-gift ul.cat-area li.post-category, */
#content ul.cat-area li.tag-gift,
#content .post-gift .article h2:before {background-color: #FF5C26 !important;}

/* #content .post-stay ul.cat-area li.post-category, */
#content ul.cat-area li.tag-stay,
#content .post-stay .article h2:before {background-color: #B25900 !important;}

/* #content .post-event ul.cat-area li.post-category, */
#content ul.cat-area li.tag-event,
#content .post-event .article h2:before {background-color: #0067B8 !important;}

/* #content .post-ritou-time ul.cat-area li.post-category, */
#content ul.cat-area li.tag-ritou-time {background-color: #22BCB8 !important;}

#content .h2ttlB,
#content .article h2 {
	border: none !important;
	padding: 1em 0 !important;
	line-height: 1.4;
}
#content .h2ttlB:before,
#content #coloumnLayout .article:not(.tag-ritou-time) h2:before {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #FF736F;
	display: inline-block;
	margin: -4px 10px 0 0;
	vertical-align: middle;
}
#content #coloumnLayout.post-ritou-time .article h2,
#content #indexColumnLeft .article.tag-ritou-time h2 {
    margin: 1em 0 -1em;
    padding-bottom: 0.8rem !important;
}

#coloumnLayout .date {
	display:inline-block;
	float: right;
}
.panelListA .iarea {
	max-height: 214px;
	overflow: hidden;
}
.panelListA .iarea img {
	width: 100%;
	height: auto;
}

#content .info2 > .head, #content .info > .head {
	padding: 16px 0 0 16px;
}
#content .info {
	padding: 20px;
}
#content .info td b{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

#content .sns {
	margin: 46px 0 56px;
}

#content #indexColumnLeft h2,
#content #event-content h2 {
	width: 100%;
	text-align: left;
	margin: 0 0 18px;
	height: auto;
}
#content .relevance {
    text-align: left;
}
#content .relevance > .inner {
    margin-bottom: 72px;
}

#content .relevance.event-relevance > .inner{
	padding: 20px;
    background: #f6f6f6;
}

#content .relevance > .inner ul {
    list-style: inside;
}

#content .panelListA li {
	margin: 0 10px 10px 0;
}
#content .panelListA li:nth-child(even) {
	margin: 0 0 10px 10px;
}
#content .panelListA li .text-block {
	margin-top: 10px;
}
#content .panelListA li .text-block p {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
}
#content .panelListA li .text-block p span {
	font-weight: normal;
}

/* イベントページ 画像の位置調整（2017）*/
#content #event-content img {
    margin-bottom: 20px;
}
/*関連商品の追加により　2017/11/27*/
.traveling_plan {
    display: flex;
    justify-content: space-between;
    width: 660px;
    flex-wrap: wrap;
    font-size: 12px;
}
.traveling_plan li {
    width: 48%;
    list-style: none;
}
.traveling_plan li img {
    max-width :100%;
}
.img-background {
    height: 215px;
}
/* //////////////////////// 640スマートフォン //////////////////////// */

@media only screen and (max-width: 769px) {
	#content #indexColumnLeft h2 {line-height: 1.1;}
	#content #indexColumnLeft h2 span {
		display: inline-block;
	}
	#content .relevance {margin-bottom: 1.6em;}
	#content .relevance > .inner {
		margin: 0 !important;
	}
	#content .relevance .panelListA li {
		width: 100%;
		margin: 0 0 3%;
	}
	.panelListA .iarea {
		width: 50%;
		max-height: 160px;
		float: left;
	}
	#content .panelListA li .text-block {
		width: 100%;
		padding: 0 0.5rem;
		float: right;
		box-sizing: border-box;
		margin: 0;
	}
	#content .panelListA li .text-block p span {
		font-size: 12px !important;
	}
	
	#coloumnLayout .date {
		font-size: 12px;
		line-height: 1.5rem;
	}

}

/* 2カラム レイアウト */

#coloumnLayout #indexColumnLeft{
    width: 660px;
    float: left;
}

#coloumnLayout #contGourmet,
#coloumnLayout #contActivity,
#coloumnLayout #contGift,
#coloumnLayout #contStay{
    width: 660px;
    margin-bottom: 55px;
}

#coloumnLayout #contGourmet dl,
#coloumnLayout #contActivity dl,
#coloumnLayout #contGift dl,
#coloumnLayout #contStay dl{
    width: 320px;
    display: table-cell;
    padding-right: 20px;
}

#coloumnLayout #contGourmet dl dt,
#coloumnLayout #contActivity dl dt,
#coloumnLayout #contGift dl dt,
#coloumnLayout #contStay dl dt{
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
}

#coloumnLayout #contGourmet dl dt img,
#coloumnLayout #contActivity dl dt img,
#coloumnLayout #contGift dl dt img,
#coloumnLayout #contStay dl dt img{
    width: 320px;
    height: auto;
    vertical-align: top;
}

#coloumnLayout #contGourmet dl dd,
#coloumnLayout #contActivity dl dd,
#coloumnLayout #contGift dl dd,
#coloumnLayout #contStay dl dd{
    width: 320px;
    font-size: 12px;
}

#coloumnLayout #contGourmet dl dd h3,
#coloumnLayout #contActivity dl dd h3,
#coloumnLayout #contGift dl dd h3,
#coloumnLayout #contStay dl dd h3{
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 8px;
}

#coloumnLayout #contGourmet dl dt a,
#coloumnLayout #contActivity dl dt a,
#coloumnLayout #contGift dl dt a,
#coloumnLayout #contStay dl dt a{
    width: 320px;
    color: #333333;
    text-decoration: none;
}

#coloumnLayout #contGourmet dl dd a,
#coloumnLayout #contActivity dl dd a,
#coloumnLayout #contGift dl dd a,
#coloumnLayout #contStay dl dd a{
    color: #333333;
    text-decoration: none;
}

#coloumnLayout #contGourmet a:hover,
#coloumnLayout #contActivity a:hover,
#coloumnLayout #contGift a:hover,
#coloumnLayout #contStay a:hover{
    color: #333333;
    text-decoration: none;
}

#coloumnLayout #indexColumnRight{
    width: 318px;
    float: right;
}

#coloumnLayout #contRanking,
#coloumnLayout #contEvent{
    width: 318px;
    margin-bottom: 40px;
}

#coloumnLayout #contRanking dl,
#coloumnLayout #contEvent dl{
    display: block;
	width: 318px;
	margin-top: 30px;
    margin-bottom: 20px;
}

#coloumnLayout #contRanking dl dt,
#coloumnLayout #contEvent dl dt{
    position: relative;
    z-index: 1;
    float: left;
    padding-top: 3px;
    width: 139px;
}
#coloumnLayout #contEvent dl dt {
    padding-top: 0;
}
#coloumnLayout #contRanking dl dt img,
#coloumnLayout #contEvent dl dt img{
    width: 139px;
    height: auto;
    vertical-align: top;
}

#coloumnLayout #contRanking dl dd,
#coloumnLayout #contEvent dl dd{
    width: 164px;
    font-size: 12px;
    float: right;
}

#coloumnLayout #contRanking dl dd h3,
#coloumnLayout #contEvent dl dd h3{
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 8px;
}

#coloumnLayout #contRanking a,
#coloumnLayout #contEvent a{
    color: #333333;
    text-decoration: none;
    padding-right: 20px;
}

#coloumnLayout #contRanking a:hover,
#coloumnLayout #contEvent a:hover{
    color: #333333;
    text-decoration: none;
}

@media only screen and (max-width: 769px) {
    #coloumnLayout #indexColumnLeft{
        width: 100%;
        float: none;
    }

    #coloumnLayout #contGourmet dl dt,
    #coloumnLayout #contActivity dl dt,
    #coloumnLayout #contGift dl dt,
    #coloumnLayout #contStay dl dt{
        position: relative;
        z-index: 1;
        margin-bottom: 12px;
    }

    #coloumnLayout #contGourmet h2{
        background-size: auto 27px;
        height: 27px;
    }

    #coloumnLayout #contActivity h2{
        background-size: auto 32px;
        height: 32px;
    }

    #coloumnLayout #contGift h2{
        background-size: auto 27px;
        height: 27px;
    }

    #coloumnLayout #contStay h2{
        background-size: auto 32px;
        height: 32px;
    }

    #coloumnLayout #indexColumnRight{
        width: 100%;
        float: none;
    }

    #coloumnLayout #contRanking dl dt,
    #coloumnLayout #contEvent dl dt{
        width: 100%;
        float: none;
        margin-bottom: 12px;
    }

    #coloumnLayout #contRanking dl dd,
    #coloumnLayout #contEvent dl dd{
        width: 100%;
        float: none;
    }

    #coloumnLayout #contRanking h2{
        background-size: auto 32px;
        height: 32px;
    }

    #coloumnLayout #contEvent h2{
        background-size: auto 27px;
        height: 27px;
	}

	#coloumnLayout #contSeason dl dt img,
	#coloumnLayout #contGourmet dl dt img,
	#coloumnLayout #contActivity dl dt img,
	#coloumnLayout #contGift dl dt img,
	#coloumnLayout #contStay dl dt img,
	#coloumnLayout #contRanking dl dt img,
	#coloumnLayout #contEvent dl dt img {
    	width: 100%;
	}
}