@charset "UTF-8";
/*
Theme Name: style202
*/


/* reset */
@import url("reset.css");

.for-pc { display:block; }
.for-sp { display:none; }

@media only screen and (max-width : 600px){
  .for-pc { display:none; }
  .for-sp { display:block; }
}

/* HTML --------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
}

/* ボディ --------------------------------------------------------------- */
body {
	width: 100%;
	font-size: 16px;
	font-family: "YuGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	word-wrap: break-word;
	letter-spacing: 1px;
	}

/* ヘッダー ------------------------------------------------------------ */
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
	background-color: #000000;
}

header div.header_wrap {
	width: 100%;
/*	height: 90px;*/
	height: 80px;
	overflow: hidden;
	position: fixed;
	z-index: 9999;
	background-color: #000000;
}

header div.header_wrap h1#logo {
    position: absolute;
	font-size: 1.125rem;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	left: 50px;
	top: 30px;
}

header div.header_wrap h1#logo a {
	color: #fff;
}

header div.header_wrap h1#logo a:hover {
	opacity: 0.5;
}

header div.header_wrap nav#gnav {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 0;
}

header div.header_wrap nav#gnav ul {
    display: inline-block;
    text-align: right;
    font-size: 0;
}

header div.header_wrap nav#gnav ul li {
    display: inline-block;
    margin-left: 20px;
	color: #fff;
	font-size: 1.125rem;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
}

header div.header_wrap nav#gnav ul li {
    display: inline-block;
    margin-left: 20px;
	color: #fff;
	font-size: 1.125rem;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
}

header div.header_wrap nav#gnav a:hover {
	opacity: 0.5;
}
.nav_content {
	display: none;
}

#drawer_input {
	display: none;
}

/* トップイメージ ------------------------------------------------------------ */
.topimage {
	width: 100%;
	padding-top: 80px;
}
	
/* slick ------------------------------------------------------------ */
.slick-outer {
	position: relative;
}

.slick-outer a:hover {
	opacity: 1;
	
}

.slick-content {
	position: absolute;
	top: 45%;/*50%*/
	left: 5%;
/*	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);*/
	z-index: 150;
	color: #fff;
/*	img{width: 100%;}*/
	margin: 0 10px;
	padding: 0;
}

.slick-content h2 {
	margin: 0;
	padding: 0;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-size: 1.75rem;/*32px*/
	color: #fff;
}

.slick-content .details-box {
    margin: 1.5em 0 0 0;
	background-color: #000000;
    font-weight: bold;
	width: 140px;
	height: 40px;
	display:table;
	text-align: center;
}

.slick-content .details-box p {
	font-size: 0.875rem;/*15px*/
	font-weight: 500;
	display:table-cell;
	vertical-align:middle;
}

.slick-content .details-box a {
	color: #fff;
	text-align: center;
}

.slick-content .details-box a:hover {
	color: #000;
	background-color: #fff;
	width: 140px;
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	opacity: 1;
}

.slick-dots {
    bottom: 25px !important;
}

.slick-dots li button
{
    font-size: 0!important;
    line-height: 0!important;
    display: block!important;
    width: 15px!important;
    height: 15px!important;
    padding: 5px!important;
    cursor: pointer!important;
    color: transparent!important;
    border: 0!important;
    outline: none!important;
    background: transparent!important;
	color: #fff!important;
}

.slick-dots li 
{
    width: 15px!important;
    height: 15px!important;
}



.slick-dots li button:hover{
	color: #fff!important;
	
}
.slick-dots li.slick-active button:before
{
    color: white!important;
}

.slick-next {
 display:none!important;
}



/* ページ共有 ------------------------------------------------------------ */
.container {
	width: 1339px;
	height: 100%;
	margin: 0 auto;
	clear: both;
}

/* カミングスーンのみあ*/
.container-coming {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	clear: both;
}

.coming-wrap {
	width: 500px;
	height: 180px;
	margin: 0 auto;
	padding: 190px 0 100px 0;
}

.coming-wrap p {
	color: #000;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	margin-top: 50px;
}
.container-coming h1 {
	margin: 0 auto;
}

/* トップページ ------------------------------------------------------------ */
/* recommend */
.recommend {
	width: 100%;
	height: 100%;
	margin: 140px auto 0 auto;	
	text-align: center;
}

.recommend h2 {
	color: #000;
	font-size: 30px;
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.recommend h3 {
	color: #000;
	font-size: 12px;
}

.recommend_wrap {
	margin-top: 80px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 107px;
	justify-content:start;
}

.recommend-box {
	font-family: futura-pt, sans-serif;
}

.recommend01 {
	width: 375px;
	height: 375px;
	background-image: url("../images/recommend01-off.jpg");
	margin-bottom: 20px;
}

.recommend01:hover {
	width: 375px;
	height: 375px;
	background-image: url("../images/recommend01-on.jpg");
	margin-bottom: 20px;
	
}

.recommend02 {
	width: 375px;
	height: 375px;
	background-image: url("../images/recommend02-off.jpg");
	margin-bottom: 20px;
}

.recommend02:hover {
	width: 375px;
	height: 375px;
	background-image: url("../images/recommend02-on.jpg");
	margin-bottom: 20px;
}

.recommend03 {
	width: 375px;
	height: 375px;
	background-image: url("../images/recommend03-off.jpg");
	margin-bottom: 20px;
}

.recommend03:hover {
	width: 375px;
	height: 375px;
	background-image: url("../images/recommend03-on.jpg");
	margin-bottom: 20px;
}
.recommend-itemname {
	font-size: 18px;
	font-weight: 700;
}

.recommend-sex {
	font-size: 18px;
	font-weight: 700;
}

.recommend-price {
	font-size: 18px;
	font-weight: 700;	
}

.veiwmore-box {
    margin: 2em auto 0 auto;
    font-weight: bold;
    border: solid 1px #000000;
	width: 140px;
	height: 40px;
	display:table;
}

.veiwmore-box p {
	font-size: 15px;
	font-weight: 500;
	display:table-cell;
	vertical-align:middle;
}

.veiwmore-box a {
	color: #000;
}

.veiwmore-box a:hover {
	color: #fff;
	background-color: #000;
	width: 140px;
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	opacity: 1;
}

.shopmore-box {
    margin: 100px auto 0 auto;
    font-weight: bold;
    border: solid 1px #000000;
	width: 140px;
	height: 40px;
	display:table;
}

.shopmore-box2 {
	margin: 100px auto 0 auto;
    border: solid 1px #000000;
	width: 140px;
	height: 40px;
	display:table;
	background: #fff;
}

.shopmore-box p {
	font-family: futura-pt, sans-serif;
	font-size: 15px;
	font-weight: 500;
	display:table-cell;
	vertical-align:middle;
}
.shopmore-box2 p {
	font-family: futura-pt, sans-serif;
	font-size: 0.875rem;/*15px*/
	font-weight: 400;
	display:table-cell;
	vertical-align:middle;
	color: #000;
}

.shopmore-box a {
	color: #000;
}
.shopmore-box2 a {
	color: #000;
}
.shopmore-box2 a:hover {
	color: #fff;
	background-color: #000;
	width: 140px;
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	opacity: 1;
}
.shopmore-box2 p:hover {
	color: #fff;
	background-color: #000;
	width: 140px;
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	opacity: 1;
}

/* news */
.news {
	width: 1339px;
	height: 100%;
	margin: 50px auto 0 auto;	
	text-align: center;
/*	padding-top: 90px;*/
	padding-top: 180px;
	margin-top: -20px;
}

.news h2 {
	color: #000;
	font-size: 1.75rem;/*40px*/
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.news h3 {
	color: #000;
	font-size: 0.875rem;
	margin-top: 15px;
}

.news_wrap {
	margin-top: 80px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 53px;
	justify-content:start;
}

.news-box {
/*     position: relative;*/
  /*  width: 100%;*/  /* 幅を親要素に合わせる */
/*    overflow: hidden;*/ /* はみ出した部分を隠す */

}

.news-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像のアスペクト比を維持し、すべて表示 */
}

.news-box a:hover {
	opacity: 0.5;
}

.news-box a:hover .news-textbox2 {
    background-color: #000; /* 背景色を黒に */
    color: #fff; /* テキスト色を白に */
}

.news-box a:hover .news-textbox3 {
    background-color: #000; /* 背景色を黒に */
    color: #fff; /* テキスト色を白に */
}

.news-textbox {
    padding: 15px;
    text-align: left;
/*    border-bottom: 1px solid #000;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #000;
    color: #fff;/*#000*/
}
/*.news-textbox a:hover {
	text-align: left;
	color: #fff;
	opacity: 0.5;
}*/
.news-box a:hover .news-textbox2 .newsbox-category {
    color: #847F7F; /* 内部のテキスト色をグレーに */
}

.news-box a:hover .news-textbox2 .newsbox-title2{
    color: #fff; /* 内部のテキスト色を白に */
}

.news-box a:hover .news-textbox2 .newsbox-date2 {
   color: #847F7F; /* 内部のテキスト色をグレーに */
}

.news-box a:hover .news-textbox2 .newsbox-category {
    color: #847F7F; /* 内部のテキスト色をグレーに */
}

.news-box a:hover .news-textbox2 .newsbox-title3{
    color: #fff; /* 内部のテキスト色を白に */
}

.news-box a:hover .news-textbox2 .newsbox-date3 {
   color: #847F7F; /* 内部のテキスト色をグレーに */
}


.news-textbox2 a:hover {
/*	padding: 30px 20px;*/
	text-align: left;
	background-color: #000;
	color: #fff;
	opacity: 1;
/*	font-size: 18px;*/
	font-weight: 500;
}
.newsbox-category {
/*	font-size: 18px;
	font-weight: 700;*/
	font-family: futura-pt, sans-serif;
	font-size: 0.8rem;
	color: #847F7F;
/*	line-height: 2.5rem;*/
}

.newsbox-category2 {
/*	font-size: 18px;
	font-weight: 700;*/
	font-family: futura-pt, sans-serif;
	color: #847F7F;
/*	line-height: 2.5rem;*/
}

.news-textbox .newsbox-title {
/*	font-size: 18px;
	font-weight: 700;*/
	font-size: 0.875rem;
	color: #fff;
	margin: 5px 0;
/*	line-height: 2.5rem;*/
}

.news-textbox a:hover .newsbox-title {
/*	font-size: 18px;
	font-weight: 700;*/
	color: #fff;
/*	line-height: 2.5rem;*/
}

.newsbox-date {
/*	font-size: 18px;*/
	font-family: futura-pt, sans-serif;
	font-size: 0.8rem;
	color: #847F7F;	
/*	line-height: 2.5rem;*/
}

.news-img {
    width: 100px;
	color: #000;
}

/*.newsbox-title {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 2.5rem;
}*/

.newsbox-title2 {
	text-align: left;
	color: #000;
	font-size: 0.875rem;
	font-weight: 700;
	margin: 5px 0;
}

.newsbox-title2 a:hover{
	text-align: left;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.newsbox-title3 a:hover{
	text-align: left;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.thumbnail-wrapper {
    max-width: 676px; /* 最大表示領域を676pxに設定 */
    margin: 20px auto 0 auto; /* 親要素に対して中央配置 */
    overflow: hidden; /* はみ出した部分を隠す */
    position: relative; /* 中央配置のために相対位置を設定 */
    aspect-ratio: 3 / 2; /* 3:2のアスペクト比を維持 */
    background-color: #000; /* 画像外の領域の背景色 */
}

.thumbnail-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
	object-fit: cover;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.about {
	width: 100%;
	margin: 50px auto 0 auto;
	display: flex;
/*	padding-top: 90px;*/
	padding-top: 200px;
	margin-top: -20px;
}

.about-textbox {
	width: 560px;
	margin-right: 109px;
}

.about h2 {
	color: #000;
	font-size: 1.75rem;/*30px*/
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 20px;
}

.about p {
	color: #000;
	font-size: 0.875rem;/*16px*/
	text-align: left;
/*	line-height: 2.4rem;*/
	line-height: 3.0rem;	
}

.about-photobox {
	width: 670px;
/*	height: 641px;*/
	height: 520px;
	overflow: hidden;
}

.about-photobox img {
	transition: 1s all;
}

.about-photobox img:hover {
	transform: scale(1.5,1.5);
	transition: 1.5s all;
}

/* store */
.store {
	width: 100%;
	margin: 50px auto 0 auto;	
	padding-top: 90px;
	overflow : hidden;
	padding-bottom: 70px;
}

.store-textbox {
	width: 480px;
	float: left;
	margin:0 auto;
}

.store h2 {
	color: #000;
	font-size: 1.75rem;/*40px*/
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
}

.store h3 {
	color: #000;
	font-size: 0.875rem;/*16px*/
	text-align: center;
	padding-bottom: 70px;
	margin-top: 15px ;
}

.store h4{
	color: #000;
	font-size: 1.5rem;/*30px*/
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	margin-bottom: 50px;
}

.store-map {
	width: 740px;
	float: right;
}

.store-photo {
	padding-bottom: 150px;
	padding-top: 560px;
	margin:0 auto;
}

.store dl {
  display: flex;
  flex-wrap: wrap;
}

.store dl dt {
	width: 35%;
	font-size: 0.875rem;/*16px*/
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	margin-bottom: 40px;/*30*/
}

.store dl dd {
	width: 65%;
	font-size: 0.875rem;/*16px*/
	font-family: futura-pt, sans-serif;
}

/* パンくずリスト ------------------------------------------------------------ */
.breadcrumb ul {
	display: flex;
	margin-top: 140px;/*120*/
	font-family: futura-pt, sans-serif;	
}

.breadcrumb ul li {
	line-height: 1rem;
	font-size :0.875rem ;
	display: flex;
}

.breadcrumb ul li a {
	color: #000000;
	display: flex;
}

.breadcrumb ul li a:hover {
	opacity: 0.5;
}

/* ニューストピックス ------------------------------------------------------------ */
.topics {
	width: 100%;
	height: 100%;
	margin: 0 auto;	
	padding-top: 40px;
	text-align: center;
}

.topics h2 {
	color: #000;
	font-size: 1.75rem;/*40px*/
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
}

.topics h3 {
	color: #000;
	font-size: 0.875rem;/*16px*/
	margin-top: 15px;
}

.topics-list {
	margin: 80px 0;
	font-family: futura-pt, sans-serif;	
	font-weight: 500;
	font-size: 1rem;
	text-align: center;
	align-items: center;
}

.topics-list ul {
    display: flex;
	width: 28%;
	margin: 0 auto;
	justify-content: center; /* 中央に配置 */	
}

.topics-list ul li {
	margin-left: 10px;
	margin-right: 10px;
}

.topics-list a {
	margin: 0;
	margin-left: 0px;
	color: #000;
	position: relative;
}

.topics-list a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000000;
	bottom: -3px;
	transform: scale(0, 1);
	transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
	transition: transform 0.3s;   /*変形の時間*/
}

.topics-list a:hover::after {
	transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}

.pager {
	width: 17%;
	margin: 80px auto;
	color: #000; 
}

.pager ul {
	display: flex;
	font-family: futura-pt, sans-serif;	
	font-weight: 500;
	font-size: 18px;
}

.pager ul li {
	width: 40px;
	line-height: 40px;
}

.news-dbox {
	width: 1339px;
	height: 100%;
	margin: 0 auto;	
	padding-top: 50px;
	text-align: center;
}

.news-dbox h2 {
	color: #000;
	font-size: 1rem;/*16px*/
	font-family: futura-pt, sans-serif;
	font-style: normal;
	line-height: 30px;
}

.news-dbox h3 {
	color: #000;
	font-family: futura-pt, sans-serif;
	font-size: 1.5rem;/*24px*/
	font-weight: 600;
	line-height: 30px;
}

.news-dbox h4 {
	color: #000;
	font-size: 1rem;/*16px*/
	font-family: futura-pt, sans-serif;
	font-style: normal;
	line-height: 30px;
	margin-bottom: 40px;
}

.news-detail {
	width: 676px;
	margin: 60px auto;
}

.news-detail p {
	font-size: 0.9375rem;
	text-align: justify;
}

.news-detailimg {
	width: 676px;
	margin: 60px auto;
}

.news-detail a {
	margin: 0;
	margin-left: 0px;
	color: #808080;
	position: relative;
	text-decoration: underline;
}

.news-detail a:hover {
	opacity: 0.5;
}


.news-information {
	width: 616px;
	padding: 30px;
	margin: 0 auto;
	background-color: #F7F7F7;
	text-align: left;
}

.news-informaiton h2 {
	color: #000;
	font-family: futura-pt, sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 40px;
}

.newstop-box {
    margin: 60px auto;
    font-weight: bold;
    border: solid 1px #000000;
	width: 140px;
	height: 40px;
	display: table;
}

.newstop-box p {
	font-family: futura-pt, sans-serif;
	font-size: 15px;
	font-weight: 500;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}

.newstop-box a {
	color: #000;
/*	margin-top: 10px;*/
	font-size: 0.875rem;
	line-height: 2.9;
}

.newstop-box a:hover {
	color: #fff;
	background-color: #000;
	width: 140px;
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	opacity: 1;
}

/* 問い合わせフォーム ------------------------------------------------------------ */
.contact-box {
	width: 1339px;
	height: 100%;
	margin: 0 auto;	
	padding-top: 50px;
}

.contact-box h2 {
	color: #000;
	font-size: 1.75rem;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.contact-box h3 {
	color: #000;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.contact-box p {
	text-align: left;
}

.thanks-box {
	width: 1339px;
	height: 100%;
	margin: 80px auto 120px auto;	
	padding-top: 30px;
}

.thanks-box h2 {
	color: #000;
	font-size: 1.75rem;/*16px*/
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.thanks-box h3 {
	color: #000;
	font-family: futura-pt, sans-serif;
	font-size: 0.875rem;/*24px*/
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.thanks-box p {
	text-align: center;
	margin: 40px 0;
	font-size: 16px;
}

.Form {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}

.Form-Item {
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}

.Form-Item:nth-child(5) {

}
.Form-Item-Label {
	width: 100%;
	max-width: 250px;
	letter-spacing: 0.05em;
	font-size: 15px;
	margin-right: 20px;
}

.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}

.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #545454;
  color: #fff;
  font-size: 14px;
}

.Form-Item-Input {
  border: 1px solid #ddd;
/*  margin-left: 40px;*/
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  min-width: 450px;
  background: #f7f7f7;
  font-size: 0.8rem;
}

.Form-Item-Textarea {
  border: 1px solid #ddd;
/*  margin-left: 40px;*/
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  min-width: 450px;
  background: #f7f7f7;
  font-size: 0.8rem;
}

.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #545454;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.send-box {
    margin: 40px auto 80px auto;
    border: 1px solid #ddd;
	width: 140px;
	height: 40px;
	display: table;
	background: #f7f7f7;
}

.send-box p {
	font-family: futura-pt, sans-serif;
	font-size: 15px;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}

.send-box a {
	color: #000;
	margin-top: 10px;
}

.send-box a:hover {
	color: #fff;
	background-color: #000;
	width: 140px;
	height: 40px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	opacity: 1;
}

/* フッター ------------------------------------------------------------ */
footer {
    width: 100%;
	background-color: #000000;	
	bottom: 0;
	clear: both;
}

footer div.footer_wrap {
	width: 1339px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding-top: 75px;
/*	padding-bottom: 35px;*/
}

footer div.footer_wrap nav#fnav {
	width: 106px;
	margin-right: 250px;
	float: left;
}

footer div.footer_wrap span {
	color: #fff;
	font-size: 0.875rem;/*15px*/
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
}

footer div.footer_wrap nav#fnav ul {
    display: inline-block;
    font-size: 0;
}

footer div.footer_wrap nav#fnav ul li {
	color: #fff;
	font-size: 1.125rem;/*1.25*/
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-top: 20px;
}

footer div.footer-online {
	width: 225px;
	margin-right: 260px;
	margin-top: 110px;
	float: left;
}

footer div.footer-online p {
	color: #fff;
	font-size: 1.5rem;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-top: 20px;
}

footer div.footer-contact {
	margin-right: 250px;
	margin-top: 80px;/*110px*/
	float: left;
}

footer div.footer-follow {
	margin-top: 80px;
	float: left;
}

ul.icon li {
    display: inline-flex;
	margin: 20px 20px 20px 0px;
}


footer div.pagetop {
	width: 1339px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
}

footer div.pagetop span {
	color: #fff;
	font-size: 15px;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: right;
	margin-right: 30px;
}

.wp-pagenavi {
	display: flex;
	font-family: futura-pt, sans-serif;	
	font-weight: 500;
	font-size: 1rem;
	text-align: center;
	margin-left: 24px;
	justify-content: center; /* 中央に配置 */
}

.wp-pagenavi a {
	color: #000000;
	font-family: futura-pt, sans-serif;	
	font-weight: 400;
	font-size: 1rem;/*18*/
	padding: 24px;
}

.wp-pagenavi nextpostslink {
    color: #000;
	font-family: futura-pt, sans-serif;	
	font-weight: 500;
	font-size: 40px;
	padding: 24px;
}
	
.wp-pagenavi span.current {
  color: #333;
	display: block;
	padding: 24px;
}

.wp-pagenavi a:hover {
	color: #77a0d1;
}


/* smartphone */
@media screen and (max-width:600px) {
/* ボディ --------------------------------------------------------------- */
	body {
	width: 100%;
	font-size: 16px;
	font-family: "YuGothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	word-wrap: break-word;
	letter-spacing: 1px;
	}

	.no-scroll {
	height: 100vh;
	overflow: hidden;
	}

	/* ハンバーガーメニューと他のスタイル */
	.nav_content {
	display: none;
	/* その他のメニュースタイル */
	}

	#drawer_input:checked ~ .nav_content {
	display: block; /* メニューが開かれたときに表示 */
	}

	.drawer_open span {
	/* ハンバーガーアイコンのスタイル */
	}
	
/* イメージ --------------------------------------------------------------- */
	img {
		width: 100%;
		height: auto;
	}

/* ヘッダー ------------------------------------------------------------ */
	header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: #000000;
	}

	header div.header_wrap {
		width: 100%;
		height: 57px;
		overflow: hidden;
		position: relative;
	}

	header div.header_wrap h1#logo {
		position: absolute;
		font-size: 0.9375rem;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		left: 20px;
		top: 20px;
	}

	header div.header_wrap h2#MENU {
		position: absolute;
		font-size: 0.9375rem;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		right: 60px;
		top: 20px;
		color: #fff;
		border-bottom: 2px solid #fff; /* 線の太さと色を指定 */
		display: inline-block; /* テキストにフィットするため */
	}

	header div.header_wrap h1#logo a {
		color: #fff;
	}

	header div.header_wrap h1#logo a:hover {
		opacity: 0.5;
	}

	header div.header_wrap nav#gnav {
		display: none;
	}

	header div.header_wrap nav#gnav ul {
		display: inline-block;
		text-align: right;
		font-size: 0;
	}

	header div.header_wrap nav#gnav ul li {
		display: inline-block;
		margin-left: 20px;
		color: #fff;
		font-size: 20px;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	/* チェックボックスを非表示にする */
	.nav {
		float: right;
	}

	.drawer_hidden {
		display: none;
	}

	/* ハンバーガーアイコンの設置スペース */
	.drawer_open {
		display: flex;
		height: 57px;
		width: 57px;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index: 100;/* 重なり順を一番上にする */
		cursor: pointer;
		left: 0;
	}

	/* ハンバーガーメニューのアイコン */
	.drawer_open span,
	.drawer_open span:before,
	.drawer_open span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background: #fff;
		transition: 0.5s;
		position: absolute;
	}

	/* 三本線の一番上の棒の位置調整 */
	.drawer_open span:before {
		bottom: 8px;
	}

	/* 三本線の一番下の棒の位置調整 */
	.drawer_open span:after {
		top: 8px;
	}

	/* アイコンがクリックされたら真ん中の線を透明にする */
	#drawer_input:checked ~ .drawer_open span {
		background: rgba(255, 255, 255, 0);
	}

	/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
	#drawer_input:checked ~ .drawer_open span::before {
		bottom: 0;
		transform: rotate(45deg);
	}

	#drawer_input:checked ~ .drawer_open span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	/* メニューのデザイン */
	.nav_content {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%; /* メニューを画面の外に飛ばす */
		z-index: 99;
	/*	background: #505050;*/
		background-color: rgba(0,0,0,0.9);	
		transition: .5s;
	}

	/* メニュー黒ポチを消す */
	.nav_list {
		list-style: none;
	}

	/* アイコンがクリックされたらメニューを表示 */
		#drawer_input:checked ~ .nav_content {
		left: 0;/* メニューを画面に入れる */
	}


	/* ハンバーガーメニュー */
	.nav_content div#nav {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding-top: 75px;
		padding-bottom: 35px;
		opacity: 1;
		justify-content: center; /* 水平方向に中央揃え */
	}

	.nav_content nav#m-nav {
		width: 100%;
		text-align: center;
		margin-top: 40%;
		font-family: futura-pt, sans-serif;
		color: #fff;
	}

	.nav_content div#nav span {
		color: #fff;
		font-size: 12px;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.nav_content nav#m-nav ul {
		display: inline-block;
		font-size: 0;
	}

	.nav_content nav#m-nav ul li {
		color: #fff;
		font-size: 1.25rem;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		margin-top: 20px;
	}

	.nav_content div.menu-online {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	.nav_content div.menu-online p {
		color: #fff;
		font-size: 1rem;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		margin-top: 20px;
	}

	.nav_content div.menu-online span {
		color: #fff;
		font-size: 12px;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		opacity: 1;
	}

	.nav_content div.menu-contact {
		width: 100%;
		text-align: center;
		margin-top: 60px;
		color: #fff;
		font-size: 12px;
		font-family: futura-pt, sans-serif;
	}

	.nav_content div.menu-follow {
		width: 100%;
		text-align: center;
		margin-top: 60px;
		color: #fff;
		font-size: 12px;
		font-family: futura-pt, sans-serif;
	}


	ul.icon li a {
		display: inline-block;
		opacity: 1;
	}

/* トップイメージ ------------------------------------------------------------ */
	.topimage {
		width: 100%;
		padding-top: 57px;
	}
	
/* slick ------------------------------------------------------------ */
	.slick-outer {
		position: static;
		width: 100%;
	}

	.slick-outer a:hover {
		opacity: 1;
	}

	.slick-content {
		position: static;
		width: 100%;
		margin: 0 auto;
	}

	.slick-content  h2 {
		width: 90%;
		margin: 60px auto;
		padding: 0;
		font-weight: 500;
		font-size: 18px;
		font-family: futura-pt, sans-serif;
		color: #000;
	}

	.slick-content .details-box {
		margin: 0 auto;
		background-color: #000000;
		font-weight: bold;
		width: 90%;
		height: 40px;
		display:table;
	}

	.slick-content .details-box p {
		font-size: 14px;
		font-weight: 500;
/*		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";*/
		display:table-cell;
		vertical-align:middle;
	}

	.slick-content .details-box a {
		color: #fff;
		text-align: center;
	}

	.slick-content .details-box a:hover {
		color: #000;
		background-color: #fff;
		border: 1px solid #000;
		text-align: center;
		width: 100%;
		height: 30px;
		opacity: 1;
		display:table;
		padding-top: 8px;
	}

	.slick-slide img {
		display: block;
	/*    width: auto;
		height: 285px;
		margin-top: 57px;*/
		width: 100%;
		height: auto;
	}


	.slick-image {
		width: 100%;
		padding: 0;
	}

	.slick-dots {
		position: relative!important; /* 親要素にrelativeを指定 */
		bottom: 188px!important;
		display: block!important;
		margin: 0 auto!important;
		list-style: none!important;
		text-align: center!important;
		color: #000!important;
		height: 3px!important;
	}

	.slick-dots ul {
		width: 95%;
		margin: 0 auto;
	}
	.slick-dots li {
		position: relative!important;
		display: inline-block!important;
		width: 50px!important;
		height: 3px!important;
		margin: 0 5px!important;
		padding: 0!important;
		cursor: pointer!important;
	}
	.slick-dots li.slick-active button {
		font-size: 0!important;
		line-height: 0 !important;
		display: block !important;
		width: 50px !important;
		height: 3px !important;
		padding: 3px!important;
		cursor: pointer!important;
		color: transparent!important;
		border: 0!important;
		outline: none!important;
		background: transparent !important;
		background-color: darkgrey!important;
	}
	.slick-dots li button {
		font-size: 0!important;
		line-height: 0 !important;
		display: block !important;
		width: 50px !important;
		height: 3px !important;
		padding: 3px!important;
		cursor: pointer!important;
		color: transparent!important;
		border: 0!important;
		outline: none!important;
		background: transparent !important;
		background-color: darkgrey!important;
	}	
	.slick-dots li button:hover,
	.slick-dots li button:focus {
		outline: none!important;
	}
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before {
		opacity: 1;
	}
	.slick-dots li button:before {
		position: absolute !important;
		top: 0!important;
		left: 0!important;
		width: 50px!important;
		height: 3px!important;
		content: ''!important;
		background-color: #adadad !important;
		-webkit-font-smoothing: antialiased!important;
		-moz-osx-font-smoothing: grayscale!important;
	}
	.slick-dots li.slick-active button:before {
		background-color: #000!important;
		height: 6px!important;

	}

	.aspect-ratio-img {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
		object-fit: cover; /* 親要素のアスペクト比に合わせて画像をトリミング */
	}

/* ページ共有 ------------------------------------------------------------ */
	.container {
		width: 100%;
		height: 100%;
	/*	margin: 57px auto 0 auto;*/
		margin: 60px auto 0 auto;
		clear: both;
	}
	
/* カミングスーンのみ */
	.container-coming {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		clear: both;
	}

	.coming-wrap {
		width: 80%;
		margin: 0 auto 30px auto;
		padding: 190px 0 100px 0;
	}

	.coming-wrap p {
		color: #000;
		font-size: 16px;
		font-style: normal;
		text-align: center;
		margin-top: 50px;
	}
	.container-coming h1 {
		margin: 0 auto;
	}

/* トップページ ------------------------------------------------------------ */
	.shopmore-box2 {
		margin: 0px 25px 0px 25px;
		border: solid 1px #ffffff;
		width: auto;
		height: 40px;
		display: flex;
		background: #fff;
		align-items: center;
		justify-content: center; /* 水平中央揃え */
	}

	/* ホバー時のスタイル */
	.shopmore-box2:hover {
		background: #fff; /* 背景色を白に変更 */
		color: #E3E3E3; /* テキスト色をグレーに変更 */
		border-color: #fff; /* ボーダーの色を白に変更 */
	}

	/* <a>タグのホバー時のスタイル */
	.shopmore-box2 a:hover {
		color: #000;
		background-color: #fff;
		width: 140px;
		height: 40px;
		text-align: center;
		display:table;
		opacity: 1;
	}

	/* <p>タグのホバー時のスタイル */
	.shopmore-box2 p:hover {
	   color: #fff;
		background-color: #000;
		width: 140px;
		height: 40px;
		display:table-cell;
		text-align: center;
		opacity: 1;
	}
	.shopmore-box2 p {
		font-family: futura-pt, sans-serif;
		font-size: 0.9375rem;
		font-weight: 500;
		color: #000;
		vertical-align:middle;
	}

	.shopmore-box2 a {
		color: #000;
		vertical-align:middle;
	}

/* news */
	.news {
		width: 100%;
		height: 100%;
		margin: 57px auto 20px;	
		text-align: center;
		padding: 57px 0;
		background: #000;
	}

	.news h2 {
		color: #fff;
		font-size: 1.5rem;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: normal;
		margin-bottom: 20px;
	}

	.news h3 {
		color: #fff;
		font-size: 14px;
		margin-bottom: 40px;
	}

	.news_wrap {
		margin: 60px 25px 30px 25px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 40px;
		justify-content:start;
	}

/*  トピックスページだけ */	
	.news_wrap_topic {
	/*	padding: 80px auto 0 auto;*/
		padding-top: 80px;
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 40px;
		justify-content:start;
		background-color: #000;
	}

	.news-box {
		color: #000;
	}

	.news-box img {
		width: 100%;
	}

	.news-textbox {
		padding: 0;
		text-align: left;
		width: 100%;
		margin: 0 auto;
		color: #000;
	}

	.news-textbox2 {
	/*	padding: 20px 0;*/
		text-align: left;
		width: 100%;
		margin: 0 auto;
		color: #000;
	}

	.news-textbox3 {
		padding: 20px 0;
		text-align: left;
		width: 100%;
		margin: 0 auto;
		color: #000;
		border-bottom: none;
		}

	.news-textbox a {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		background-color: #000;
		color: #fff;
	}

	.news-textbox2 a {
		text-align: left;
	/*	padding: 20px 0;
		background-color: #000;*/
		color: #fff;
		font-size: 15px;
		font-weight: 700;
	}

	.news-textbox2 a:hover {
		opacity: 0.5;
		background-color: #fff;
	/*	padding: 30px 20px;
		text-align: left;
		background-color: #000;
		color: #fff;
		opacity: 1;
		font-size: 15px;
		font-weight: 700;*/
	}

/*	.news-textbox2 a:hover{
		padding: 20px 0;
		text-align: left;
		background-color: #000;
		color: #fff;
		font-size: 15px;
		font-weight: 700;
	}*/


	.newsbox-category {
		font-size: 0.8125rem;
		font-family: futura-pt, sans-serif;
		font-weight: 500;
		color: #fff;
	}

	.newsbox-category2 a :hover {
		font-size: 13px;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		color: #fff;
	}

	.newsbox-category2 {
		font-size: 0.8125rem;
		font-family: futura-pt, sans-serif;
		font-weight: 500;
		color: #000;
	}

	.news-box a:hover .news-textbox2 .newsbox-category2 {
		color: #fff; /* 内部のテキスト色をグレーに */
	}

	.news-box a:hover .news-textbox2 .newsbox-title2{
		color: #fff; /* 内部のテキスト色を白に */
	}

	.news-box a:hover .news-textbox2 .newsbox-date2 {
	   color: #847F7F; /* 内部のテキスト色をグレーに */
	}

	.news-box a:hover .news-textbox2 .newsbox-category {
		color: #847F7F; /* 内部のテキスト色をグレーに */
	}

	.news-box a:hover .news-textbox2 .newsbox-title3{
		color: #fff; /* 内部のテキスト色を白に */
	}

	.news-box a:hover .news-textbox2 .newsbox-date3 {
	   color: #847F7F; /* 内部のテキスト色をグレーに */
	}	

	.news-box a:hover .news-textbox2 {
		background-color: #000; /* 背景色を黒に */
		color: #fff; /* テキスト色を白に */
	}

	.news-textbox a .newsbox-title {
		font-size: 0.9375rem;
		color: #fff;
		line-height: 1.5rem;
		margin-top: 20px;
	}

	.news-textbox a .newsbox-title2  {
		font-size: 15px;
		color: #fff;
		line-height: 1.5rem;
	}

	.news-textbox a:hover .newsbox-title {
		font-size: 15px;
		color: #fff;
		line-height: 1.5rem;
	}

	.news-textbox a:hover .newsbox-title2 {
		font-size: 15px;
		color: #fff;
		line-height: 1.5rem;
	}

	.newsbox-date {
		font-size: 13px;
		font-family: futura-pt, sans-serif;
		color: #847F7F;	
	}

	.newsbox-title2 {
		text-align: left;
		color: #000;
		font-size: 0.9375rem;
		line-height: 1.5rem;
		margin-top: 20px;
	/*	font-weight: 700;*/
	}	

	.newsbox-title2 a:hover{
		text-align: left;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
	}	

	.newsbox-title3 {
		text-align: left;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
	}		

	.custom-class {
		width: 411px; /* 画像の幅を300ピクセルに設定 */
		height: auto; /* 高さは自動調整 */
		/* 他のスタイルもここに追加できます */
	}	

	/* about */
	.about {
		width: auto;
		padding-top: 70px;
		padding-left: 25px;
		padding-right: 25px;
		display: block;
	}

	.about-textbox {
		width: 100%;
		margin-bottom: 20px;
	}

	.about h2 {
		width: auto;
		color: #000;
		font-size: 1.5rem;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: normal;
		margin-bottom: 50px;
		text-align: center;
	}

	.about p {
		width: 100%;
		color: #000;
		font-size: 0.8125rem;
		text-align: justify;
		text-align-last: left;
		line-height: 1.5rem;
		margin-top: 20px;
	}

	.about-photobox {
		width: 100%;
		height: auto;
	/*	overflow: hidden;*/
	}

	.about-photobox img {
		transition: 0;
	}

	.about-photobox img:hover {
		transition: 0;
	}

	/* store */
	.store {
		width: 80%;
		margin: 0 auto;	
		overflow : hidden;
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.store-textbox {
		width: 100%;
		margin: 0 auto 20px auto;
	}

	.store h2 {
		color: #000;
		font-size: 1.5rem;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: normal;
		text-align: center;
	}

	.store h3 {
		color: #000;
		font-size: 0.8125rem;
		text-align: center;
		margin-top: 10px;
		padding-bottom: 70px;
	}

	.store h4{
		color: #000;
		font-size: 1.125rem;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: normal;
		margin-bottom: 30px;
		text-align: left;
	}

	.store-map {
		width: 100%;
	}

	.store-photo {
		padding-bottom: 60px;
		width: 100%;
		padding-top: 0px;
	}

	.store-photo img {
		width: 100%;
	}

	.store dl {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.store dl dt {
		width: 35%;
		font-size: 0.8125rem;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.store dl dd {
		width: 65%;
		font-size: 0.8125rem;
		font-family: futura-pt, sans-serif;
		margin-bottom: 20px;
	}

	/* パンくずリスト ------------------------------------------------------------ */
	.breadcrumb ul {
		width: 90%;
		display: flex;/*block*/
		font-family: futura-pt, sans-serif;	
		margin: 0 auto;
		padding-top: 30px;
	}

	.breadcrumb ul li {
		line-height: 1rem;
	}

	.breadcrumb ul li a {
		color: #000000;
	}

	/* ニューストピックス ------------------------------------------------------------ */
	.topics {
		width: 100%;
		height: 100%;
		margin: 0 auto;	
		padding-top: 40px;
		text-align: center;
	}

	.topics h2 {
		color: #000;
		font-size: 28px;
		font-family: futura-pt, sans-serif;
		font-weight: 700;
		font-style: normal;
	}

	.topics h3 {
		color: #000;
		font-size: 14px;
	}

	.topics-list {
		margin: 50px 0;
		font-family: futura-pt, sans-serif;	
		font-weight: 500;
/*		font-size: 1rem;
		line-height: 2rem;*/
	}

	.topics-list ul {
		width: 100%;
		margin: 0 auto;
		display: flex;
	}

	.topics-list ul li {
		font-size: 0.875rem;
		color: #000;
		margin-right: 10px;
		margin-left: 0;
		height: 20px;
		line-height: 1.5;
	}
	
	.topics-list ul li+li {
		border-left: 1px solid #999;
		padding-left: 10px;
	}	

	.pager {
		width: 90%;
		margin: 0 auto;
		padding: 40px 0;
	}

	.pager ul {
		display: flex;
		font-family: futura-pt, sans-serif;	
		font-weight: 500;
		font-size: 18px;
		width: 50%;
		margin: 0 auto;
	/*	width: 240px;*/
	}

	.pager ul li {
		width: 40px;
		line-height: 40px;
		color: #000;
	}

	.news-dbox {
		width: 100%;
		height: 100%;
		margin: 0 auto;	
		padding-top: 40px;
		text-align: center;
	}

	.news-dbox h2 {
		color: #000;
		font-size: 18px;
		font-family: futura-pt, sans-serif;
		font-style: normal;
		line-height: 30px;
	}

	.news-dbox h3 {
		color: #000;
		font-family: futura-pt, sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 30px;
	}

	.news-dbox h4 {
		color: #000;
		font-size: 13px;
		font-family: futura-pt, sans-serif;
		font-style: normal;
		line-height: 30px;
		margin-bottom: 0;
	}

	.news-dbox img {
		width: 100%;
		margin: 0 auto;
		object-fit: cover;
	}

	.news-detail {
		width: 82%;
		margin: 60px auto 40px auto;
/*		margin: 80px auto 40px auto;*/
	}

	.news-detailimg {
		width: 100%;
		margin: 0 auto;
	}

	.news-detailimg ul {
		width: 100%;
		margin: 0 auto;
	}

	.news-detail p {
		text-align: justify;
	}

	.news-information {
		width: 80%;
		padding: 10%;
		margin: 0 auto;
		background-color: #F7F7F7;
		text-align: left;
	}

	.news-informaiton h2 {
		color: #000;
		font-family: futura-pt, sans-serif;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 40px;
	}

	.newstop-box {
		margin: 60px auto;
		font-weight: bold;
		border: solid 1px #000000;
		width: 140px;
		height: 40px;
		display: table;
	}

	.newstop-box p {
		font-family: futura-pt, sans-serif;
		font-size: 15px;
		font-weight: 500;
		display:table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.newstop-box a {
		color: #000;
		margin-top: 10px;
		font-size: 0.875rem;
	}

	.newstop-box a:hover {
		color: #fff;
		background-color: #000;
		width: 140px;
		height: 40px;
		display:table-cell;
		vertical-align:middle;
		text-align: center;
		opacity: 1;
	}

	/* 問い合わせフォーム ------------------------------------------------------------ */
	.contact-box {
		width: 85%;
		height: 100%;
		margin: 0 auto;	
		padding-top: 50px;
	}

	.contact-box h2 {
		color: #000;
		font-size: 28px;
		font-family: futura-pt, sans-serif;
		font-style: normal;
		line-height: 30px;
		text-align: center;
	}

	.contact-box h3 {
		color: #000;
		font-family: futura-pt, sans-serif;
		font-size: 14px;
		font-weight: 700;
		line-height: 30px;
		text-align: center;
	}

	.contact-box p {
		text-align: left;
	}

	.thanks-box {
		width: 100%;
		height: 100%;
		margin: 80px auto 120px auto;	
		padding-top: 30px;
	}

	.thanks-box h2 {
		color: #000;
		font-size: 16px;
		font-family: futura-pt, sans-serif;
		font-style: normal;
		line-height: 30px;
		text-align: center;
	}

	.thanks-box h3 {
		color: #000;
		font-family: futura-pt, sans-serif;
		font-size: 24px;
		font-weight: 700;
		line-height: 30px;
		text-align: center;
	}

	.thanks-box p {
		text-align: center;
		margin: 40px 0;
		font-size: 16px;
	}

	.Form {
	  margin-top: 40px;
	  margin-left: auto;
	  margin-right: auto;
	  max-width: 720px;
	}

	.Form-Item {
		padding-top: 24px;
		padding-bottom: 24px;
		width: 100%;
		display: block;
	}

	.Form-Item:nth-child(5) {

	}
	.Form-Item-Label {
	  width: 100%;
	  max-width: 248px;
	  letter-spacing: 0.05em;
	  font-size: 15px;
	}
	.Form-Item-Label.isMsg {
	  margin-top: 8px;
	  margin-bottom: 10px;
	}
	.Form-Item-Label-Required {
	  border-radius: 6px;
	  margin-right: 8px;
	  padding-top: 8px;
	  padding-bottom: 8px;
	  width: 48px;
	  display: inline-block;
	  text-align: center;
	  background: #545454;
	  color: #fff;
	  font-size: 14px;
	}
	.Form-Item-Input {
	  border: 1px solid #ddd;
	  margin-left: 0px;
	  padding-left: 1em;
	  padding-right: 0em;
	  margin-top: 10px;
	  height: 48px;
	  flex: 1;
	  width: 97%;
	  min-width: 80%;
	  background: #f7f7f7;
	  font-size: 13px;
	}
	.Form-Item-Textarea {
	  border: 1px solid #ddd;
	  margin-left: 0px;
	  padding-left: 1em;
	  padding-right: 1em;
	  height: 216px;
	  flex: 1;
	  width: 90%;
	  min-width: 80%;
	  background: #f7f7f7;
	  font-size: 13px;
	}
	.Form-Btn {
	  border-radius: 6px;
	  margin-top: 32px;
	  margin-left: auto;
	  margin-right: auto;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  width: 280px;
	  display: block;
	  letter-spacing: 0.05em;
	  background: #545454;
	  color: #fff;
	  font-weight: bold;
	  font-size: 20px;
	}
	.send-box {
		margin: 40px auto 80px auto;
		border: 1px solid #ddd;
		width: 140px;
		height: 40px;
		display: table;
		background: #f7f7f7;
	}

	.send-box p {
		font-family: futura-pt, sans-serif;
		font-size: 15px;
		display:table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.send-box a {
		color: #000;
		margin-top: 10px;
	}

	.send-box a:hover {
		color: #fff;
		background-color: #000;
		width: 140px;
		height: 40px;
		display:table-cell;
		vertical-align:middle;
		text-align: center;
		opacity: 1;
	}

	/* フッター ------------------------------------------------------------ */
	footer {
		max-width: 100%;
		background-color: #000000;	
		bottom: 0;
		clear: both;
	}

	footer div.footer_wrap {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		padding-top: 75px;
		padding-bottom: 35px;
	}

	footer div.footer_wrap nav#fnav {
		width: 100%;
		text-align: center;
	}

	footer div.footer_wrap span {
		color: #fff;
		font-size: 12px;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	footer div.footer_wrap nav#fnav ul {
		display: inline-block;
		font-size: 0;
	}

	footer div.footer_wrap nav#fnav ul li {
		color: #fff;
		font-size: 1rem;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		margin-top: 20px;
	}

	footer div.footer-online {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	footer div.footer-online p {
		color: #fff;
		font-size: 1rem;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	footer div.footer-contact {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	footer div.footer-follow {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}

	ul.icon li {
		display: inline-block;
		margin: 20px 20px 20px 20px;
	}

	footer div.pagetop {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	footer div.pagetop span {
		color: #fff;
		font-size: 13px;
		font-family: futura-pt, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align: center;
		margin: 0 ;
	}
	/*　ページャー ------------------------------------------------------------ */	
	.wp-pagenavi {
		display: flex;
		justify-content: center; /* 中央に配置 */
		align-items: center; /* 垂直方向に中央に配置 */
		font-family: futura-pt, sans-serif;
		font-weight: 500;
		font-size: 1rem;
		margin: 24px;
		text-align: center;
	}

	.wp-pagenavi a {
		color: #000000;
		display: flex;
		justify-content: center; /* 中央に配置 */
		align-items: center; /* 垂直方向に中央に配置 */
		font-family: futura-pt, sans-serif;
		font-weight: 500;
		font-size: 18px;
		padding: 24px;
	}

	.wp-pagenavi .nextpostslink {
		color: #000;
		display: flex;
		justify-content: center; /* 中央に配置 */
		align-items: center; /* 垂直方向に中央に配置 */
		font-family: futura-pt, sans-serif;
		font-weight: 500;
		font-size: 18px;
		padding: 24px;
	}

	.wp-pagenavi span.current {
		color: #333;
		display: block;
		padding: 24px;
		text-align: center; /* 中央に配置 */
	}

	.wp-pagenavi a:hover {
		color: #77a0d1;
	}
}