@charset "utf-8";

@import url("https://fonts.googleapis.com/earlyaccess/hannari.css");
/*PC
====================*/
@media only screen and (min-width: 961px) {
	.sp {
		display: none;
	}
	.g_nav .sub-menu {
		display: none;
	}
}

@media only screen and (max-width: 960px) {
	/*ここから====================*/

	/*見出しサイズ
====================*/
	h1 {
		font-size: 1.6rem;
		font-weight: normal;
	}
	h2 {
		font-size: 1.4rem;
		font-weight: normal;
	}
	h3 {
		font-size: 1rem;
		font-weight: normal;
	}
	h4 {
		font-size: 0.9rem;
		font-weight: normal;
	}
	h5 {
		font-size: 0.8rem;
		font-weight: normal;
	}
	h6 {
		font-size: 0.6rem;
		font-weight: normal;
	}
	p {
		font-size: 1rem;
	}

	html {
		font-size: calc(100vw / 32);
	}
	body {
		position: relative;
		width: 100%;
		min-width: 100%;
	}
	.sp,
	.sp_up {
		display: block !important;
	}
	.pc,
	.pc_up {
		display: none !important;
	}

	/*共通*/

	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.inner {
		width: 100% !important;
		padding: 0;
	}
	.L_box,
	.R_box {
		width: 100% !important;
		float: none;
	}
	.fix_btn {
		display: none;
	}
	.sns_box {
		position: static;
		width: 100%;
		height: auto;
		padding: 1.5625vw;
		text-align: center;
		background: url(img/ic_bg.png);
	}
	.sns_box a {
		display: inline-block;
		margin: 0 1.5625vw;
	}
	.fl {
		float: none;
	}
	.fr {
		float: none;
	}

	.read {
		font-size: 0.9rem;
		margin-left: 0.78125vw;
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ヘッダー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.header-wrap {
		position: relative;
		z-index: 9999;
	}
	#upper {
		position: fixed;
		width: 100%;
		min-width: initial;
		height: 17.5vw;
		z-index: 9999;
		background: rgba(0, 0, 8, 1);
		overflow: visible;
	}
	#upper .inner {
		position: relative;
		height: 17.5vw;
		margin: 0 auto;
	}

	#upper h1 {
		position: absolute;
		top: 2.1875vw;
		left: 0;
		right: 0;
		margin: auto;
		width: 45vw;
		height: 12.5vw;
		float: none;
	}
	#upper h1 img {
		width: 100%;
		height: auto;
	}

	#upper .rBox {
		float: none;
		width: 100%;
	}

	#upper .rBox h1 {
		padding-right: 0;
		text-align: left;
	}
	#upper .hBox {
		position: absolute;
		top: 17.5vw;
		right: 0;
		float: none;
		padding: 0 0 0;
		width: 123px;
	}
	#upper .hBox .sns li {
		padding-left: 0;
		padding-right: 1.875vw;
		float: right;
	}
	#upper .reservation {
		position: fixed;
		left: 0;
		top: 17.5vw;
		width: 11.7185vw;
		z-index: 100;
	}
	#upper .reservation img {
		width: 100%;
		height: auto;
	}

	/* header3 */
	.p3_haed {
		position: fixed !important;
		z-index: 9999;
	}
	.p3_haed .inner {
		position: relative;
		width: 100% !important;
		height: auto;
	}
	.p3_haed .obi {
		position: fixed;
		height: auto;
		z-index: 9999;
	}

	.p3_haed .hBox3 {
		position: absolute;
		top: 17.5vw;
		left: auto;
		right: 0;
	}

	.p3_haed .sns {
		position: absolute;
		top: calc(17.5vw + 35px);
		right: 0px;
	}
	.p3_haed .sns li {
		padding-left: 0;
		padding-right: 1.875vw;
		float: right;
	}

	#i_catch {
		margin-top: 17.5vw;
		width: 100%;
		height: 37.5vw;
		background-position: center center;
		background-size: cover;
		z-index: -1;
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ハンバーガー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: absolute;
		top: 3.125vw;
		right: 3.28125vw;
		width: 10.9375vw;
		height: 10.9375vw;
		padding: 0 1.5625vw;
		text-align: center;
		background: #141414;
		z-index: 9999;
	}
	.menu-trigger p {
		position: absolute;
		bottom: 4px;
		left: 0;
		right: 0;
		margin: auto;
		color: #fff;
		font-family: "Raleway", sans-serif;
		font-size: 1rem;
		line-height: 1;
		width: 100%;
		text-align: center;
		letter-spacing: 0.03em;
	}
	.trigger_wrap {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.trigger_wrap span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #fff;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 1.875vw;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 3.75vw;
	}
	.menu-trigger span:nth-of-type(3) {
		top: 5.625vw;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(1.875vw) rotate(-315deg);
		transform: translateY(1.875vw) rotate(-315deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-1.875vw) rotate(315deg);
		transform: translateY(-1.875vw) rotate(315deg);
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ナビ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	/*#g_nav .inner {
	height:calc(100vh - 17.5vw);
	z-index:9999;
	position: absolute;
}
.g_nav-area {
	width:100%;
	height:calc(100vh - 17.5vw);
	z-index:9999;
}*/
	#g_nav {
		margin: 0;
		display: none;
		position: absolute;
		top: 17.5vw;
		width: 100%;
		height: calc(100vh - 17.5vw);
		overflow: auto;
		padding: 0;
		z-index: 9999;
		background: rgba(255, 255, 255, 0.95);
	}
	.g_nav-area {
		width: 100%;
	}
	/*親のul*/
	#g_nav .g_nav_menu {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
		text-align: left;
		float: none;
	}
	/*親のli*/
	#g_nav .g_nav_menu li {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		padding: 4.84375vw 4.6875vw 5.3125vw;
		padding-right: 0;
		margin: 0;
		letter-spacing: normal;
		text-align: left;
		border-bottom: 1px dotted #dddddd;
		background: none;
		float: none;
	}
	#g_nav .g_nav_menu li:last-child {
		margin-right: 0;
		padding: 5.625vw 4.6875vw;
	}
	#g_nav .g_nav_menu li.has-child.active {
		padding-bottom: 0;
	}

	#g_nav .g_nav_menu li a {
		font-size: 1.2rem;
		width: 100%;
		height: 100%;
		display: block;
		text-indent: 0;
		background: none !important;
	}
	/*子のul*/
	#g_nav .g_nav_menu li .sub-menu {
		position: static;
		display: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		padding: 4.6875vw 0 0;
		/*margin-left:7.8125vw;*/
		-webkit-transition: auto;
		transition: auto;
		background: none;
	}
	/*子のli*/
	#g_nav .g_nav_menu li .sub-menu li {
		display: block;
		padding: 4.84375vw 4.6875vw 5.3125vw;
		margin: 0 0 1.5625vw;
		text-align: left;
		overflow: hidden;
		background: none;
	}
	#g_nav .g_nav_menu li .sub-menu li:last-child {
		border: none;
	}

	/*ボタン*/
	#g_nav .g_nav_menu .has-child .btn-icon,
	#g_nav .g_nav_menu .has-grand .btn-icon,
	#g_nav .g_nav_menu .has-grand .children .has-grand .btn-icon {
		position: absolute;
		right: 0;
		top: 4.5vw;
	}
	#g_nav .g_nav_menu .has-child .btn-icon::before,
	#g_nav .g_nav_menu .has-grand .btn-icon::before {
		content: "\f48a";
		position: absolute;
		top: 50%;
		right: 3.125vw;
		margin-top: -1.5625vw;
		cursor: pointer;
		font-family: ionicons;
		font-size: 2rem;
		z-index: 10;
	}
	#g_nav .g_nav_menu .has-child.active .btn-icon::before,
	#g_nav .g_nav_menu .has-grand.active .btn-icon::before {
		content: "\f463";
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
フッター
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

	/* banner */

	.comLink {
		margin: 9.375vw auto 14.0625vw;
		padding-left: 0;
		width: 100%;
		text-align: center;
	}

	.comLink li {
		margin: 0;
		float: none;
	}
	.comLink li:not(:last-child) {
		margin-bottom: 4.6875vw;
	}

	#under {
		padding-top: 18px;
	}

	#under .inner {
		padding-left: 0;
	}

	#under .inner .lBox {
		float: none;
		width: 100%;
	}

	#under .inner .lBox .fLogo {
		margin-right: 0;
	}

	#under .inner .lBox .fNavi {
		display: none;
	}

	#under .inner .lBox .fNavi li {
		padding-left: 6px;
	}

	#under .inner .lBox .fNavi li:first-child {
		padding-left: 0;
	}

	#under .inner .lBox .fNavi li a {
		font-size: 14px;
	}

	#under .inner .lBox .btmBox .fLogo {
		float: none;
		width: 37.1875vw;
		margin: auto;
	}
	#under .inner .lBox .btmBox .fLogo img {
		width: 100%;
		height: auto;
	}

	#under .inner .lBox .btmBox p {
		margin: 4.6875vw auto;
		float: none;
		display: inline-block;
		width: auto;
		font-size: 1.1rem;
		line-height: 1.5;
		text-align: left;
	}
	#under .inner .lBox .btmBox p a {
		color: #fff;
	}

	#under .inner .lBox .btmBox ul {
		float: none;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: auto;
	}
	#under .inner .lBox .btmBox .sns li {
		margin: 0 5vw;
	}

	#under .inner .reservation {
		background: url(img/f_link_bg.png) no-repeat;
		background-size: cover;
		width: 90.625%;
		height: 25vw;
		margin: auto;
		margin-top: 6.25vw;
		margin-bottom: 6.25vw;
		padding-right: 0;
		float: none;
		text-align: center;
	}
	#under .inner .reservation a {
		display: block;
		width: 190px;
		line-height: 25vw;
		margin: 0 auto;
	}
	#under .inner .reservation a img {
		vertical-align: middle;
	}

	#under .fBox {
		padding: 4px 0 100px;
		background: url(img/bg1.jpg) repeat left top;
	}

	#under .fBox .inner {
		margin: 0 auto;
		width: 650px;
	}

	#under .fBox .fLink {
		float: none;
		width: 100%;
		margin: 5vw 0;
	}

	#under .fBox .fLink li {
		display: inline;
		font-size: 1rem;
	}

	#under .fBox .fLink li a {
		color: #141414;
	}

	#under .fBox .copyright {
		float: none;
		width: 100%;
		font-size: 1rem;
		line-height: 1.8;
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
サイドバー
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	#side_bar {
		float: none;
		width: 100%;
	}
	#secondary aside {
		padding: 4.6875vw 0;
		border-top: none;
	}

	#secondary aside.widget_media_image {
		width: calc(100% - 6.25vw);
		height: auto;
		margin: 0 auto 3.125vw;
	}
	#secondary aside.widget_media_image img {
		width: 100%;
		height: auto;
	}
	#secondary aside#search-2 {
		padding: 0 0 3.125vw;
		margin-bottom: 0px;
		background: none;
	}
	#secondary aside p a {
		display: block;
		text-align: center;
	}
	#secondary aside p a img {
		width: auto;
		margin: 3.125vw auto 0;
	}

	#side_bar li {
		width: 100%;
		padding: 0 0 0 1.5625vw;
		list-style-type: none;
		font-size: 1.2rem;
	}
	#side_bar li a {
		padding: 3.125vw 0;
		display: block;
	}
	#side_bar .widget-title {
		padding: 1.5625vw 0;
		font-weight: bold;
		text-align: center;
		border-top: 1px solid #252525;
		border-bottom: 1px solid #252525;
	}
	#side_bar .widget-title:before {
		content: none;
	}
	.bnr1,
	.bnr2 {
		margin: 0 0 5vw;
	}

	#keywords2 {
		height: 8.125vw;
	}
	#keywords2:placeholder-shown {
		font-size: 1rem;
	}
	#searchBtn2 {
		cursor: pointer;
		position: absolute;
		top: 0px;
		right: 0px;
		box-sizing: border-box;
		color: #000;
		font-family: ionicons;
		font-size: 2.5rem;
		width: 8.125vw;
		height: 8.125vw;
		padding: 0;
		background: none;
	}

	#secondary ul {
		width: 100%;
		padding: 0 3.125vw 0;
		margin: 0 auto;
	}
	#secondary li {
		position: relative;
	}
	#secondary li a {
		display: block;
		padding: 3.125vw 0 3.125vw 6.25vw;
		font-size: 1.2rem;
		letter-spacing: 1px;
	}
	#secondary ul li:before {
		content: url(img/ic_blog.png);
		position: absolute;
		top: 3.28125vw;
		margin-right: 3px;
	}

	#secondary aside .has-child .children {
		display: none;
	}

	/*ボタン*/
	#secondary aside .has-child .btn-icon,
	#secondary aside .has-grand .btn-icon,
	#secondary aside .has-grand .children .has-grand .btn-icon {
		position: absolute;
		right: 0;
		top: 4vw;
	}
	#secondary aside .has-child .btn-icon::before,
	#secondary aside .has-grand .btn-icon::before {
		content: "\f48a";
		position: absolute;
		top: 50%;
		right: 3.125vw;
		margin-top: -1.5625vw;
		cursor: pointer;
		font-family: ionicons;
		font-size: 2rem;
		z-index: 10;
	}
	#secondary aside .has-child.active .btn-icon::before,
	#secondary aside .has-grand.active .btn-icon::before {
		content: "\f463";
	}

	/*===================================
検索フォーム
===================================*/
	#searchform2 {
		width: 70%;
		position: relative;
		margin: auto;
	}
	#keywords2 {
		width: calc(100% - 4.6875vw);
		height: auto;
		background: #fff;
		padding: 1.875vw;
		margin-bottom: 4.6875vw;
		border: 1px solid rgb(37, 37, 37);
		color: rgb(51, 51, 51);
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ページ毎
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.page-template-default .inner,
	.error404 .inner,
	#page_area .inner {
		position: relative;
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.w800 {
		width: 100%;
		margin: 0 auto;
	}
	#page_area,
	#blog_area,
	#products_area {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding: 0 0 0;
		overflow: hidden;
	}
	.single #blog_area {
		padding-top: 10vw;
		overflow: visible;
	}
	.single #blog_cont,
	.single .blog_box {
		overflow: visible;
	}
	.single #blog_area .inner {
		padding-top: 0;
	}

	#page_cont,
	#blog_cont,
	#container,
	.page_cont {
		float: none;
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 3.125vw;
		margin: 0 auto 7.8125vw;
	}
	#page_title {
		font-size: 2rem;
		padding: 6.25vw 0 6.25vw;
		margin: 0vw;
		background-size: auto 70%;
	}
	#page_cont h1 {
		padding: 4.6875vw 0;
		margin-bottom: 0;
	}
	.blog_box {
		overflow: hidden;
		padding: 0 0 7.8125vw;
		margin-bottom: 0;
	}
	/* Youtube 埋め込み */
	.movie-wrap {
		position: relative;
		margin: 2.34375vw 0;
		padding-bottom: 56.25%;
		padding-top: 4.6875vw;
		height: 0;
		overflow: hidden;
	}
	.movie-wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.single p img,
	#page_area #page_cont p img {
		width: 100%;
		height: auto;
	}
	#page_area #page_cont p img.w-auto {
		width: auto;
		height: auto;
		margin-top: 1.5625vw;
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ブログA　アーカイブ
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.blog_entry {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 2.5vw;
		padding-bottom: 1.5625vw;
		margin-bottom: 0;
	}

	.blog_entry h1 {
		position: relative;
		padding: 1.5625vw;
		margin-bottom: 1.875vw;
		line-height: 1.4;
		font-size: 1.5rem;
		font-weight: normal;
	}

	.day_entry {
		display: inline-block;
		font-size: 0.9rem;
		letter-spacing: 1px;
		margin-right: 0;
	}
	.day_entry {
		/*日付*/
		position: absolute;
		top: -4.6875vw;
		left: 0;
	}
	.cat_entry {
		/*カテゴリー*/
		padding: 3.75vw 0 0;
	}
	.cat_entry a {
		display: inline-block;
		font-size: 0.8rem;
		font-weight: normal;
		padding: 0.46875vw 1.5625vw;
		margin: 0 5vw 5vw 0;
	}
	.blog_text {
		/*投稿記事*/
		padding: 0;
	}
	.blog_text .thum1 {
		width: 23.4375vw;
		height: 23.4375vw;
		margin-right: 1.5625vw;
	}
	.blog_text .thum1 img {
		width: 100%;
		height: auto;
	}
	.archive_p {
		float: none;
		width: auto;
		line-height: 1.6;
	}

	.blog_text .more {
		position: static;
		clear: both;
		width: 100%;
		display: block;
		padding: 2.34375vw 0;
		font-size: 1rem;
	}
	.blog_text .more a {
		color: #fff;
		display: block;
		width: 100%;
		padding: 1.875vw 0 2.5vw;
		text-align: center;
		background: #375c69;
	}

	.blog_entry2 {
		float: left;
		width: 215px;
		height: 300px;
		padding: 0px 0px;
		margin: 0px 9px 20px;
		overflow: hidden;
	}
	.blog_entry2 {
		float: none;
		width: 100%;
		height: auto;
		padding: 0px 0px;
		margin: 0px 0 5.9375vw;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.blog_thum {
		width: 46.875vw;
		height: auto;
		margin-bottom: 0;
		background: none;
	}
	.blog_info {
		padding-left: 2.34375vw;
	}
	.blog_tiday h1 {
		font-size: 1.2rem;
		margin-bottom: 0.78125vw;
		background: none;
		padding: 0;
	}
	.blog_tiday p {
		font-size: 1rem;
		margin-bottom: 0.78125vw;
	}

	.blog_area {
		height: auto;
		font-size: 1rem;
	}
	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
		width: 48%;
	}
	#jp-relatedposts .jp-relatedposts-items-visual {
		margin-right: 0px;
	}
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
		padding-right: 0;
	}
	#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:not(:nth-of-type(2n)) {
		margin-right: 4%;
	}

	/*====================================================================================================
商品紹介(ブログB)
====================================================================================================*/
	/*ブログの枠(外)*/
	#products_area {
		padding: 0 0px 0px;
	}

	/*ブログの枠(内)*/
	#products_cont {
		width: 100%;
		float: none;
		padding: 0 3.125vw 4.6875vw;
	}

	#products_area figure {
		width: 48%;
		margin: 0 3% 8% 0;
		height: auto;
		float: left;
		overflow: hidden;
		background: #fff none repeat scroll 0% 0%;
		text-align: center;
	}
	#products_area figure:nth-child(2n) {
		margin-right: 0;
	}

	#products_area figure img {
		position: relative;
		width: auto;
		height: 100%;

		/*top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);*/
	}
	#products_area figcaption {
		position: relative;
		bottom: auto;
		left: auto;
		z-index: 0;
		width: 100%;
		height: auto;
		-webkit-transition: height 0.5s linear;
		transition: height 0.5s linear;
		opacity: 1;
		background: rgba(255, 255, 255, 1);
	}
	#products_area figcaption h3 {
		text-align: center;
		padding: 0px 10px;
		margin: 30px 0px;
		color: #333;
	}
	#products_area figure:hover figcaption {
		bottom: auto;
		left: auto;
		height: auto;
		opacity: 1;
		z-index: 50; /**/
	}
	#products_area figcaption h3 {
		padding: 0;
		margin: 3.125vw 0 0;
	}
	#products_area figure img {
		position: relative;
		top: 0%;
		left: 0%;
		width: 100%;
		height: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
ブログB　SINGLE
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

	.single .blog_text img {
		width: 100%;
		height: auto;
	}
	.single .blog_text .wp-caption {
		width: 100% !important;
	}
	.posi2 {
		font-size: 0;
	}
	.posi2 p {
		display: inline-block;
		width: 25%;
		height: auto;
		overflow: hidden;
		margin: 0;
	}
	.posi2 p img {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	/*HP AREA
==================================================*/

	#hp_area {
		margin-bottom: 12.5vw;
	}
	#hp_area .hp_L {
		float: none;
		width: 100%;
		padding-left: 0px;
		margin-bottom: 30px;
	}
	#hp_area .hp_R {
		float: none;
		width: 100%;
		padding-right: 0px;
		margin-bottom: 30px;
		overflow: hidden;
	}
	#hp_area .hp_C .hpa {
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 7px 0 5px 0px;
	}

	/* 割引券プレゼント
=================================*/

	#page_area table {
		width: 100% !important;
		height: auto !important;
		margin: 0 auto 4.6875vw;
		table-layout: fixed;
	}

	#page_area table td {
		display: block;
		width: 100% !important;
	}
	#page_area table tr td:first-child {
		padding: 3vw 0 0;
	}
	#page_area table tr td:last-child {
		padding: 0 0 3vw;
		border-bottom: 1px solid #ccc;
	}
	#page_area table td span {
		font-size: 1.2rem !important;
	}

	/*ページナビ
====================*/
	.wp-pagenavi {
		width: 100%;
		clear: both;
		display: block;
		overflow: hidden;
		padding: 5vw 0;
		margin: 0;
		text-align: center;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		display: inline-block;
		padding: 1.25vw 1.875vw;
		margin: 2.5vw;
		font-size: 1rem;
	}

	/*プライバシーポリシー
===================================*/
	.privacy h4 {
		font-size: 1.2rem;
		font-weight: bold;
	}
	.privacy p {
		font-size: 1.1rem;
		margin-bottom: 3.125vw;
	}

	/*メールフォーム(#mailformで囲む)
====================*/
	#mailform_box {
		width: 100%;
		padding: 0 3.125vw;
		font-size: 0.9rem;
	}
	#mailform_box table,
	#mailform_box tbody,
	#mailform_box tr,
	#mailform_box th,
	#mailform_box td {
		display: block;
		width: 100%;
	}
	#mailform_box textarea {
		width: 100%;
		height: 31.25vw;
		font-size: 0.9rem;
	}
	#mailform_box input[type="text"],
	#mailform_box input[type="email"],
	#mailform_box input[type="tel"],
	#mailform_box select {
		width: 100%;
		height: 30px;
		box-sizing: border-box;
		padding: 5px;
		border-radius: 0;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	/*特定商取引法に基づく表記
=================================*/
	#tablepress-1 td {
		display: block;
		width: 100%;
	}
	#tablepress-1 td + td {
		width: 100%;
	}

	/*特定商取引法に基づく表記
===================================*/
	#tablepress-1 {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #ddd;
	}
	#tablepress-1 td {
		padding: 1.5625vw;
		vertical-align: middle;
		box-sizing: border-box;
	}
	#tablepress-1 .column-1 {
		width: 100%;
		background: #eee;
	}

	/*trip検索*/
	.tripla_box {
		top: 46.875vw;
		left: -2px;
		width: 11.7185vw;
		height: auto;
	}

	.tripla_box .txt {
		display: block;
		cursor: pointer;
		font-size: 1.4rem;
		padding: 2.5vw;
	}
	.tripla_box .btn {
		display: none;
		position: fixed;
		top: calc(100% - 30vw);
		left: 0;
		right: 0;
		margin: auto;
		width: 20vw;
		height: 8vw;
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
		padding: 1.1vw 0 0 0;
		z-index: 1000100;
	}
	.tripla_box .btn.showUp {
		display: block;
	}
	.tripla_box > div {
		display: none;
		position: fixed;
		top: 20vw;
		left: 0;
		right: 0;
		margin: auto;
		width: 90vw;
	}

	/*ここまで====================*/
} /*END media*/