@charset "euc-jp";
/*
------------------------------------------------------------------------------------------ 
BusinessRalliart inc.
------------------------------------------------------------------------------------------ 
*/


.blogtype {
    padding: 0 15px;
}
.blogtype {
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px 10px 0;
	line-height: 1.6;
}

.blogtype img {
	width: 100%;
	height: auto;
}

table,
table td {
	border: none;
}

/*sns*/
.sns_button {
    margin: 10px !important;
}

.type_01, .type_02 {
    text-align: center !important;
}

.sns_button li:first-child {
    padding-left: 0 !important;
}
.sns_button li {
    padding-left: 5px;
}

.sns_button li img {
    width: 135px;
}

/*検索ワード*/

.search_word_01, .search_word_02,
.search_word_03, .search_word_04,
.search_word_05 { margin-bottom: 10px; }
.search_word_01 a {/*アクティビティ*/
    border: 1px solid #B6D7E7;
    color: #94C5D8;
    float: left;
    font-size: 73.3%;
    margin: 10px 10px 0 0;
    padding: 3px 5px 1px;
    text-decoration: none;
}

.search_word_02 a {/*グルメ*/
    border: 1px solid #efb198;
    color: #e68562;
    float: left;
    font-size: 73.3%;
    margin: 10px 10px 0 0;
    padding: 3px 5px 1px;
    text-decoration: none;
}

.search_word_03 a {/*ツーリズム*/
    border: 1px solid #C8DBC6;
    color: #ABD1C2;
    float: left;
    font-size: 73.3%;
    margin: 10px 10px 0 0;
    padding: 3px 5px 1px;
    text-decoration: none;
}

.search_word_04 a {/*ショップ*/
    border: 1px solid #C9C5D6;
    color: #B9B4CA;
    float: left;
    font-size: 73.3%;
    margin: 10px 10px 0 0;
    padding: 3px 5px 1px;
    text-decoration: none;
}

.search_word_05 a {/*リラクゼーション*/
    border: 1px solid #F6C7CC;
    color: #F4BAC1;
    float: left;
    font-size: 73.3%;
    margin: 10px 10px 0 0;
    padding: 3px 5px 1px;
    text-decoration: none;
}

.search_word_01 a:hover {
	background-color: #94C5D8;
	color: #fff;
}
.search_word_02 a:hover {
	background-color: #efb198;
	color: #fff;
}
.search_word_03 a:hover {
	background-color: #ABD1C2;
	color: #fff;
}
.search_word_04 a:hover {
	background-color: #B9B4CA;
	color: #fff;
}
.search_word_05 a:hover {
	background-color: #F4BAC1;
	color: #fff;
	
}


/* h1 */
.top_title_01 h1 {/*アクティビティ*/
    background: url(image/icon_01.png) no-repeat left center / 70px auto;
    font-size: 120%;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 10px 0 10px 75px;
	-moz-background-size: 70px auto;
}

.top_title_02 h1 {/*グルメ*/
    background: url(image/icon_02.png) no-repeat left center / 70px auto;
    font-size: 120%;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 10px 0 10px 75px;
	-moz-background-size: 70px auto;
}

.top_title_03 h1 {/*ツーリズム*/
    background: url(image/icon_03.png) no-repeat left center / 70px auto;
    font-size: 120%;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 10px 0 10px 75px;
	-moz-background-size: 70px auto;
}

.top_title_04 h1 {/*ショップ*/
    background: url(image/icon_04.png) no-repeat left center / 70px auto;
    font-size: 120%;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 10px 0 10px 75px;
	-moz-background-size: 70px auto;
}

.top_title_05 h1 {/*リラクゼーション*/
    background: url(image/icon_05.png) no-repeat left center / 70px auto;
    font-size: 120%;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 10px 0 10px 75px;
	-moz-background-size: 70px auto;
}

/*inner*/
.blogtyle_inner { margin: 2rem 1rem; }

.story_01 {}

.story_01 > p {
    font-size: 93.3%;
    margin: 1.3rem 0 3rem;
}

/* H2*/
h2.icon_01 {/*アクティビティ*/
    border-bottom: 1px dashed #a9a9a9;
    border-top: 1px dashed #a9a9a9;
    font-size: 113.3%;
    line-height: 1.2;
    margin: 2rem 0;
    padding: 1rem 0;
}

h2.icon_02 {/*グルメ*/
    border-bottom: 1px dashed #a9a9a9;
    border-top: 1px dashed #a9a9a9;
    font-size: 113.3%;
    line-height: 1.2;
    margin: 2rem 0;
    padding: 1rem 0;
}

h2.icon_03 {/*ツーリズム*/
    border-bottom: 1px dashed #a9a9a9;
    border-top: 1px dashed #a9a9a9;
    font-size: 113.3%;
    line-height: 1.2;
    margin: 2rem 0;
    padding: 1rem 0;
}

h2.icon_04 {/*ショップ*/
    border-bottom: 1px dashed #a9a9a9;
    border-top: 1px dashed #a9a9a9;
    font-size: 113.3%;
    line-height: 1.2;
    margin: 2rem 0;
    padding: 1rem 0;
}

h2.icon_05 {/*リラクゼーション*/
    border-bottom: 1px dashed #a9a9a9;
    border-top: 1px dashed #a9a9a9;
    font-size: 113.3%;
    line-height: 1.2;
    margin: 2rem 0;
    padding: 1rem 0;
}


.banner {
	 margin: 20px 0;
}

.banner li a {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #FF6666;
	margin: 5% 0;
	padding: 3% 1% 2%;
	text-align: center;
	text-decoration: none;
}

.banner .coupon a {
    color: #400000;
	background-color: #ffb74c;
}

.banner a:hover, .banner02 a:hover {
    background-color: #fff;
	border: 1px solid #400000;
    color: #400000;
}

.banner02 {
    margin: 0 auto 30px;
}
.banner02 li a {
	display: block;
	width: 100%;
	color: #fff;
	background-color: #FF6666;
	margin: 5% 0;
	padding: 3% 1% 2%;
	text-align: center;
	text-decoration: none;
}
.matome {
    border-top: 1px dotted #aaa;
    padding-top: 25px;
}

.caption {
    font-size: 87.5%;
    text-align: right;
}

.matome .sns_button {
    padding-bottom: 10px;
}

/*その他おすすめ*/
.special_edition .link_list li img {
    display: inline-block;
    vertical-align: middle;
    width: 35.09%;
}

.special_edition { margin-top: 4%; }

.special_edition h3 {
    background: #440000 none repeat scroll 0 0;
    color: #fff;
    font-size: 22px;
    padding: 15px 15px 12px;
    text-align: center;
}

.special_edition .link_list {
    letter-spacing: -0.4em;
}

.special_edition .link_list li {
    font-size: 14px;
    letter-spacing: normal;
    margin: 15px 0 0;
}

.special_edition .link_list li a {
    background: #f9f7f2 none repeat scroll 0 0;
    border: 1px solid #6e4e39;
    display: block;
    text-decoration: none;
	vertical-align: bottom;
}

.special_edition .link_list li img {
    display: inline-block;
    vertical-align: middle;
    width: 35.09%;
}

.special_edition .link_list li .link_ttl {
    display: inline-block;
    line-height: 1.2;
    padding: 0 1.3%;
    vertical-align: middle;
    width: 62.31%;
}

.special_edition .link_list li:nth-child(2n) {
    margin-right: 0;
}


/* Tablet */
@media (min-width: 768px) {
	.top_photo li {
	  float: left;
	  width: 50%;
	}
	.sns_button {
		margin: 0 !important;
	}
	.sns_button li {
		padding-left: 0;
	}
	
	.type_01{
		text-align: right !important;
	}
	.type_02{
		text-align: left !important;
	}
	
	.center_column2 img { width: auto; }
	.top_title_01, .top_title_02, .top_title_03,
	.top_title_04, .top_title_05 {
		margin: 0 auto 7%;
		max-width: 1200px;
		padding: 0 0 0 1%;
	}
	
	.fll {
		float: left;
		margin-right: 3%;
    	width: 75%;
	}
		
	.flr {
		float: right;
		margin: -5px 0 0;
		width: 20%;
		padding-right: 2%;
	}
	#special .type_01 li {
		width: 100% !important;
		margin: 3% auto ;
	}
	
	/* H1 */
	.top_title_01 h1, .top_title_02 h1, .top_title_03 h1,
	.top_title_04 h1, .top_title_05 h1 {
		font-size: 133.3%;
		padding: 3% 0 3% 80px;
		width: 95%;
	}
	.story_01 {
		margin: 0 30px;
	}
	
	/*h2*/
	h2.icon_01 {
		background: url(image/icon_s01.png) no-repeat scroll left 3px / 60px auto;
		font-size: 120%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 22px 0 17px 70px;
		-moz-background-size: 60px auto;
	}
	h2.icon_02 {
		background: url(image/icon_s02.png) no-repeat scroll left 3px / 60px auto;
		font-size: 120%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 22px 0 17px 70px;
		-moz-background-size: 60px auto;
	}
	h2.icon_03 {
		background: url(image/icon_s03.png) no-repeat scroll left 3px / 60px auto;
		font-size: 120%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 22px 0 17px 70px;
		-moz-background-size: 60px auto;
	}
	h2.icon_04 {
		background: url(image/icon_s04.png) no-repeat scroll left 3px / 60px auto;
		font-size: 120%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 22px 0 17px 70px;
		-moz-background-size: 60px auto;
	}
	h2.icon_05 {
		background: url(image/icon_s05.png) no-repeat scroll left 3px / 60px auto;
		font-size: 120%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 22px 0 17px 70px;
		-moz-background-size: 60px auto;
	}
	
	.banner > li {
		display: inline-block;
		margin: 0 1.2%;
		width: 47%;
	}
	.banner02 { width: 50%; }
	
	/* special_edition01 */
	.tokusyu .special_edition01 li {
		width: 340px;
		float: left;
		text-align: center;
		margin: 0 10px 20px;
	}
	.tokusyu .special_edition01 li p {
		font-size: 14px;
		text-align: left;
	}
	.arrow { margin: 0 auto 5%; }
	
	/* special_edition02 */
	.tokusyu .special_edition02 li {
		width: 220px;
		float: left;
		text-align: center;
		margin: 0 10px 20px;
	}
	.tokusyu .special_edition02 li p {
		font-size: 14px;
		text-align: left;
	}
	
	.special_edition {
		margin-top: 40px;
	}
	
	.special_edition h3 {
		font-size: 32px;
	}
	
	.special_edition .link_list li {
		display: inline-block;
		font-size: 18px;
		letter-spacing: normal;
		margin: 2.56% 2.56% 0 0;
		vertical-align: top;
		width: 48.72%;
	}
	
	.special_edition .link_list li a {
		background: #f9f7f2 none repeat scroll 0 0;
		border: 1px solid #6e4e39;
		display: block;
		text-decoration: none;
	}
	

}

@media (min-width: 1024px) {
	.search_word_02 {
		margin: 10px 0;
	}
	.top_title_01, .top_title_02, .top_title_03,
	.top_title_04, .top_title_05 {
		margin: 0 auto 3%;
	}
	
	.fll {
		float: left;
		margin-right: 1%;
		width: 84%;
	}
		
	.flr {
		float: right;
		margin: -5px 0 0 20px;
		width: 12%;
	}
	
	.blogtyle_inner {
		background: url(image/bg02.jpg) repeat-y left top / 100% auto;
		-moz-background-size: 100% auto;
		margin: 0 auto !important;
		max-width: 1200px;
		padding: 3rem 0;
	}
	
	.story_01 {
		background-color: #fff;
		margin: 0 auto;
		padding: 1rem 5rem;
		width: 860px;
	}
	
	/* H2 */

}	
	
/* DeskTop */
@media (min-width: 1280px) {
	.sns_button {
		margin: 10px 0 15px !important;
	}
	.sns_button img {
		width: 100% !important;
	}
	
	.sns_button > li {
		margin-bottom: 5px;
	}
	
		
	.fll > p {
		font-size: 17px;
		line-height: 2;
	}

	/*h1*/
	.top_title_01 h1 {
		background: url(image/icon_01.png) no-repeat scroll left center / 125px auto;
		font-size: 160%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 4% 0 3% 140px;
	}
	.top_title_02 h1 {
		background: url(image/icon_02.png) no-repeat scroll left center / 125px auto;
		font-size: 160%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 4% 0 3% 140px;
	}
	.top_title_03 h1 {
		background: url(image/icon_03.png) no-repeat scroll left center / 125px auto;
		font-size: 160%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 4% 0 3% 140px;
	}
	.top_title_04 h1 {
		background: url(image/icon_04.png) no-repeat scroll left center / 125px auto;
		font-size: 160%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 4% 0 3% 140px;
	}
	.top_title_05 h1 {
		background: url(image/icon_05.png) no-repeat scroll left center / 125px auto;
		font-size: 160%;
		line-height: 1.6;
		margin: 20px 0 30px;
		padding: 4% 0 3% 140px;
	}
	.blogtyle_inner {
		padding: 4rem 0;
	}
	.story_01 {
		margin: 0 auto 20px;
		padding: 10px 50px;
		width: 980px;
	}
	.story_01 > p {
		font-size: 100%;
		margin: 20px 5px 25px;
	}
	
	/* H2 */
	h2.icon_01 {
		background: url(image/icon_s01.png) no-repeat left center;
		font-size: 146.6%;
		margin: 20px 0 25px;
		padding: 30px 0 20px 100px;
	}
	h2.icon_02 {
		background: url(image/icon_s02.png) no-repeat left center;
		font-size: 146.6%;
		margin: 20px 0 25px;
		padding: 30px 0 20px 100px;
	}
	h2.icon_03 {
		background: url(image/icon_s03.png) no-repeat left center;
		font-size: 146.6%;
		margin: 20px 0 25px;
		padding: 30px 0 20px 100px;
	}
	h2.icon_04 {
		background: url(image/icon_s04.png) no-repeat left center;
		font-size: 146.6%;
		margin: 20px 0 25px;
		padding: 30px 0 20px 100px;
	}
	h2.icon_05 {
		background: url(image/icon_s05.png) no-repeat left center;
		font-size: 146.6%;
		margin: 20px 0 25px;
		padding: 30px 0 20px 100px;
	}
	
	
}