/*
Theme Name: 宿さがし-宿検索
Theme URI: 
Author: 株式会社リバティー
*/

/* =Reset
-------------------------------------------------------------- */

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

body{margin: 0; padding: 0;}
a{text-decoration: none;}
ul{padding:0; margin: 0;}
p{font-size:14px;}

/* =Repeatable patterns
-------------------------------------------------------------- */
/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #fff;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {

}
.gallery-columns-1 .gallery-icon img {
}


/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}



/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}



/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

.menu{width:auto; margin:0; padding: 0;}

header h1{color:#000; font-size:28px; font-weight: normal;}

header .header_box{width:1300px; margin:0 auto;}
header .menu_box{width:1300px; margin:0 auto; padding:10px 0; display: flex; flex-wrap: wrap; justify-content:space-around;}

/*メインメニュー*/
header .menu_wrap{ background:#555;}

header .main_menu{width:50%;}
header .main_menu ul{display: flex; flex-wrap: wrap; justify-content:flex-start; }
header .main_menu ul li{width:auto; overflow: hidden; list-style:none; margin:0 20px 0 0;}
header .main_menu ul li a{color:#fff;}

header .sub_menu{width:50%; text-align: right}
header .sub_menu ul{ text-align: right;}
header .sub_menu ul li{width:auto; overflow: hidden; list-style:none; margin:0 20px 0 0; }
header .sub_menu ul li a{color:#fff;}

footer .sub_menu ul　{width:auto;}

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(255,255,255,0.1);
	border:solid 1px rgba(255,255,255,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
	color:#C46869;
}
.pager .current{
	background:#fff;
	border:solid 1px rgba(255,255,255,1);
	color:#C46869;
	font-weight:bold;
}

#back{ font-size:14px; font-weight:normal;}


#post_box{padding:20px 0;}
#post_box .box{}
#post_box .box h3{text-align: left; color:#000; font-weight: normal; font-size:18px; margin:0 0 0 0; position: relative; z-index: 100; }
#post_box .box .date{font-size:14px; margin:0 0 10px 0;}
#post_box .box a{color:#456884; text-decoration: none;}
#post_box .box span{}
#post_box .box .left{width:650px;}
#post_box .box .left p{margin:0 0 10px 0;}
#post_box .box .left img{margin:0 0 20px 0;}
#post_box .box .right{width:200px; padding:20px;}
#post_box .box p{font-size:15px; margin: 0; line-height: 1.8em;}


.contents_post{ margin:0 auto 0 auto; width:1300px;}
.contents_post .flex{display: flex; flex-wrap: wrap; justify-content:space-between;}
.contents_post .left_box{width:900px;}
.contents_post .right_box{width:220px;}
.contents_post .right_box h2{text-align: left; font-size:17px; color:#2d5440; border-bottom:#00561f 2px solid; padding:10px 0 10px 0;}

.contents_post ul{margin:20px 0;}
.contents_post ul li{ text-align: left; list-style: none;}
.contents_post .side ul li{text-align:left;}
.contents_post .side ul, ol {padding: 0; margin:0 0 20px 0; position: relative;}
.contents_post .side ul li a {color: #404040; text-decoration: none;}

.contents_yado_list{ margin:0 auto 0 auto; width:1200px;}
.contents_yado_list .flex{display: flex; flex-wrap: wrap;}
.contents_yado_list .box{margin:0 40px 40px 0; width:calc(33.3333333% - 40px); }
.contents_yado_list .box:nth-child(3n){margin-right:0;}
.contents_yado_list .in_box{padding: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); border-radius: 5px; height: 360px;}
.contents_yado_list .in_box .img_box img{width:100%; height:220px; object-fit: cover;}

.contents_yado_list .text_box{width:auto;}
.contents_yado_list .post{font-size:13px;}

.contents_yado_deteil{width:1000px; margin:40px auto;}

.contents_yado_deteil h2{border-bottom:#000 1px solid; padding:0 0 5px 0;}
.contents_yado_deteil h3{margin:40px 0 20px 0;}



.contents_yado_deteil .area ul{display: flex; flex-wrap: wrap; justify-content:flex-start;}
.contents_yado_deteil .area ul li{list-style: none; margin:0 5px 0 0; padding:3px 20px; font-size:14px; border: #555 1px solid; border-radius:30px;}

.room_info{margin:30px 0;}
.room_info table{border-collapse:collapse; padding: 0; margin:0; width:100%; font-size:14px;}
.room_info tr{border-bottom: #000 1px solid;}
.room_info th{width:20%; font-weight: normal; padding: 10px; text-align: left;}
.room_info td{width:80%;padding: 10px;}

.access_info{margin:30px 0;}
.access_info table{border-collapse:collapse; padding: 0; margin:0; width:100%; font-size:14px;}
.access_info tr{border-bottom: #000 1px solid;}
.access_info th{width:20%; font-weight: normal; padding: 10px; text-align: left;}
.access_info td{width:80%;padding: 10px;}

.contents_yado_deteil .nav_menu{margin:0 0 20px 0;}
.contents_yado_deteil .nav_menu a{color:#000; border-left:#000 1px solid; padding: 0 25px; font-size:14px;}
.contents_yado_deteil .nav_menu a:last-child{border-right:#000 1px solid; }

.contents_yado_deteil .detail_img_box{margin:0 0 20px 0; }
.contents_yado_deteil .detail_img_box #photo1{}
.contents_yado_deteil .detail_img_box #photo1 img{width:1000px; height:660px; object-fit: contain;}

.yado_detail_column{display: flex; flex-wrap: wrap; justify-content:flex-start;}
.yado_detail_column .box{width:320px; font-size:14px; margin:0 15px 10px 0;}
.yado_detail_column .box img{width:100%; height: auto; margin:0 0 10px 0;}
.yado_detail_column .box:last-child{margin:0 10px 0 0;}

.yado_detail_contents{margin:0 0 40px 0;}
.yado_detail_plan_list{margin:40px 0; }

.access_map{margin:0 0 40px 0;}
.access_map iframe{width:100%; height: 500px;}

.btn_box{margin:40px 0; text-align: center;}
.btn_box a{background:#000; color:#fff; padding:15px 40px; border-radius: 50px; display: inline-block;}




.plan_form_l{width:1000px; margin:0 auto;}
.plan_form_l p{margin:0 0 5px 0;padding:0; text-align: center; font-weight: bold;}
.plan_form_l span{margin:0 10px 0 0;}
.plan_form_l select{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form_l input{position: relative;border-radius: 1px;border: 1px solid #bfbfbf; background: #ffffff; padding:10px;}
.plan_form_l .w150{width:100px;}
.plan_form_l .frex{display: flex; flex-wrap: wrap; justify-content:space-between;}
.plan_form_l .check_in {width:150px;}
.plan_form_l .check_in input{width:130px;}
.plan_form_l .undecided {width:50px;  text-align: center;}
.plan_form_l .undecided input{margin:14px 0 0 -20px;}
.plan_form_l .guests{width:150px;}
.plan_form_l .guests select{width:150px;}
.plan_form_l .type {width:150px;}
.plan_form_l .type select{width:150px;}
.plan_form_l .price {width:280px;}
.plan_form_l .search_btn .btn{width:150px; margin:20px auto; padding:15px 0 15px 0; background:url("../img/link_icon01.png") no-repeat right #330301; background-position:right 15px center; border:none; color:#fff; font-size:18px; cursor: pointer;}
.plan_form_l .option-input{position: relative;	margin: 0 1rem 0 0;	cursor: pointer;}
.plan_form_l .option-input:before { position: absolute; z-index: 1; top: 0.125rem; left: 0.1875rem; width: 0.75rem; height: 0.375rem; content: ''; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); border: 2px solid #330301; border-top-style: none; border-right-style: none;}
.plan_form_l .option-input:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1);}
.plan_form_l .option-input:after { position: absolute; top: -0.125rem; left: 0; width: 1rem; height: 1rem; content: ''; cursor: pointer; border: 2px solid #330301; background: #ffffff;}

.over img{
	opacity:0.5;
}
.thumb ul{
	margin-top: 5px;
	padding: 0;
	text-align: left;
}
.thumb li{
	display:inline;
	list-style:none;
}


/* プランRSS */

.a_2 {margin:0 0 20px 0; padding:0;}
.a_2 .mini {margin:0 0 20px 0; padding:0 0 20px 0; display:flex; flex-wrap: wrap; justify-content:space-between; border-bottom: #000 1px solid;}
.a_2 .text_box{width:70%;}
.a_2 .text_box h3{ text-align:left; color:#2d5440; margin:0 0 10px 0; font-size:14px;}
.a_2 .text_box h3 a{margin:0; padding:0; color:#2d5440;}
.a_2 .img_box {width:28%;}
.a_2 .img_box p {margin:0; padding:0; font-size:14px;}
.a_2 .img_box p a {margin:0; padding:0;}
.a_2 .img_box img{width:100%; height: auto; display:block;}

/* 新着情報 */

.e_1 {margin:0; padding:0;}
.e_1 .sheetbox .box{display: flex; flex-wrap: wrap; justify-content:space-between; margin:0 0 15px 0;}
.e_1 .sheetbox .box .img{width:180px;}
.e_1 .sheetbox .box .cont{width:480px;}
.e_1 .sheetbox {margin:0 0 20px 0; padding:0;}
.e_1 .sheetbox p{margin:0 0 5px 0;}
.e_1 .sheetbox a{color:#00561f; font-size:16px; margin:0 0 10px 0; line-height: 2em;}
.e_1 .sheetbox p span {font-weight:normal; margin:0;}

.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
        text-align: center;
}
.pagination-box {
  display: inline-block;
}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #fff; /* 通常の文字色 */
  background: #47BEA0; /* 通常の背景色 */
}
.pagination a:hover{
  color: #47BEA0; /* マウスホバー時の文字色 */
  background: #F9D635; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 15px 10px 15px;
  color: #47BEA0; /* 現在のページの文字色 */
        background: #F9D635; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
  font-size: 12px;
  line-height: 12px;
}
.pagination span, .pagination a {
  padding: 8px 10px 8px 10px;
}
.pagination .current{
  padding: 8px 10px 8px 10px;
}
}

@media only screen and (max-width: 767px){
.contents_post{ margin:0 0 40px 0;}
.contents_post .left_box{width:100%;}
.contents_post .right_box{width:100%;}
.contents_post .right_box h2{text-align: left; text-align: center; font-size:17px; color:#2d5440; border-bottom:#00561f 3px solid; border-top:#00561f 3px double; padding:10px 0 10px 0;}

#post_box{}
#post_box .box{background:#fafafa; margin: 0 0 20px 0;;}
#post_box .box h3{ text-align: left; color:#fff;font-weight: normal; font-size:18px; position: relative; z-index: 100;}
#post_box .box .date{}
#post_box .box a{color:#456884;}
#post_box .box span{}
#post_box .box .left{width:100%;}
#post_box .box .right{width:100%; padding:0;}
#post_box .box .right img{width:80%; height: auto;}
#post_box .box .title{ margin: 0 0 5px 0; background:#00561f; width:100%; padding:0; overflow: hidden; position: relative;}
#post_box .box .title p{font-size:14px; color:#fff;}
#post_box .box .title span{margin:0 10px 0 0; color:#ffe34f;}

		
.flex{display:inherit;}
.flex2{display:inherit;}
.flex_center{display:inherit;}

.a_2 {margin:0 0 20px 0; padding:0;}
.a_2 .mini {margin:0 0 20px 0; padding:0 20px;}
.a_2 .minileft{float:inherit; width:100%; margin:0; padding:0;}
.a_2 .minileft h3{ text-align:left; color:#2d5440; margin:0 0 10px 0; font-size:16px;}
.a_2 .minileft h3 a{margin:0; padding:0; color:#2d5440;}

.a_2 .miniright {float:inherit; width:100%; margin:20px 0; padding:0;}
.a_2 .miniright p {margin:0; padding:0; font-size:12px; overflow: hidden; text-align: center;}
.a_2 .miniright p a { margin:0; padding:0; display:block; }	
	
.e_1 {margin:0; padding:0 20px;}
.e_1 .sheetbox .box{display: flex; flex-wrap: wrap; justify-content:space-between; margin:0 0 15px 0;}
.e_1 .sheetbox .box .img{width:100%; margin:20px 0;}
.e_1 .sheetbox .box .cont{width:100%;}
.e_1 .sheetbox {margin:0 0 20px 0; padding:0;}
.e_1 .sheetbox p{margin:0 0 5px 0;}
.e_1 .sheetbox a{color:#00561f; font-size:16px; margin:0 0 10px 0; line-height: 2em;}
.e_1 .sheetbox p span {font-weight:normal; margin:0;}
	
}