@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------------------
ALL SIZE
------------------------------------------------------------------------------------------------------------------------*/
body {
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
h2 {
	font-size: 1.5em;
	margin: .75em 0;
}
h3 {
	font-size: 1.17em;
	margin: 0 auto 30px;
}
h5 {
	font-size: .83em;
	margin: 1.5em 0;
}
h6 {
	font-size: .75em;
	margin: 1.67em 0;
}
/* botton */
.btn_area {
	margin: 0 auto;
	text-align: center;
}
.button {
	display: inline-block;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 260px;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 1px solid #2f305c;
	color: #fff;
	font-size: 16px;
	padding:1% 0;
	background-color: #2f305c;
	overflow: hidden;
	margin-top: 40px;
	letter-spacing: 2px;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button:hover {
	color: #ffffff;
	background-color: #949292;
	border: 1px solid #949292;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
}
/*-----------------------pc - mobile */

.pc {
	display: block;
}
.mobile {
	display: none;
}
/*-----------------------header */

.wrapper_all_wide header{width: 960px;
position: relative;}

header {
	width: 100%;
	margin: 40px auto 0;
	overflow: hidden;
}
header h1 {
	font-size: 0;
	margin: 0;
}
header .logo {
	display: block;
	margin: 0 auto;
	text-align: center;
}
/*-----------------------navigation */
header nav {
	width: 960px;
	margin: 40px auto;
}
header nav ul.gnavi {
	list-style: none;
	overflow: hidden;
	padding: 0;
/*display: flex;
justify-content: space-between;*/

}
header nav ul.gnavi li {
	float: left;
	height: 24px;
	border-left: dotted 2px #312d7d;
	text-align: center;
	line-height: 24px;
	font-size: 15px;
	font-weight: bold;
	color: #312d7d;
	text-decoration: none;
	letter-spacing:0.07em;

}

header nav ul.gnavi li.online{padding-left: 18px;}

header nav ul.gnavi li i{
	display: inline-block;
	padding: 0 7px;
}

header nav ul.gnavi li a{
		padding: 0 18px;
	height: 24px;
	display: inline-block;
/*	border-left: dotted 2px #312d7d;*/
	text-align: center;
/*	line-height: 24px;
	font-size: 14px;
	font-weight: bold;*/
	color: #312d7d;
	text-decoration: none;
/*	letter-spacing:0.07em;
	padding: 0 10px;*/
}

header nav ul.gnavi li.kosho {border-left: none;}
header nav ul.gnavi li.shinkan { border-left: 1px dotted #312d7d;}


header nav ul.gnavi li.kosho a{ padding: 0 10px 0 10px;}
header nav ul.gnavi li.shinkan a{ padding:0 10px; }



header nav ul.gnavi li:last-child a{
	border-right: dotted 2px #312d7d;
	padding-right: 10px;
}
header nav ul.gnavi li a:hover {
	color: #fff;
	background: #312d7d;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/*-----------------------wrapper */

.wrapper_all {
	position: relative;
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
}

.wrapper_all_top {
	position: relative;
	width: 1020px;
	padding: 0 30px;
	margin: 0 auto;
}

.wrapper_all_wide {
	position: relative;
	margin: 0 auto;
	overflow:hidden;
}



/*-----------------------footer */
footer {
	width: 100%;
	margin: 120px auto 0;
}
.footer_area {
	background: #2f305c;
	color: #fff;
	margin: 0 auto 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.footer_left {
	float: left;
	padding: 35px 25px;
	border-right: dashed 2px #fff;
}
.footer_left img {
	margin-bottom: 40px;
}
.footer_left p {
	font-size: 14px;
	margin-bottom: 15px;
}
.footer_left p:last-child {
	margin-bottom: 0;
}
.footer_left span.number {
	font-size: 26px;
	font-weight: bold;
}
.footer_right {
	float: right;
	padding: 35px 20px;
}
.footer_right p {
	font-size: 16px;
	text-align: center;
}
.footer_right .btn_area {
	margin: 0 auto;
	text-align: center;
}
.footer_right .m_button {
	display: inline-block;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 250px;
	height:46px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	background: #2f305c;
	overflow: hidden;
	margin-top: 30px;
	letter-spacing: 2px;
	line-height:46px;
}
.footer_right .m_button img {
	margin-top: -2px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}
.footer_right .m_button::before, .m_button::after {
	position: absolute;
	z-index: -1;
	display: block;
}
.footer_right .m_button:hover {
	color: #515151;
	background-color: #d1d1d1;
	border: 1px solid #d1d1d1;
}
.footer_right .m_button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.footer_right .m_button:hover::after {
	top: 0;
}
footer .credit {
	font-size: 13px;
	line-height: 26px;
	margin-bottom: 25px;
}
.wrapper_bottom {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.copyrights {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 13px;
}

/*-----------------------searchform */
#formarea{
	position:absolute;
	top:30;
	right:0;}
	
.wrapper_all_top #formarea{right: 30px;}

.searchfield { 
	padding: 5px;
	margin-top: 10px;
	font-size: 14px;
	width: 200px;
  border: thin solid #CACACA;
  	background:none;
-webkit-appearance:none;
border-radius:3px;

}
.searchfield:focus {
background:#fff;
  border: thin solid #312d7d;}

.searchsubmit { 
	width: 30px;
	height: 30px;
	padding: 0;
	font-family: 'Font Awesome 5 Free';
	font-size: 20px;	
	color:#919086;
	border: none;
	background: transparent;
	cursor: pointer;
   -webkit-appearance: none;
   border-radius: 0;}

.searchsubmit:hover{color:#312d7d;}


section#search{	margin:50px auto;}


section#search h3 {background:none; padding:0;}

section#search h4 a{color:#312d7d;}

section#search p.ex_text{font-size:14px; color:#858585; margin-bottom:45px;}



/*-----------------------scroll top */

#back-top {
	position: fixed;
	bottom: 4%;
	right: 7%;
	z-index: 99999;
}
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
}

/*----------------------title */

.title {
	width: 100%;
	height: 250px;
	max-width: 100%;
	width /***/: auto;
	margin-bottom:80px;
}

.title#about{background: rgba(0, 0, 0, 0) url("../img/bg_main_about.jpg") no-repeat scroll center center / cover;}
.title#buy{background: rgba(0, 0, 0, 0) url("../img/bg_main_buy.jpg") no-repeat scroll center center / cover;}
.title#arrival{background: rgba(0, 0, 0, 0) url("../img/bg_main_arrival.jpg") no-repeat scroll center center / cover;}
.title#blog{background: rgba(0, 0, 0, 0) url("../img/bg_main_blog.jpg") no-repeat scroll center center / cover;}
.title#kaitori{background: rgba(0, 0, 0, 0) url("../img/bg_main_kaitori.jpg") no-repeat scroll center center / cover;}
.title#contact{background: rgba(0, 0, 0, 0) url("../img/bg_main_contact.jpg") no-repeat scroll center center / cover;}

.title h2{padding:110px 0 0 80px;}

h3{  
font-size:20px;
font-weight: bold;
text-align: center;
letter-spacing:0.09em;
color:#312d7d;
/*background:url(../img/bg_h3.png) no-repeat center left;*/
/*background-size:6px 40px;*/
/*padding-left:25px;
padding-top:3px;*/
margin-bottom:55px;
}


h3 span{
display: inline-block;
padding-top: 25px;
	border-bottom: 2px dotted #312d7d;
}




/* swiperの設定 */

.swiper-wrap{position: relative; }
.swiper{height: 260px; }
.swiper-slide{ height: auto; }
.swiper-slide__inner{ height: 300px;}

.meta-block{font-size: 13px; margin-bottom: 10px;}
.text-block{font-size: 15px; line-height: 1.75; margin-top: 15px;}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -50px !important;
    right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev{
  right: -50px !important;
    left: auto;
}

.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #312d7d !important;
}


.swiper-slide .post__thumb--img {
  margin: 0 0 15px;
}
.swiper-slide .post__thumb--img a {
  padding-top: 62.5%;
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.swiper-slide .post__thumb--img a{padding-top: 0 !important;}


@media all and (-ms-high-contrast:none){
  h3 {
padding-top:9px;
  }
}



/*----------------------------------------------------------------------------------------------------------------------
under 740px
------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:740px) {
/*-----------------------pc - mobile */

.pc {
	display: none;
}
.mobile {
	display: block;
}
/*-----------------------button */
.button {
	display: inline-block;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 90%;
	height: 50px;
	line-height:45px;
		font-size: 16px;
	overflow: hidden;
	margin-top: 20px;
	letter-spacing: 2px;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button:hover {
	color: #ffffff;
	background-color: #949292;
	border: 1px solid #949292;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
}


/*----------------------- header */
header,
.wrapper_all_wide header{
	position: relative;
	width: 100%;
	margin: 30px auto;
}
header .logo {
	display: block;
	float: none;
	text-align: center;
	width: 120px;
}

.wrapper_all_wide header

/*----------------------- mobile navigation */

header nav {
	margin: 0;
}
#navTgl {
	display: none;
}
label.open, label.close {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
}
.open {
	z-index: 10000000;
	width: 60px;
	height: 61px;
	color: #fff;
	background-color: #2f305c;
	font-size: 26px;
	line-height: 16px;
	padding-top: 8px;
	text-align: center;
	-webkit-transition: background-color .5s, -webkit-transform .5s;
	transition: background-color .5s, transform .5s;
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
}
.open span {
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-weight:bold;
}
#navTgl:checked + .open {
	color: #2f305c;
	background-color: #fff;
	-webkit-transform: translateX(230px);
	transform: translateX(230px);
}
.close {
	pointer-events: none;
	z-index: 1;
	width: 100%;
	height: 100%;
	transition: background-color .5s;
}
#navTgl:checked ~ .close {
	pointer-events: auto;
	background-color: rgba(0,0,0,.4);
}
/* :::::: drawer menu :::::: */
 
.menu {
	z-index: 10000000;
	position: fixed;
	top: 0;
	left: 0;
	width: 230px;
	height: 100%;
	background-color: #2f305c;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	  overflow-x: hidden;
  overflow-y:scroll;
  margin-top: 0;

}
#navTgl:checked ~ .menu {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.menu ul.mobile_menu {
	padding: 0;
	list-style-type: none;
}
.menu ul.mobile_menu li {
	float: none;
	border-bottom: 1px solid rgba(255,255,255,.2);
	font-size: 14px;
		display: block;
	padding: 1em 2em 1em 3em;
		color: #fff;
}

.menu ul.mobile_menu li i{display: inline-block; margin-right: 8px;}

.menu ul.mobile_menu li.online{border-bottom: 0; padding-bottom: 0;}
.menu ul.mobile_menu li.kosho{border-bottom: 0; padding-bottom: 0;}



.menu ul.mobile_menu li:first-child {
}
.menu ul.mobile_menu li a:link, .menu ul.mobile_menu li a:visited {
/*	display: block;
	padding: 1em 2em 1em 3em;*/
	text-decoration: none;
	transition: background-color .5s;
	color: #fff;
/*	height: 50px;
	line-height: 50px;
	*/
	
}
.menu ul.mobile_menu li a:hover {
	background-color: #3e407e;
}
/*-----------------------wrapper */
.wrapper_all, .wrapper_all_top/*,.wrapper_all_wide*/ {
	width: 90%;
}


 .wrapper_all_top {padding: 0;}

/*-----------------------footer */

footer {
	width: 100%;
	margin: 60px auto 0;
}
.footer_left, .footer_right {
	float: none;
	text-align: center;
	padding: 8% 5%;
}
.footer_left {
	border-bottom: dashed 2px #fff;
	border-right: none;
}
.footer_left img {
	width: 96%;
	max-width: 96%;
	height: auto;
	margin-top:20px;
	margin-bottom: 20px;
}
.footer_right {
	margin: 0 auto;
}
.footer_right p {
	text-align: center;
}
.footer_right .button {
	width: 90%;
	margin: 3% auto;
}
.wrapper_bottom {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
.copyrights {
	width: 90%;
}

/*:::::::::::mobile用footer:::::::::::*/
 .footer_left p:last-child{
	 margin-bottom:20px;}
 p.telnumber{margin:10px auto 40px; }
 
 .footer_right .m_button {
	width: 90%;
		height:50px;
	line-height:50px;
}
	
	 
 p.telnumber .f_button {
	display: inline-block;
	width: 90%;
	max-width:500px;
	height:50px;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	border: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	line-height:50px;
	font-weight:bold;
	background-color: #2f305c;
	overflow: hidden;
	margin: 5px auto;
	letter-spacing: 1px;
}
 p.telnumber .f_button img {
	margin-top: -2px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
}
 p.telnumber.f_button::before, .f_button::after {
	position: absolute;
	z-index: -1;
	display: block;
}
 p.telnumber .f_button:hover {
	color: #515151;
	background-color: #d1d1d1;
	border: 1px solid #d1d1d1;
}
 p.telnumber.f_button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.footer_right .f_button:hover::after {
	top: 0;
}
 
 .telnumber span.small{
	 display:inline-block;
	 font-size:12px;}
 .telnumber span.telnumber_desc{
	 display:block;}
	 

/*-----------------------searchform */
#formarea{
	position:relative;
	top:0;
	right:0;
	width:100%;
	margin-bottom:30px;}
	
.searchfield { 
	padding: 5px;
	margin-top: 10px;
	font-size: 20px;
	width: 80%;
  border: thin solid #CACACA;
  	background:white;
-webkit-appearance:none;
border-radius:3px;

}
.searchfield:focus {
background:#fff;
  border: thin solid #312d7d;}

.searchsubmit { 
	width: 18%;
	height: 38px;
	font-size: 20px;	
	background:#2f305c;
	color:#fff;
border-radius:3px;
}

.searchsubmit:hover { 
color:#fff;}


/*-----------------------scroll top */

#back-top {
	bottom: 2%;
	right: 5%;
}

/*-----------------------title */

.title {
	width: 100%;
	height: auto;
	max-width: 100%;
	width /***/: auto;
	margin-top:40px;
	margin-bottom:40px;
}
.title#about, .title#buy, .title#contact, .title#kaitori, .title#arrival, .title#blog{background:none;}

.title h2{
	font-size:20px;
	color:#2f305c;
	text-align:center;
	border-top:dotted 1px #2f305c;
	border-bottom:dotted 1px #2f305c;
	padding:15px 0 15px 0px;
	margin-bottom:50px;}

h3{margin-bottom:30px;}


}

/* swiperの設定 */


@media screen and (max-width:568px) {

.swiper-wrap{position: relative; margin-bottom: 10px;  }
.swiper{ width:100%; margin:0 auto;  height:270px; }
.swiper-slide{ height:auto; }
.swiper-slide__inner{ height:auto;  width: 80%;   margin: 0 auto; }

.swiper-slide__inner img{width: 100%;}


.meta-block{font-size: 13px; margin-bottom: 10px;}
.text-block{font-size: 13px; line-height: 1.75; margin-top: 0px; background: white; padding: 10px 8px 20px;}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -10px !important;
    right: auto;

}

.swiper-button-next, .swiper-rtl .swiper-button-prev{
  right: -10px !important;
    left: auto;
}

.swiper-slide .post__thumb--img {
  margin: 0 ;
}
.swiper-slide .post__thumb--img a {
  padding-top: 62.5%;
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


}