@charset "utf-8";


/*==================== ページ全体の指定 ====================*/
body {
	color:#3A3A3A;
	background-color:#F5EFEB;
	font: 14px/1.231em 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
	line-height: 16px/1.7em;
	-webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
}
a:link {
	color: #000000;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}


.main_box{
	width:100%;
}

#co_info {
padding : 5px 15px;
background : #DC143C;
color : #fff;
font-size:12px;
}

	#co_info a {
	color : #fff;
	font-weight : normal;
	}


/*タイトル*/

.title_top h2{
	padding:5px;
	width:100%;
	background:url(../img/ttl_h2.jpg);
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	font-size:15px;
	color:#FFF;
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3 */
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
	text-align:center;
}
.title_top h2 .title {
	text-align:center;
	line-height:32px;
}
.title_top h2 a{
	padding:0 2px;
	margin-right:5px;
	width:auto;
	height:32px;
	color:#483E33;
	vertical-align:middle;
	text-decoration:none;
	font-size:13px;
	background-color:#CFC3BA;
    border: 1px solid #746556;
	line-height:32px;
	text-align:center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	position:absolute;
	left:5px;
}

.title_top h2 a img{
	margin-top:0.2em;
	margin-right:0.2em;
	margin-bottom: 0.5em;
	vertical-align: middle;
	width:11px;
	height:17px;
}

h4 {
	margin:20px 0 0px;
	padding:5px;
	width:100%;
	background:url(../img/index_h1.jpg);
	font-size:16px;
	border-bottom:#9F8B84 solid 2px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3 */
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
	display:table;
	color:#483E33;
}
h4 .title {
	display:table-cell;
	vertical-align:middle;
}
h4 a.more{
	width:100px;
	height:32px;
	color:#483E33;
	vertical-align:middle;
	text-decoration:none;
	float:right;
	display:table-cell;
	font-size:14px;
	background-color:#CFC3BA;
    border: 1px solid #746556;
	line-height:32px;
	text-align:center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
h4 a.more img{
	margin-top:0.2em;
	margin-left: 0.2em;
	margin-bottom: 0.5em;
	vertical-align: middle;
	width:11px;
	height:17px;
}

h5 {
	margin:20px 0 10px;
	padding:5px;
	width:100%;
	background:url(../img/index_h1.jpg);
	font-size:16px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3 */
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
	display:table;
	color:#483E33;
}
h5.other_title {
	margin:0;
	padding:10px 5px;
	width:100%;
	background:url(../img/index_h1.jpg);
	font-size:16px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3 */
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
	display:table;
	color:#483E33;
}



/*検索トップ*/

.title_top{
	text-align:center;
	position:relative;
}

.select_top{
	margin:5px auto;
	width:96%;
	text-align:center;
}
.select_top .select_box_top{
	margin:5px 0;
	padding-left:5px;
	width:100%;
	height:40px;
	color:#473E33;
	line-height:40px;
	font-size: 13px;
	cursor: pointer;
	background: #ffffff url(../img/serect_ar_topbl.png) no-repeat;
	background-size: 55px 28px;
	background-position:right center;
	font-weight:bold;
	letter-spacing:0.1em;
	border:#746556 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-appearance: button;
	-webkit-appearance: button;
	appearance: button;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
}

.white_box{
	margin:0 auto;
	padding:10px;
	width:96%;
	height:auto;
	background:#FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.white_box .key_word1_box{
	margin-bottom:10px;
	width:100%;
}
.white_box .key_word1_left{
	height:30px;
	vertical-align: middle;
	font-size: 100%;
	color: #756657;
	line-height:30px;
}
.white_box .key_word1_left img{
	margin-right:0.2em;
	margin-bottom:0.3em;
	width:13px;
	vertical-align:middle;
}
.white_box .key_word1_right{
	width:100%;
	height: 30px;
	vertical-align: middle;
	font-size: 100%;
	text-indent: 0.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.white_box p{
	padding-left:13px;
	color:#9F8B84;
	font-size:12px;
	background:url(../img/icon/red_tr.png) no-repeat;
	background-size: 12px 9px;
	background-position:left center;
}
.white_box .key_word2{
	width:100%;
}
.white_box .key_word2 a{
	margin:2px;
	padding:5px;
	color:#9F8B84;
	font-size:12px;
	border:#9F8B84 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:underline;
	display:block;
	float:left;
}

a.search{
	margin:15px auto;
	padding:5px;
	width:80%;
	height:30px;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	background-color:#E35C64;
	border:#E35C64 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
	text-align:center;
	display:block;
	vertical-align:middle;
}
a.search img{
	margin-bottom:0.3em;
	margin-right:0.2em;
	width:15px;
	height:15px;
	vertical-align:middle;
}

/*ページナンバー*/

.pagenumber_total{
	padding:5px 0;
	background-color:#FFF;
	border-top:#BCAFAD solid 1px;
	color:#BBAEAC;
	font-size:12px;
	text-align:center;
}
.pagenumber{
	width:100%;
	height:40px;
	background:#BCAFAD;
	text-align:center;
	line-height:40px;
	display:table;
}
.pagenumber img{
	margin-bottom:0.3em;
	height:30px;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
}

.pagenumber a.ar_left{
	margin-left:5px;
	float:left;
	display:table-cell;
}
.pagenumber a.ar_right{
	margin-right:5px;
	float:right;
	display:table-cell;
}
.pagenumber ul.list{
	margin:0 auto;
	text-align:center;
	width:200px;
	display:table-cell;

}
.pagenumber ul.list li{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0.4em;
	width:30px;
	height:30px;
	list-style:none;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height:40px;
	border-radius: 3px;
	float:left;
}
.pagenumber ul.list li a{
	background:#FFF;
	text-decoration:none;
	line-height:30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display:block;
}
.pagenumber ul.list li a.here{
	background:#746556;
	color:#FFF;
	text-decoration:none;
	line-height:30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display:block;
}

/*行ってみたいボタン*/

a.want_go{
	margin:15px auto;
	padding:5px;
	width:80%;
	height:30px;
	color:#ffffff;
	font-size:14px;
	line-height:30px;
	background-color:#E35C64;
	border:#E35C64 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
	text-align:center;
	display:block;
	vertical-align:middle;
}
a.want_go img{
	margin-bottom:0.3em;
	margin-right:0.2em;
	width:25px;
	height:15px;
	vertical-align:middle;
}


/*ミニ・コース関連*/


.course_top{
	margin:15px auto 0;
	height:auto;
	width:100%;
	border-top:#9F8B84 dotted 1px;
	background:#FFF;
}

.course_top .top_box{
	display:table;
}
.course_top .top_box .left{
	width:40%;
	vertical-align:middle;
	display:table-cell;
}
.course_top .top_box .left img{
	margin:0;
	padding:0;
	width:100%;
	max-width:180px;
	vertical-align:middle;
}
.course_top .top_box .right{
	width:60%;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	vertical-align:middle;
	display:table-cell;
}

.course_box{
	margin:0 auto 15px;
	height:auto;
	width:100%;
	border-top:#9F8B84 dotted 1px;
}

.course_min_box{
	margin:0 auto;
	height:auto;
	width:100%;
	border-bottom:#9F8B84 dotted 1px;
	background:#FFF;
	text-decoration:none;
	display:table;
}
.course_min_box .left_photo{
	width:20%;
	vertical-align:middle;
	display:table-cell;
}
.course_min_box .left_photo img{
	width:100%;
	vertical-align:middle;
}
.course_min_box .right_text{
	width:70%;
	border:10px solid #fff;
	vertical-align:top;
	display:table-cell;
}

li.category1 span{
	background:#D56969;
	color:#FFF;
}
li.category2 span{
	background:#F8BECD;
	color:#FFF;
}
li.category3 span{
	background:#ACA7D0;
	color:#FFF;
}
li.category4 span{
	background:#EAB066;
	color:#FFF;
}
li.category5 span{
	background:#66B3C3;
	color:#FFF;
}
li.category6 span{
	background:#F6DB8D;
	color:#FFF;
}


li.course_title img{
	margin-right:3px;
	padding-bottom:2px;
	width:15px;
	vertical-align:middle;
}

ul.course{
	margin:2px 0;
	font-size:10px;
	list-style:none;
}

li.course_title{
	font-weight:bold;
	font-size:13px;
}
li.course_title a{
	text-decoration:none;
}

li.tag{
	color:#DF5159;
	font-size:10px;
	line-height:10px;
}
li.tag2{
	margin-top:2px;
	font-size:11px;
	line-height:10px;
}
li.time{
	padding-left:14px;
	background:url(../img/icon/icon_time.png) no-repeat;
	background-size: 12px 12px;
	list-style: none;
	color:#9F8B84;
	line-height:12px;
	vertical-align:middle;
	float:left;
}
li.people{
	margin-top:2px;
	margin-left:2px;
	padding-left:62px;
	background:url(../img/icon/icon_go.png) no-repeat;
	background-size:60px 11px;
	background-position:left center;
	list-style: none;
	color:#9F8B84;
	line-height:12px;
	vertical-align:middle;
	float:left;
}
li.people2{
	margin-top:2px;
	padding-left:62px;
	background:url(../img/icon/icon_go.png) no-repeat;
	background-size:60px 11px;
	background-position:left center;
	list-style: none;
	line-height:12px;
	vertical-align:middle;
}
li.spot{
	list-style: none;
	color:#000;
	line-height:12px;
	white-space:nowrap;
	vertical-align:middle;
	float:left;
}
li.user{
	margin-left:5px;
	padding-left:13px;
	background:url(../img/icon/icon_human.png) no-repeat;
	background-size: 9px 12px;
	list-style: none;
	color:#000;
	line-height:12px;
	vertical-align:middle;
	float:left;
}
.text_and_more_box{
	width:100%;
	background:#fff;
	display:table;
}
.text_area{
	width:90%;
	padding:5px;
	background:#DAE0D6;
	font-size:11px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3 */
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
	display:table-cell;
}
.text_area a{
	color:#0066CC;
	text-decoration:none;
}

li.text_com{
	color:#DF5159;
	font-size:10px;

}
li.address{
	color:#9F8B84;
	font-size:10px;
}



/*ミニ・スポット関連*/

.spot_box{
	margin:0 auto 15px;
	height:auto;
	width:100%;
	border-top:#9F8B84 dotted 1px;
}
.spot_min_box{
	margin:0 auto;
	height:auto;
	width:100%;
	border-bottom:#9F8B84 dotted 1px;
	background:#FFF;
	text-decoration:none;
	display:table;
}
.spot_min_box .left_photo{
	width:20%;
	vertical-align:middle;
	display:table-cell;
}
.spot_min_box .left_photo img{
	width:100%;
	vertical-align:middle;
}
.spot_min_box .right_text{
	width:70%;
	border-left:10px solid #fff;
	vertical-align:middle;
	display:table-cell;
}

	.right_text ul li {
	list-style : none;
	}

.right_icon{
	width:10%;
	vertical-align:middle;
	text-align:center;
	display:table-cell;
}
.right_icon img{
	height:16px;
	width:16px;
}
/*写真館・周辺*/

ul.photo_wrapper{
	width:96%;
}
.top_photo {
	float:left;
	/*margin:10px auto;*/

	text-align:center;
}

.more_photo {
	width:250px;
	height:250px;
	margin:0 5px;
	vertical-align:middle;
	text-align:center;
	background:url(../img/more_photo_img.jpg);
	font-size:16px;
	float:left;
}
.more_photo a{
	display:block;
	width:250px;
	height:250px;
}

.top_photo img {
	width:250px;
}

.top_photo_com {
	margin:auto;
	padding:5px;
	width:240px;
	background-color:#DEA258;
	border-radius:5px;
	position:relative;
}
.top_photo_com:after {
	border:10px solid transparent;
	border-bottom-color:#DEA258;
	border-top-width:0;
	top:-10px;
	content:"";
	display:block;
	left:110px;
	position:absolute;
	width:0;
}
.top_photo_com a{
	text-decoration:none;
	color:#0059B2;
}

/*コメント*/
.com_box_top{
	width:100%;
	vertical-align:bottom;
}
.com_box{
	margin:0 auto;
	width:100%;
	border-top:#9F8B84 dotted 1px;
}
.com_box a.com_backlog{
	padding:15px 0;
	border-bottom:#9F8B84 dotted 1px;
	background:#FFF;
	text-align:center;
	text-decoration:none;
	display:block;
}
.com_min_box{
	margin:0 auto;
	padding:5px;
	height:auto;
	width:100%;
	border-bottom:#9F8B84 dotted 1px;
	background:#FFF;
	text-decoration:none;
	/*display:table;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.com_min_box .left_photo{
	width:25%;
	vertical-align:top;
	display:inline-block;
}
.com_min_box .left_photo img{
	margin:2px 0;
	width:100%;
	vertical-align:middle;
}
.com_min_box .right_text{
	width:70%;
	border-left:7px solid #fff;
	vertical-align:middle;
	display:inline-block;
}
ul.com_user{
	margin:2px 0;
	font-size:12px;
	list-style:none;
}

li.com_user_box{
	padding-bottom:5px;
	font-weight:bold;
	font-size:13px;
}

li.com_user_comment {
word-wrap: break-word;
}


li.com_user_box a{
	color:#D86C00;
	text-decoration:none;
}
li.com_day{
	text-align:right;
}

li.tag{
	color:#DF5159;
	font-size:10px;
	line-height:10px;
}



/*いいねボタン・コメントボタン*/

.good_and_com{
	margin:15px auto;
	width:100%;
	padding:0 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align:center;
	display:table;
	border-collapse: separate;
	border-spacing: 10px 0;
}


a.iine_button{
	padding:5px;
	width:50%;
	height:20px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	background-color:#CEB306;
	border:#CEB306 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
a.iine_button img{
	margin-bottom:0.3em;
	margin-right:0.2em;
	width:14px;
	height:12px;
	vertical-align:middle;
}

a.com_button{
	padding:5px;
	width:50%;
	height:20px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	background-color:#D96D00;
	border:#D96D00 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
a.com_button img{
	margin-bottom:0.3em;
	margin-right:0.2em;
	width:14px;
	height:12px;
	vertical-align:middle;
}
a.want_mini_button{
	padding:5px;
	width:50%;
	height:20px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	background-color:#E35C64;
	border:#E35C64 solid 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
a.want_mini_button img{
	margin-bottom:0.3em;
	margin-right:0.2em;
	width:22px;
	height:12px;
	vertical-align:middle;
}



/*その他のスポット*/
h3{
	padding:0 5px;
	background:#9F8B84;
	line-height:25px;
	color:#26190C;
}
.other{
	margin:0 auto;
	height:auto;
	width:100%;
	border-top:#9F8B84 dotted 1px;
	background:#FFF;
	text-decoration:none;
}
.other2{
	margin:0 auto 0px;
	height:auto;
	width:100%;
/*	border-top:#9F8B84 dotted 1px;
*/	text-decoration:none;
}
.othe_s_box{
	margin:0 auto;
	padding:15px 0;
	height:auto;
	width:100%;
	border-bottom:#9F8B84 dotted 1px;
	background:#FFF;
	text-decoration:none;
	display:table;
	font-weight:bold;
}
.othe_s_box .left_title{
	padding-left:10px;
	width:90%;
	color:#73924E;
	vertical-align:middle;
	display:table-cell;
}
.othe_s_box .left_title img{
	padding-bottom:5px;
	width:13px;
	vertical-align:middle;
}
.othe_s_box .left_title2{
	padding-left:10px;
	color:#73924E;
	width:40%;
	vertical-align:middle;
	display:table-cell;
}
.othe_s_box .left_title2 img{
	padding-bottom:5px;
	width:13px;
	vertical-align:middle;
}


.othe_s_box .left_title_r{
	padding-left:10px;
	width:90%;
	color:#DF5159;
	vertical-align:middle;
	display:table-cell;
}
.othe_s_box .left_title_r img{
	padding-bottom:5px;
	width:13px;
	vertical-align:middle;
}
.othe_s_box .left_title_r2{
	padding-left:10px;
	color:#DF5159;
	width:40%;
	vertical-align:middle;
	display:table-cell;
}
.othe_s_box .left_title_r2 img{
	padding-bottom:5px;
	width:13px;
	vertical-align:middle;
}

.othe_s_box .left_title_r3{
	padding-left:10px;
	color:#DF5159;
	width:40%;
	vertical-align:middle;
}
.othe_s_box .left_title_r3 img{
	padding-bottom:5px;
	width:13px;
	vertical-align:middle;
}


.othe_s_box .free_box{
	padding-right:5px;
	width:50%;
	vertical-align:middle;
	text-align:right;
	display:table-cell;
}
.othe_s_box .free_box .free_text{
	padding:5px;
	line-height:12px;
	width:60%;
	vertical-align:middle;
}

.othe_s_box .free_box .button_d{
	padding:5px;
	height:30px;
	min-width:10px;
	background:#CFC3BA;
	color:#746556;
	border:#746556 solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:middle;
	text-align:right;
	-webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}

/*カテゴリー*/
.category{
	float:left;
	/*width:640px;*/
	width:100%;
}
.category img.area{
	width:100%;
	vertical-align:top;
}
.category .text_box{
	padding:20px 5px 0;
	width:100%;
	color:#ffffff;
	box-sizing:border-box;
	-moz-box-sizing: border-box;        /* Firefox */
	-webkit-box-sizing: border-box;     /* Safari 3 */
	-ms-box-sizing: border-box;         /* Internet Explorer 8 */
	display:table;
}
.category .cate1{background:#D56969;}
.category .cate2{background:#F8BECD;}
.category .cate3{background:#ACA7D0;}
.category .cate4{background:#EAB066;}
.category .cate5{background:#66B3C3;}
.category .cate6{background:#F6DB8D;}

.category .text_box .side_c_l{
	width:15%;
	vertical-align:middle;
	display:table-cell;
}
.category .text_box .side_c_r{
	width:15%;
	text-align:right;
	vertical-align:middle;
	display:table-cell;
}
.category .text_box .side_c_l img{
	width:50%;
	height:90%;
}
.category .text_box .side_c_r img{
	width:50%;
	height:90%;
}

.category .text_box .in_text{
	width:70%;
	height:100%;
	display:table-cell;
}
.category .text_box .in_text img{
	margin-bottom:10px;
	width:70%;
	display:block;
}




#user_ancher {
color:#0059b2;
}

#btn-like {
color : #fff;
}

#com_color {
color : #d96d00;
}

#cmt_button {
color : #fff;
}

#url_color {
color : #df5159;
font-weight : normal;
}






/*アイコン使用*/
ul.icon_point{
	list-style:none;
}
ul.icon_point li{
	margin-bottom:5px;
	margin-right:15px;
	font-size:12px;
	line-height:14px;
	vertical-align:middle;
	float:left;
}
ul.icon_point li img{
	padding-bottom:2px;
	padding-right:2px;
	height:14px;
	vertical-align:middle;
	line-height:14px;
}
li.point{
	font-weight:bold;
}
li.point a{
	color:#D96D00;
}

/*リンク*/
a.user{
	color:#0059B2;
	font-size:10px;
	text-decoration:none;
}

.clear {
	clear:both;
}