/*
Theme Name: initialize
Version: 1.4
Author: Stemaer Lane Studio
Author URI: https://steamer-lane-studio.com/
Description: for potal or ec site
*/
/*
color:rgba(17,17,17,1); text
color:rgba(51,51,51,1); heading etc
color:rgba(153,153,153,1); heading etc
color:rgba(204,204,204,1); for border color
*/

/*INITIALIZATION
-----------------------------------*/ 
html{
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	}

*{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size : 100%;
	border: none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	}

*, *:after, *:before {
	box-sizing: border-box;
	}

caption{
	text-align: center;
	}

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
	}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 0;
	}

br {
	line-height:1;
	}

a, ins {
  text-decoration: none;
	}

address, em, cite, dfn, var {
  font-style: normal;
	}

input, textarea {
	font-weight: normal;
	}

/* a */
a {
	margin:0;
	padding:0;
	color:rgba(17,17,17,1);
	font-size:1rem;
	border:none;
	outline:none;
	}

a:link {
	margin:0;
	padding:0;
	color:rgba(17,17,17,1);
	transition:color 500ms ease-out;
	transition:opacity .5s ease-out;
	}

a:visited {
	margin:0;
	padding:0;
	color:rgba(17,17,17,1);
	}

a:active {
	margin:0;
	padding:0;
	color:rgba(17,17,17,1);
	}

a:hover {
	margin:0;
	padding:0;
	color:rgba(51,51,51,1);/*
	text-decoration:underline;*/
	opacity:0.75;
	transition:opacity .5s ease-out;
	}

section p a:link {
	text-decoration:underline;
	}

nav > a:hover {
	text-decoration:none;
	}

/* INDIVIDUAL 
-----------------------------------*/ 
/* clear */
.clearfix {
	width:100%;
	display:inline-block;
	}

.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
	}

/* BODY WRAPPER
-----------------------------------*/ 
body {
	width:100%;/*
	height:100%;*/
	margin: 0;
	padding:0;
	background-color:rgba(255,255,255,1);
	text-align: center;
	font-size:16px;
	font-size: 1rem;
	font-family:  "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	}

@media print {
	body {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
  }
}

#wrapper {
	position:relative;
	display:flex;
	flex-direction:column;
	width:100%;
	height:auto;
	min-height: 100vh;
	margin:0;
	padding:50px 0 0 0;
	font-size: 0;
	}

body.home #wrapper {
	padding-top:0;
	}

/* TYPOGRAPHY
-----------------------------------*/
/* heading */
h1 {
	font-size:14px;
	font-size:0.88rem;
	text-align:left;
	vertical-align: baseline;
	color:rgba(17,17,17,1);
	}

@media screen and (max-width: 1279px) {
h1 {
	font-size:13px;
	font-size:0.82rem;
	}
}

h2 {
	position:relative;
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content: center;
	width:100%;
	margin:0 0 50px 0;
	padding:0;
	font-size:2rem;
	letter-spacing:0.25rem;
	line-height:1.2;
	vertical-align: baseline;
	color:rgba(102,102,102,1);/*
	font-family:"游明朝",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 ProN W6","HGS明朝E","メイリオ",Meiryo,serif;*/
	font-weight:600;
	}

article:not(.ent) h2 {
	align-items:center;
	color:rgba(102,102,102,1);
	color:rgba(239,88,23,1);
	}

.flxSct h2,
.home h2 {
	width:100%;
	}

h2 span {
	display:inline-block;
	font-size:16px;
	font-size:1rem;
	line-height:1.4;
	text-align:left;
	}

h2 span.en {
	font-size:64px;
	font-size:4rem;/*
	font-style:oblique;*/
	letter-spacing:0;
	color:rgba(153,153,153,1);
	}

/*
.ent h2 {
	line-height:1;
	}

.ent h2 span {
	font-size:16px;
	font-size:1rem;
	}
*/
h3 {
	display:block;
	width:100%;
	margin:0 0 50px 0;
	padding:0;
	font-size:28px;
	font-size:1.75rem;/*
	letter-spacing:4px;*/
	line-height:1.4;
	font-weight:600;
	vertical-align: baseline;
	color:rgba(51,51,51,1);
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";/*
	transform: rotate(.03deg);*/
	}
/*
section > h3 {
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	text-align:justify;
	}
*/
.ent section h3 {
	flex-direction:column;
	align-items:flex-start;
	}

h3 span.en {
	font-size:64px;
	font-size:4rem;
	font-style:oblique;
	font-family: sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	color:rgba(153,153,153,1);
	}

h4 {
	margin:0 0 10px 0;
	font-size:1.125rem;
	letter-spacing:0;
	line-height:1.4;
	text-align:left;
	font-weight:600;
	vertical-align: baseline;
	color:rgba(51,51,51,1);
	}

.date {
	font-size:16px;
	font-size:1rem;
	font-family: sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	}

p {
	margin:0 0 24px 0;
	font-size:16px;
	font-size:1rem;
	letter-spacing:0;
	line-height:1.8;
	text-align:left;
	vertical-align: baseline;
	color:rgba(17,17,17,1);
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	}

strong {
	display:block;
	font-weight:normal;
	font-size:16px;
	font-size:1rem;
	font-weight:600;
	line-height:1.2;
	}

b {
	font-size:16px;
	font-size:1rem;
	font-weight:normal;
	}

ul,
ol {
	width:100%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:24px;
	padding: 0 0 0 20px;
	text-indent: 0px;
	list-style-position: inside;
	}

.ent ul {/*
	text-indent:-20px;*/
	}

li {
	margin:0 0 1rem 0;
	font-size:14px;
	font-size:0.88rem;
	line-height:1.8;
	text-align:left;
	color:rgba(17,17,17,1);
	}

ul li {
	list-style: disc;
	}

li:last-of-type {
	margin:0;
	}

ul.borderIn {
	width:100%;
	margin:0 auto 30px auto;
	padding:50px 50px 50px 70px;
	border:1px solid rgba(0,0,0,0.25);
	}

ul.borderIn li {
	list-style:square;
	color:rgba(17,17,17,1);
	}

ul.boxWrap {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
	padding:0;
	list-style:none;
	}

ul.boxWrap li {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:30%;
	max-width:350px;
	margin-bottom:20px;
	color:rgba(255,255,255,1);
	}

.boxWrap li img {
	width:50%;
	height:auto;/*
	filter: invert(1) sepia(0.61) saturate(0) hue-rotate(229deg) brightness(1.07) contrast(1.01);//用途があればアクティヴに*/
	}

dl {
	width:100%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	}

dt {
	text-align:left;
	font-size:16px;
	font-size:1rem;
	line-height:1.4;
	font-weight:600;
	color:rgba(51,51,51,1);
	}

dd {
	margin:0 0 30px 0;
	text-align:left;
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
	color:rgba(17,17,17,1);
	}

dd:last-child {
	margin:0;
	}

table{
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	empty-cells: show;
	width:100%;
	border-top:1px solid rgba(204,204,204,1);
	border-left:1px solid rgba(204,204,204,1);
	}

tr {
	width:100%;
	}

th,td{
	padding:10px;
	vertical-align: middle;
	border: none;
	font-weight: normal;
	text-align: left;
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
	color:rgba(17,17,17,1);
	border-right:1px solid rgba(204,204,204,1);
	border-bottom:1px solid rgba(204,204,204,1);
	}

th {
	text-align:center;
	}

table.dashed {
	border:none;
	}

.dashed tr{
	border-bottom:1px dashed rgba(153,153,153,1);
	}

.dashed th,
.dashed td {
	border-right:none;
	border-bottom:none;
	}

/* IMG OBJECT
-----------------------------------*/
img {
	max-width:100%;
	height:auto;
	border:none;
	outline:none;
	}

.alignright {
	float:right;
	margin:0 0 20px 50px;
	}

.alignleft {
	float:left;
	margin:0 50px 20px 0;
	}

.alignnone {
		margin:0;
	}

.aligncenter {
	margin:0 0 20px 0;
	}

.ent img {
	max-width:50%;
	}

.ent .fullWidth img {
	max-width:100%;
	}

p img {
	max-width:100%;
	}

a img {
	transition:opacity 500ms ease-out;
	}

p img.lMark {
	width:33%;
	margin:10px auto;
	}

a:hover img {
	opacity:0.8;
	}

/* HEADER
-----------------------------------*/
header {
	position:fixed;
	top:0;
	left:0;
	display:inline-block;
	width:100%;
	height:50px;
	padding: 0;
	background-color:rgba(255,255,255,1);;
	border-bottom:1px solid rgba(204,204,204,1);
	transition:height 0.5s ease-out;
	z-index:2;
	}
/*
header.boxIn {
	height:0;
	border-bottom:0px solid rgba(204,204,204,0);
	overflow:hidden;
	}
*/
body.home header:not(.mainIn) {
    background-color: rgba(17,17,17,0);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%,rgba(0,0,0,0.3) 60%, rgba(0, 0, 0, 0) 100%);
    border-bottom: 0px solid rgba(204,204,204,0);
    transition: background-color 0.5s ease-out,border-bottom 0.5s ease-out,border-bottom 0.5s ease-out;
	}

.navWrap {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	height:100%;
	}

.logo-box {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:18%;
	height:100%;
	text-align:center;
	font-size:24px;
	font-size:1.5rem;
	font-weight:600;
	z-index:5;
	}

.logo-box a {
	width:auto;
	height:54%;
	}

.logo-box a img {
	width:auto;
	height:100%;
	opacity:1;
	transition:opacity 0.5s;
	}

.logo-box a img:hover {
	opacity:0.8;
	}

.navTrigger {
	display:none;
	}

.nav-grp {
	float:right;
	display:inline-flex;
	justify-content: center;
	width:82%;
	height:100%;
	padding:0 0 0 2%;
	}

#bcNav {
	display:inline-flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	max-width:1200px;
	height:100%;
	margin-bottom:100px;
	padding: 0;
	}

#bcNav a,
#bcNav h1 {
	position:relative;
	margin:0 10px 0 0;
	padding:0 15px 0 0;
	font-size:13px;
	font-size:0.82rem;
	line-height:1.5;
	color:rgba(17,17,17,1);
	}

.home header:not(.mainIn) #bcNav h1 {
	color:rgba(255,255,255,1);
	transition:color 0.5s ease-out;
	}

#bcNav a:after {
	content:">";
	position:absolute;
	right:0;
	font-size:13px;
	font-size:0.82rem;
	line-height:1.5;
	}

#bcNav a:last-child:after {
	content:none;
	}

#bcNav a,
#bcNav a:visited {
	color:rgba(17,17,17,1);
	}

nav.global-nav {
	float:right;
	display:inline-flex;
	align-items:center;
	justify-content:flex-end;
	width:60%;
	height:auto;
	}

nav.global-nav a,
nav.global-nav a:visited {
	display:block;
	width:auto;
	height:auto;
	padding:17px 40px 13px 40px;
	font-size:16px;
	font-size:1rem;
	font-family:  sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	font-weight:600;
	color:rgba(17,17,1,1);
	line-height:1;
	text-transform:uppercase;
	}

.home header:not(.mainIn) nav.global-nav a,
.home header:not(.mainIn) nav.global-nav a:visited {
	color:rgba(255,255,255,1);
	}

@media screen and (max-width: 1366px) {
nav.global-nav a,
.home nav.global-nav a {
	padding:17px 25px 13px 25px;
	}
}

@media screen and (max-width: 1279px) {
nav.global-nav {
	width:50%;
	}
#bcNav {
	width:50%;
	}
nav.global-nav a,
.home nav.global-nav a {
	padding:17px 8px 13px 8px;
	}
.home header:not(.mainIn) nav.global-nav a,
.home header:not(.mainIn) nav.global-nav a:visited {
	color:rgba(51,51,51,1);
	}
}

/* FOOTER
-----------------------------------*/
footer {
	position:relative;
	bottom:0;
	left:0;
	display:inline-block;
	width:100%;
	height:auto;
	background-color:rgba(51,51,51,1);
	border-top:1px solid rgba(153,153,153,1);
	z-index:1;
	}

footer div {
	display:inline-block;
	width:100%;
	}

footer > div {
	display:inline-flex;
	flex-wrap:wrap;
	max-width:1000px;
	margin:0 auto;
	padding:10px 0;
	}

footer > div div {
	width:60%;
	margin:0 0 5px 0;
	}

footer > div #vcard {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:40%;
	}

#vcard img {
	width:auto;
	height:30px;
	margin:0 auto 10px auto;
	}

footer div a img {
	max-height:80px;
	filter:invert(100%) sepia(0%) saturate(100%) hue-rotate(90deg) brightness(100%) contrast(100%)
	}

footer div p,
footer div p a:link,
footer div p a:visited {
	margin-bottom:0;
	font-size:14px;
	font-size:0.88rem;
	color:rgba(255,255,255,1);
	}

.geo {
	height:0;
	visibility:hidden;
	}

.copy,
.copy p{
	width:100%;
	margin-bottom:0;
	text-align:center;
	}

#top-nav {
	position:fixed;
	right:0;
	bottom:0;
	display:none;
	width:50px;
	height:30px;
	background-color:rgba(0,0,0,0.5);
	border-top:1px solid rgba(0,0,0,0.9);
	border-left:1px solid rgba(0,0,0,0.9);
	z-index:5;
	border-top-left-radius:100%;
	border-top-right-radius:100%;
	}

#top-nav a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	}

#top-nav a::after {
	content:"";
	display:block;
	width:15px;
	height:15px;
	margin-top:7px;
	transform:rotate(-45deg);
	border-top:2px solid rgba(255,255,255,1);
	border-right:2px solid rgba(255,255,255,1);
	}
	

/* MAIN
-----------------------------------*/
main {
	position:relative;
	display:inline-block;
	width:100%;
	margin:0 0 0 0;
	padding-bottom:160px;
	z-index:1;
	}

/* top page */
#topBox {
	position:relative;
	display:inline-block;
	width:100%;
	height:calc(100vh - 80px);
	height:600px;
	margin-bottom:10px;
	background-color:rgba(255,255,255,1);
	overflow:hidden;
	}

#topBox img {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
	}

#topBox > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;/*
	padding-top:80px;*/
	background-color:transparent;
	}

#topBox > div picture{
	display:block;
	width:100%;
	height:100%;
	background-color:transparent;
	}
/*topBox のscroll表示とエフェクト　使用時アクティブに
#topBox > div:after {
	content:"";
	position:absolute;
	bottom:5%;
	left:50%;
	display:inline-block;
	width:7.8vw;
	height:7.8vw;
	margin-left: -3.55vw;
	background-image:url();
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	animation:fluffy 3s infinite;
	}

@keyframes fluffy { //topbox inner allow img scale
    0% {
        transform:scale(1.0);
    }
	50% {
		transform:scale(0.8)
	}
    100% {
        transform:scale(1.0);
    }
}
*/
#topBox > div p,
#topBox > div h2{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:auto;
	color:rgba(255,255,255,1);
	font-size:48px;
	font-size:3rem;
	font-size:2.5vw;
	line-height:1.4;
	text-align:center;
	}
	
#topBox > div p span,
#topBox > div h2 span{
	font-weight:600;
	}

#topBox > div#CSwrap {
	display:inline-block;
	padding-top:0;
	object-fit:cover;
	}

/* slick 使用時　*/
.CSimgWrap {
	position:relative;
	float:left;
	width:100%;
	height:100vh;
	max-height:100vh;
	margin:0 auto;
	background-size: 0;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	}

.slick-slider .slick-list {
	position: relative;
	display: inline-block;
	width:100%;
	transform: translate3d(0, 0, 0);
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.slick-slider .slick-track {
	position: relative;
	display: inline-block;
	width:100%;
	transform: translate3d(0, 0, 0);
	}

.CSimgWrap {
	position:relative;
	float:left;
	width:100%;
	height:100vh;
	max-height:100vh;
	margin:0 auto;
	background-size: 0;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	}

.CSimgWrap img {
	width:100vw;
	height:100%;
	object-fit: cover;
	object-position: center center;
	}

/* index gallary */
#topBox.wSct {
	display:flex;
	}

#topBox.wSct div p > img,
#topBox.wSct div h2 > img{
	max-width:90%;
	}

#topBox.wSct > picture {
	position:relative;
	width:33.333%;
	height:50vh;
	}

@media screen and (min-width:320px) and (max-width:767px) {
#topBox.wSct > picture {
	width:50%;
	height:33.333%;
	}
}

#topBox.wSct > picture img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	}

/* search this theme */
.checkForm {
	display:flex;
	flex-wrap:wrap;
	align-items:initial;
	justify-content:space-between;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	}

.checkForm h3 {
	margin-bottom:20px;
	}

.checkForm label input{
	margin-right:5px;
	}

.checkForm + button{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:20px auto 50px auto;
	padding:10px 20px;
	font-size:1.5rem;
	background-color:transparent;
	border:1px solid rgba(17,17,17,1);
	border-radius:4px;
	outline:none;
	}

.searchWrap h3 {
	margin-bottom:20px;
	}

.searchWrap form div input {
	width:260px;
	height:40px;
	padding:8px;
	font-size:1.5rem;
	border:1px solid rgba(17,17,17,1);
	}

.searchWrap form div {
	display:flex;
	align-items:initial;
	justify-content:center;
	}

.searchWrap form div input + button {
	width:60px;
	height:40px;
	font-size:1.25rem;
	background-color:rgba(204,204,204,1);
	}

.searchWrap form div input + button:hover {
	cursor:pointer;
	}

/* index season wrap and inner 季節のおすすめだな*/
#idxSplWrap {
	max-width:unset;
	}

#idxSplWrap h2 {
	display:inline-flex;
	width:auto;
	}

#idxSplWrap h2:before {
	content:"お奨め!";
	position:absolute;
	left:-50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:120px;
	height:120px;
	font-size:20px;
	font-size:1.25rem;
	font-weight:600;
	color:rgba(255,255,255,1);
	letter-spacing:0;
	background-color:rgba(204,204,204,1);
	background-image:url();
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	transform:rotate(-15deg);
	}

#idxSplWrap div {
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	}

#idxSplWrap > div:before {
	content:"";
	display:block;
	padding-top:33.35%;
	}

#idxSplWrap > div div {
	position:absolute;
	top:0;
	left:0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	height:100%;
	padding-left:5%;
	overflow:hidden;
	}

#idxSplWrap > div div:before {
	content: "";
	display: block;
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%, rgba(255,255,255, 0.75) 80%,rgba(255,255,255,0) 100%);
	z-index: 1;
	}

#idxSplWrap div div > picture,
#idxSplWrap div div > img {
	position:absolute;
	top:0;
	right:0;
	width:65%;
	height:100%;
	margin:0;
	object-fit: cover;
	object-position: center center;
	}


#idxSplWrap div div > picture img {
	width:100%;
	height:100%;
	margin:0;
	object-fit: cover;
	object-position: center center;
	}

#idxSplWrap div div h3 {
	position:relative;
	width:40%;
	margin-left:0;
	z-index:2;
	}

#idxSplWrap div div p {
	position:relative;
	width:40%;
	margin-left:0;
	z-index:2;
	}
	
/* contents */
#contents {
	display:inline-block;
	width:100%;
	margin:0 auto;
	}

/* page top img */
#pImgWrap {
	position:relative;
	display:inline-block;
	width:100%;
	height:50vh;
	margin-bottom:10px;
	background-color:rgba(0,0,0,1);/*
	overflow:hidden;*/
	}

#pImgWrap h2 {
	position:absolute;
	top:0;
	left:0;
	align-items: center;
	width:100%;
	height:100%;
	margin:0;
	padding: 0;
	color:rgba(255,255,255,1);
	font-size:3rem;
	line-height:1;
	text-align:center;
	vertical-align: baseline;
	font-weight:300;
	text-transform:uppercase;/*
	background-color:rgba(0,0,0,.1);*//*
	background-image:linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%,rgba(0,0,0,0.75) 75%, rgba(0, 0, 0, 0) 100%);*/
	z-index:1;
	}
/*下層のページヘッダへの装飾　使用時アクティブに
#pImgWrap h2:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:65%;
	height:100%;
	background-color:rgba(51,51,51,1);
	transform: scaleY(1.6) perspective(.58em) rotateX(-2.5deg);
	transform-origin: top left;
	z-index:-1;
	}*/

#pImgWrap h2 span {
	font-size:32px;	
	font-size:2rem;
	color:rgba(255,153,0,1);
	font-weight:600;
	letter-spacing:0.25rem;
	text-transform:capitalize;
	}

#pImgWrap img {
	width:100%;
	height:100%;
	max-width:unset;
	object-fit:cover;
	object-position:center center;
	opacity:.35;
	}

article {
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 100px 0;
	padding:0 0 0 0;
	}

article:after {
	content:"";
	display:block;
	clear:both;
	line-height:0.1;
	}

article.ent {/*
	max-width:1200px;*/
	}

@media screen and (min-width:1024px) and (max-width:1279px) {/*古いディスプレイやらタブレットなどややこいエリア*/
article.ent {
	padding:50px 2% 0 2%;
	}
}

article > picture {
	display:block;
	margin-bottom:20px;
	}

section {
	display:inline-block;
	width:100%;
	max-width:1200px;
	margin:0 auto 200px auto;
	}

section.fullWidth {
	max-width:unset;
	}

section:last-child {
	margin-bottom:0;
	}

section:not(.flxSct):after {
	content:"";
	display:block;
	clear:both;
	line-height:0.1;
	}

section div h3,
section div h4,
section div p,
section div ul,
section div dl {
	max-width:1000px;
	margin-right: auto;
	margin-left: auto;
	}

/* block */
.wSct {/*100%wでの商品紹介など*/
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	max-width:100%;
	padding:0;/*背景色を変える際は2.5%*/
	}

.wSct.boxset  {
	position:relative;
	align-items: flex-end;
	justify-content: flex-start;
	padding-bottom:0;
	background-position:center;/*背景画像なら*/
	background-repeat:no-repeat;
	background-size:cover;
	}
	
.wSct.boxset picture {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
	
.wSct.boxset picture img {
	width:100%;
	height:100%;
	margin:0;
	object-fit:cover;
	object-position:center center;
	}

.wSct.newsRel {
	padding:50px 0;
	background-color:rgba(255,255,255,1);
	}

.wSctinr {
	display:inline-block;
	width:75vw;
	max-width:1200px;
	min-width:1000px;
	margin:0 auto;
	padding:0 1.5%;
	}

.wSct.boxset .wSctinr{
	position:relative;
	width:33%;
	min-width:500px;
	margin-top:10%;
	margin-left:12.5%;
	padding:1.5%;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(255,255,255, 1.0) 0%,rgba(255,255,255,1.0) 10%, rgba(255, 255,255,0.9) 100%);
	}

.wSctinr > h4 {
	text-align:center;
	font-size:24px;
	font-size:1.5rem;
	}

.wSct .wSctinr p {
	font-size:20px;
	font-size:1.25rem;
	}

/* 1200w inner row box FLEX 2column*/
.fBoxWrap > div{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin:0 auto 50px auto;
	}

.fBoxWrap > div picture,
.fBoxWrap > div > img {
	width:50%;
	}

/* wSct + 横表示　no-margin box */
.fBoxWrap > div.nWrap{
	flex-wrap:nowrap;
	align-items:initial;
	width:100%;
	}

.fBoxWrap > div:last-of-type {
	margin-bottom:0;
	}

.fBoxWrap > div.nWrap div {
	flex-direction:column;
	justify-content:flex-start;
	}

.fBoxWrap > div.nWrap div picture {
	width:100%;
	object-fit:cover;
	object-position:center center;
	}

.fBoxWrap > div.nWrap div picture img {
	width:100%;
	}

.fBoxWrap > div.nWrap div p {
	padding:0 5%;
	}

/* wSct + inner row box */
.fBoxWrap > div div {
	display:inline-flex;
	flex-direction:row;
	align-items:initial;
	justify-content:center;
	width:100%;
	}

/* 交差表示の場合 トップページやカテゴリトップなど2columnに2columnが入り、odd/evenでノーマル・リバース*/
.fBoxWrap > div.crsLyt div:nth-of-type(even) {
	flex-direction:row-reverse;
	}

.fBoxWrap > div.crsLyt div div {
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:50%;
	padding:0 1.5%;
	background-color: rgba(204,204,204,1);
	}

.fBoxWrap > div.crsLyt div picture {
	width:50%;
	object-fit:cover;
	object-position:center center;
	}

.fBoxWrap > div.crsLyt div picture img {
	width:100%;
	}

.fBoxWrap > div.crsLyt div div h4 {
	font-size:24px;
	font-size:1.5rem;
	}

/* diagonal 100%widthで斜めのカット*/
.wSct.diagonal {
	position:relative;
	min-height:calc(100vh - 80px);
	align-items:flex-start;
	background-size:0;
	}

.wSct.diagonal picture {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position:center center;
	z-index: 0;
	}

.wSct.diagonal picture img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	}

.wSct.diagonal:before {/*写真をBG使用時*//*
	content:"";*/
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:inherit;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	filter:blur(1px);
	z-index: 0;
	}

.wSct.diagonal:after {
	content: "";
	display: block;
	width: 100%;
	height: calc(100% + 2px);
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 0;
	background: linear-gradient(to bottom right,rgba(255,255,255,1) 50%,transparent 50.5%) no-repeat top left/100% 100%;
	}

.wSct.diagonal h2 {
	width:100%;
	z-index:1;
	}

.wSct.diagonal .wSctinr {
	position:relative;
	top:0;
	width:50%;
	margin-left:0;
	padding:0 1.5% 28% 1.5%;
	z-index:2;
	}

@media screen and (max-width: 1365px) and (min-width: 1025px) {/*旧ipad以上ふた昔前のノーパソサイズくらい*/
.wSct.diagonal .wSctinr {
	padding-bottom:40%;
	}

.wSct.diagonal .wSctinr p {
	font-size:18px;
	font-size:1.125rem;
	}
}

section  h3 {
	display:inline-flex;
	flex-direction: column;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:0 0 50px 0;
	text-align:justify;
	font-size:1.25rem;
	line-height:1.2;
	}

section p {
	display:inline-block;
	width:100%;
	margin:0 auto 1.5rem auto;
	font-size:16px;
	font-size:1rem;
	color:rgba(17,17,17,1);
	}

section.wSct > p {
	width:auto;
	max-width:1000px;
	}

p.price {
	font-size:24px;
	font-size:1.5rem;
	line-height:1;
	text-align:center;
	}

/* ltor ただのflexbox center center*/
.ltor {
	position:relative;
	display:inline-flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;	
	flex-wrap:wrap;
	}

.ltor h2 {
	width:100%;
	}

.ltor div {
	width:50%;
	max-width:600px;
	}

.ltor div h3 {
	color:rgba(255,255,255,1);
	}

.ltor div picture {
	position:relative;
	display:inline-block;
	width:50%;
	height:auto;
	border:5px solid rgba(255,255,255,1);
	border-radius:50%;
	overflow:hidden;
	}

.ltor div picture:first-of-type {
	margin:0 25%;
	}

.ltor div picture::before {
	content:"";
	display:block;
	padding-top:100%;
	}

.ltor div picture img {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	object-fit:cover;
	}

.wSct.ltor:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom left, transparent 50%, rgba(39,119,200,1)  50.5%) no-repeat top left/100% 50%,
	linear-gradient(to top left, transparent 50%, rgba(39,119,200,1)  50.5%) no-repeat bottom left/100% 50%;;
	z-index: -1;
	}

/* register */
#register {
	display:block;
	}

#register h4 {
	margin-bottom:0;
	text-align:center;
	}

#register > div {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
	margin-bottom:20px;
	}

#register label {
	margin:10px;
	font-size:1rem;
	vertical-align:baseline;
	}

#register label input {
	margin:0 5px 0 0;
	}

#register > input {
	width:100%;
	max-width:600px;
	}

.regbtn {
	width:150px;
	margin:0 5px;
	padding: 0;
	line-height:2;
	font-size:1.25rem;
	color:rgba(0,204,204,1);
	background-color:rgba(250,250,250,1);
	border-radius:6px;
	border:1px solid rgba(222,222,222,1);
	}

.regbtn:hover {
	cursor:pointer;
	}

/* catSummary */
#catSummary {
	display:block;
	}

.home h2,
#catSummary h2 {
	align-items:center;
	margin-bottom:50px;
	}

body:not(.home) #catSummary h2 {
	align-items:flex-start;
	border-bottom:1px solid rgba(102,102,102,1);
	margin-bottom:20px;
	}

#catSummary h3 {
	display:block;
	margin-bottom:20px;
	padding-left:0.5%;
	border-bottom:1px solid rgba(51,51,51,1);
	}

#catSummary div {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:flex-start;
	margin-bottom:50px;
	}

.posts #catSummary div {
	justify-content:center;
	}

#catSummary div a {
	display:inline-block;
	margin:0 10px 10px 10px; 
	padding:0 10px;
	font-size:1.125rem;
	color:rgba(255,255,255,1);
	color:rgba(51,51,51,1);
	line-height:1.8;/*
	background-color:rgba(238,88,23,1);*/
	background-color:transparent;
	border-radius:4px;
	}

.srem {
	font-size:1rem;
	}

/* read more  Learn more のaを囲むラップ 通常はnav */
.moreWrap {
	display:inline-block;
	width:100%;
	padding-top:30px;
	z-index:1;
	}

.moreWrap a {
	display:inline-block;
	width:auto;
	max-width:300px;
	height:70px;
	padding:0 20px;
	font-size:24px;
	font-size:1.25rem;
	line-height:70px;
	color:rgba(153,153,153,1);
	border:1px solid rgba(204,204,204,1);
	border-radius:35px;
	transition:color .5s ease-out,background-color .5s ease-out;
	}

.moreWrap a:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(204,204,204,1);
	}

.moreWrap a:after {
	content:"";
	display:inline-block;
	width:.75rem;
	height:.75rem;
	margin-left:10px;
	padding:5px;
	border-top:2px solid rgba(204,204,204,1);
	border-right:2px solid rgba(204,204,204,1);
	transform:rotate(45deg);
	transition:border-top 0.5s ease-out,border-right 0.5s ease-out;
	}

.moreWrap a:hover:after {
	border-top:2px solid rgba(255,255,255,1);
	border-right:2px solid rgba(255,255,255,1);
	}

/* access 店舗の所在地とかいわゆるアクセスでACFのaccessフィールドに紐付けると検索サイトなんかの場合良い　*/
.access p {
	display:inline-flex;
	justify-content:center;
	width:100%;
	max-width:1200px;
	margin:0 auto 1.5rem auto;
	font-size:20px;
	font-size:1.25rem;
	text-align:left;	
	}

/* map */
.mapWrap {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	}

.mapWrap::before {
	content:"";
	display:block;
	padding-top:30%;
	}

.mapWrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:100%;
	}

/* company */
.motto {
	display:inline-flex;
	justify-content:center;
	text-align:justify;
	font-size:48px;
	font-size:3rem;
	line-height:1.4;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	transform: rotate(.03deg);
	}

.company table:not(.dashed) th {
	color:rgba(255,255,255,1);
	background-color:rgba(39,119,200,1);
	}

.company .dashed th {
	width:150px;
	font-weight:600;
	}

/* guess entries/related entries */
#guessEntriesWrap,
.relatedEntriesWrap {
	width:100%;
	max-width:1200px;
	margin:0 auto 100px auto;
	}

.guessEntries,
.relatedEntries {
	display:flex;
	flex-wrap:wrap;
	align-items:initial;
	justify-content:space-between;
	width:100%;
	}

.guessEntries::after,
.relatedEntries::after {
	content:"";
	display:block;
	width:33.33%;
	}

.guessEntries > div,
.relatedEntries > a {
	display:inline-block;
	width:33%;
	margin:0 0 50px 0;
	text-align:center;
	}
	
.guessEntries > div a {
	display:block;
	width:100%;
	width:auto;
	height:auto;
	}
	
.guessEntries > div a picture,
.relatedEntries > a picture {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	}

.guessEntries > div a picture::before,
.relatedEntries > a picture::before {
	content:"";
	display:block;
	padding-top:66.67%;
	}

.guessEntries > div a picture img,
.relatedEntries > a picture img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:100%;
	max-width:unset;
	height:100%;
	object-fit:cover;
	object-position:center;
	}

.guessEntries > div a h3,
.relatedEntries > div a h3 {
	margin-bottom:10px;
	}

.tagsWrap {
	display:flex;/*
	flex-wrap:wrap;*/
	align-items:initial;
	justify-content:center;
	width:100%;
	padding:0 1%;
	}

.tagsWrap a:link {
	display:inline-block;
	margin:0 10px;
	padding:5px 5px;
	font-size:1rem;
	line-height:1;
	text-align:center;
	text-decoration:none;
	border:1px solid rgba(153,153,153,1);
	border-radius:8px;
	transition:opacity .5s ease-out; 
	}

.tagsWrap a:hover {
	opacity:.75;
	}

/* 投稿一覧（カテゴリー） *//*
.posts section {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	width:100%;
	max-width:75vw;
	min-width:1000px;
	margin:0 auto;
	}

.posts section a {
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 auto 50px auto;
	padding:0;
	text-align:left;
	}
*/
/* ニュースリリース　*/
#newsRwrap{
	width:100%;
	}

#newsRwrap a {
	display:inline-block;
	width:100%;
	padding:25px 0;
	border-bottom:1px solid rgba(153,153,153,1);
	}

#newsRwrap a:first-of-type {
	border-top:1px solid rgba(153,153,153,1);
	}

.newsR {
	align-items: flex-start;
	margin:0;
	font-size:24px;
	font-size:1.5rem;
	line-height:1.4;
	text-align:left;
	color:rgba(51,51,51,1);
	}

a:last-of-type .newsR {
	margin-bottom:0;
	}

.newsR span {
	display:inline-block;
	margin-bottom:10px;
	font-size:16px;
	font-size:1rem;
	}

/* flex section */
/* w100% row box lturと被るがこちらは100vw前提でインラインに複数のコンテンツが入る恰好 */
.flxSct {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:initial;
	width:100%;
	max-width:75vw;
	min-width:1000px;
	}

.flxSct:after {
	content:"";
	display:inline-block;
	width:24%;
	max-width:480px;
	height:0;
	}

.flxSct h2 {
	align-items: center;
	}

.flxSct h3 {
	align-items: center;
	margin-bottom:10px;
	}

.flxSct > a,
.flxSct > div {
	position:relative;
	display:block;
	width:24%;
	max-width:480px;
	height:auto;
	margin:0 0 50px 0;
	padding:0;
	}

.flxSct a {
	display:block;
	}

.flxSct > a:nth-last-of-type(-n+4),
.flxSct > div:nth-last-of-type(-n+4){
	margin-bottom:0;
	}

.flxSct > div h4 {
	font-size:32px;
	font-size:2rem;
	color:rgba(153,153,153,1);
	font-weight:300;
	}

.flxSct > a p:not(.price),
.flxSct > div p:not(.price) {
	margin:0;
	}

/* flxSct inner nomargin */
.flxSct.nm {
	max-width:100%;
	}

.flxSct.nm > a {
	position:relative;
	width:50%;
	max-width:100%;
	margin:0;
	}

.flxSct.nm > a div {
	position:relative;
	background-color:rgba(0,0,0,.75);
	transition:background-color .5s ease-out;
	}

.flxSct.nm > a:hover div {
	background-color:rgba(0,0,0,.5);
	border:1px solid rgba(204,204,204,1);
	}

.flxSct.nm > a h3 {
	position:absolute;
	top:50%;
	left:50%;
	margin:0;
	color:rgba(255,255,255,1);
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:4vw;
	font-weight:600;/*
	text-shadow:0 0 2px rgb(255,255,255);*/
	transform:translatex(-50%) translatey(-50%);
	}

.flxSct.nm > a p {
	position:absolute;
	top:calc(50% + 4vw);
	left:50%;
	width:auto;
	color:rgba(153,153,153,1);
	transform:translatex(-50%) translatey(-50%);
	}	

/* pimgと異なるプロダクトのラップで縦幅が大きい＝写真のアスペクト比3:2に準じてる */
.pdimgWrap {
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 0 10px 0;/*
	padding-top:66.67%*/
	}

.pdimgWrap::before {
	content:"";
	display:block;
	padding-top:56.25%;
	}

.pdimgWrap img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	object-fit:cover;
    object-position: center center;
	transform: translate(-50%, -50%);
	}

.flxSct a div {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	border:1px solid rgba(204,204,204);
	transition:border 0.5s ease-out;
	}

.flxSct a:hover div {
	border-color:rgba(51,51,51,1);
	}

.flxSct a div::before {
	content:"";
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding-top:56.25%;
	}

.flxSct a h3,
.flxSct a h4 {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	margin:10px auto 0 auto;
	padding: 0;
	text-align:left;
	font-family:"nsl","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	font-size:1.25rem;
	line-height:1.2;
	letter-spacing:0;
	color: rgba(17,17,17,1);
	transition:color 500ms ease-out 300ms;
	}

.flxSct a:hover h3,
.flxSct a:hover h4 {
	}

/* pagenation */
.pagination {
	display:inline-flex;
	flex-wrap:wrap;
	align-items:initial;
	justify-content:center;
	width:100%;
	margin-top:50px;
	text-align:center;
	}

.pagination span,
.pagination a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 5px;
	padding:5px;
	line-height:1;
	color:rgba(51,51,51,1);
	border:1px solid rgba(17,17,17,1);
	}

.pagination span:first-child {
	margin-left:0;
	}

.pagination a:last-child {
	margin-right:0;
	}

.pagination > a,
.pagination > span {
	font-size:1rem;
	}

/* contact form mailformproを使うWPプラグインを使うならformのインラインは別に組んだ方が早いかな */
#mailformpro {
	width:100%;
	}

#mailformpro table th {
	width:30%;
	color:rgba(17,17,17,1);
	background-color:rgba(238,238,238,1);
	}

#mailformpro table td {
	width:70%;
	padding:0;
	}

select::-ms-expand {
	display: none;
	}

#mailformpro table input,
#mailformpro table select,
#mailformpro table textarea,
#mailformpro table div.mfr_err {
	width:100%;
	height:50px;
	padding:10px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	font-size:16px;
	font-size:1rem;
	border:none;
	outline:none;/*
	-webkit-appearance: none;
	appearance: none;*/
	}

#mailformpro table input.formtext-hlf,
#mailformpro table span {
	width:49%;/*ブラウザにより50％ではラップしちゃう*/
	}

#mailformpro table select:first-child,
#mailformpro table input.formtext-hlf:not(:nth-child(2)){
	border-right:1px solid rgba(153,153,153,1);
	}

#mailformpro input::placeholder,
#mailformpro select::placeholder,
#mailformpro textarea.formtext::placeholder
	{
	color:rgba(153,153,153,1);
	}

#mailformpro input:focus::placeholder,
#mailformpro textarea:focus::placeholder,
-webkit-#mailformpro textarea:focus::placeholder
	{
	color: transparent;
	}

#mailformpro section {
	display:inline-flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	max-width:1200px;
	margin:0 auto 10px auto;
	text-align:left;
	background-color:rgba(255,255,255,1);
	}

#mailformpro section:first-of-type {
	margin:0 auto 100px auto;
	}

#mailformpro section h3 {
	width:100%;
	margin:0 0 20px 0;
	padding:0;
	background-color:#fff;
	text-align:justify;
	}
 
.formtext {
	display:block;
	width:100%!important;
	padding:0 10px;
	font-size:16px;
	font-size:1rem;
	line-height:1.6;
	color:rgba(17,17,17,1);
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(153,153,153,1);
	}

.selectWrap {
	position:relative;
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	}

.selectWrap::before {
	content:"";
	position:absolute;
	top:1rem;
	right:1rem;
	display:inline-block;
	justify-content:center;
	align-items:center;
	width:10px;
	height:10px;
	transform: rotate(135deg);
	border-top: 2px solid rgba(153,153,153,1);
	border-right: 2px solid rgba(153,153,153,1);
	z-index:1;
	pointer-events: none;
	}

#mailformpro select {
	width:50%;
	height:50px;
	padding:2px 10px;
	font-size:16px;
	font-size:1rem;
	line-height:1.6;
	color:rgba(17,17,17,1);
	background-color:rgba(255,255,255,1);
	border:none;
	-webkit-appearance: none;
    appearance: none;
	}

#mailformpro select .opt-fst {
	color:rgba(153,153,153,1);
	}

#mailformpro section > .selectWrap select {
	width:100%;
	border:1px solid rgba(153,153,153,1);
	border-bottom:none;
	}
/*	
#mailformpro span.zipcode {
	display:inline-block;
	width:75%;
	padding:0 10px;
	font-size:14px;
	font-size:0.88rem;
	color:rgba(17,17,17,1);
	line-height:2;
	border:1px solid rgba(153,153,153,1);
	}
*/
.form-btn {
	display:inline-block;
	width:125px;
	height:60px;
	margin:20px auto 0 auto;
	font-size:20px;
	font-size:1.25rem;
	line-height:60px;
	color:rgba(51,51,51,1);
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(204,204,204,1);
	border-radius:30px;
	outline:none;
	transition:color .5s ease-out,background-color .5s ease-out;
	}

#mailformpro .form-btn:first-of-type {
	margin-right:20px;
	}

.form-btn:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(204,204,204,1);
	cursor:pointer;
	}

#mfp_overlay_inner h4 {
	text-align:center;
	}

body table#mfp_confirm_table tr.mfp_colored {
    background-color: transparent;
	}

#mfp_confirm_table th {
	color:rgba(255,255,255,1);
	background-color:rgba(204,204,204,1);
	}

.mfp_buttons .mfp_element_button {
	display: inline-block;
	width: 120px;
	height: 46px;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 46px;
	color:rgba(204,204,204,1);
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(204,204,204,1);
	border-radius: 23px;
	}

.mfp_buttons .mfp_element_button:hover {
	cursor:pointer;
	}

.mfp_buttons #mfp_button_send {
	font-size:0;
	}

.mfp_buttons #mfp_button_send:before {
	content:"送信";
	font-size:16px;
	font-size:1rem;
	line-height:46px;
	}

.mfp_buttons #mfp_button_cancel {
	font-size:0;
	}

.mfp_buttons #mfp_button_cancel:before {
	content:"修正";
	font-size:16px;
	font-size:1rem;
	line-height:46px;
	}

#contact #mfp_warning {
	font-size:16px;
	font-size:1rem;
	}

#contact .mfp_err {
	background-image:none;
	padding:3px 0px 5px 0;
	}

body table#mfp_confirm_table tr th,body table#mfp_confirm_table tr td {
	font-size:16px;
	font-size:1rem;
	}
	
body div.mfp_err {
	background:none;
	}

@media screen and (min-width:320px) and (max-width:1024px) {/*4inスマホから旧ipadの横まで*/
/* BODY WRAPPER
-----------------------------------*/ 
body {
	-webkit-text-size-adjust: 100%;
	}

#wrapper {
	height:100%;
	padding:0;
	padding-top:50px;
	z-index:0;
	}

/* TYPOGRAPHY
-----------------------------------*/
h1 {
	font-size:12px;
	font-size:0.75rem;
	}

h2 {
	margin-bottom:30px;
	padding:0 1.5%;
	font-size:24px;
	font-size:1.5rem;
	letter-spacing:1px;
	line-height:1.4;
	}

#topBox > div h2 {
	font-size:20px;
	font-size:1.25rem;
	font-size:6.25vw;
	font-weight:600;
	}

@media screen and (orientation: landscape) {
 #topBox > div h2 {
	font-size:20px;
	font-size:1.25rem;
	font-size:3.5vw;
	font-weight:600;
	}
}

h2 span.en {
	font-size:24px;
	font-size:1.5rem;
	font-size:7.5vw;
	}

@media screen and (orientation: landscape) {
 h2 span.en {
	font-size:32px;
	font-size:2rem;
	font-size:7vw;
	}
}

.ent h2 {
	line-height:1;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	font-size:1.25rem;
	}

.ent h2 span {
	font-size:20px;
	font-size:1rem;
	}

.ent h2 span.en {
	font-size:1.5rem;
	}

.ent h2 span.date {
	font-size:1rem;
	}

h3 {
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 0 30px 0;
	padding:0 1.5%;
	font-size:20px;
	font-size:1.25rem;
	line-height:1.4;
	text-align:left;
	}

h3 span.en {
	font-size:32px;
	font-size:2rem;
	}
	
h4 {
	margin:0 0 20px 0;
	letter-spacing:0;
	line-height:1.6;
	text-align:left;
	}

h4.newsR {
	font-size:20px;
	font-size:1.25rem;
	}
p {
	}

strong {
	line-height:1.4;
	}
b {
	}
ul {
	padding:0 0 0 20px;
	}

.ent ul {
	}

li {
	margin:0 0 10px 0;
	text-align:left;
	}

li:last-child {
	margin:0;
	}

dl {
	}

dt {
	text-align:left;
	font-size:16px;
	font-size:1rem;
	line-height:1.4;
	color:rgba(51,51,51,1);
	}

dd {
	margin:0 0 30px 0;
	text-align:left;
	}

dd:last-child {
	margin:0;
	}
/* IMG OBJECT
-----------------------------------*/
img {
	max-width:100%;
	}

.alignright {
	float:none;
	width:100%;
	margin:0 0 20px 0;
	}
	
@media screen and (orientation: landscape) {
 .alignright {
	float:right;
	width:calc(50% - 20px);
	margin:0 0 20px 20px;
	}
}

.alignleft {
	float:none;
	width:100%;
	margin:0 0 20px 0;
	}

@media screen and (orientation: landscape) {
 .alignleft {
	float:left;
	width:calc(50% - 20px);
	margin:0 20px 20px 0;
	}
}
	
.ent img {
	min-width:100%;
	max-width:100%;
	}

p img.lMark {
	width:50%;
	}
	
tr {
	display:inline-flex;
	flex-direction:column;
	}

th {
	text-align:center;		
	}

/* HEADER
-----------------------------------*/
header {
	display:flex;
	width:100%;
	height:50px;
	padding:0;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translate3d(0, 0, 0);
	z-index:2;
	}
/*
header#gHeader:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	}
*/
.navTrigger {
	position:absolute;
	top:0;
	right:0;
	z-index:-9999;
	visibility:hidden;
	}

.navTrigger ~ label {
	position:relative;
	top:0;
	right:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	z-index:6;
	}

.slide-button {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	width:33px;
	height:33px;
	transition:transform 0.5s ease-out;
	}

.slide-button span {
	width:5px;
	height:5px;
	background-color:rgb(0,0,0,1);
	border-radius:5px;
	}
	
.home header:not(.mainIn) .slide-button span,
.home header:not(.mainIn) .slide-button span {
	background-color:rgb(255,255,255,1);
	}


.home header:not(.mainIn) input#Trigger:checked ~ label .slide-button span {
	background-color:rgba(0,0,0,1);
	}
/*エフェクト使用時アクティブに
input#Trigger:checked ~ label .slide-button {
	transform:rotate(-90deg);
	}
*/
.logo-box {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:calc(100% - 60px);
	min-height:auto;
	padding:0 0 0 5%;
	text-align:center;
	transition:background-color 0.5s ease-out;
	z-index:5;
	}

.logo-box a img {
	width:auto;
	height:34px;
	transition:opacity 0.5s ease-out 0.2s;
	}

.boxIn .logo-box a img {
	opacity:0;
	}

/* nav-grp */
.nav-grp {
	position:fixed;
	top:0;
	left:0;
	float:none;
	flex-direction:column;
	justify-content: flex-start;
	width:100%;
	height:0;
	padding:0 0 0 0;
	background-color:rgba(255,255,255,1);
	z-index:2;
	transition:height 0.5s ease-out;
	}

input#Trigger:checked + label + .nav-grp {
	height:100vh;
	padding-top:90px;
	overflow:auto;
	overflow-y:scroll;
	opacity:1;
	}

input#Trigger:not(:checked) + label + .nav-grp {
	height:0;
	overflow: hidden;
	transition:height 0.5s ease-out 0.3s,padding-top 0.5s ease-out 0.3s;
	}

#bcNav {
	display:inline-flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	width:100%;
	height:auto;
	padding:10px 2%;
	margin:0 0 50px 0;
	color:rgba(17,17,17,1);
	white-space:nowrap;
	opacity:1;
	transition:opacity 0.3s ease-out 0.5s;
	}

#bcNav a {
	color:rgba(17,17,17,1);
	white-space:pre-wrap;
	}

#bcNav a span {
	}

#bcNav h1 {
	color:rgba(17,17,17,1);
	}

nav.global-nav {
	float:right;
	display:inline-flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	width:100%;
	height:auto;
	opacity:0;
	transition:opacity 0.3s ease-out;
	}

input#Trigger:checked ~ .nav-grp #bcNav,
input#Trigger:checked ~ .nav-grp nav.global-nav {
	animation: fade 0.7s ease-out 0.7s;
	animation-fill-mode: forwards;
	overflow:visible;
	}

input#Trigger:not(:checked) ~ .nav-grp #bcNav,
input#Trigger:not(:checked) ~ .nav-grp nav.global-nav {
	opacity:0;
	animation:refade 0.3s ease-out;
	animation-fill-mode:forwards;
	}

@keyframes fade {
	0% { opacity:0;}
	50% { opacity:0.5; }
	100% { opacity:1;}
	}

@keyframes refade {
	0% { opacity:1;}
	50% { opacity:0.5; }
	100% { opacity:0;}
	}

@media screen and (orientation: landscape) {
 nav.global-nav {
	flex-direction:row;
	}
}

nav.global-nav > a {
	display:block;
	width:100%;
	height:auto;
	padding:15px 5px;
	font-size:24px;
	font-size:1.5rem;
	font-family:  sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	font-weight:300;
	line-height:1;
	color:rgba(17,17,17,1);
	border-bottom:1px solid rgba(204,204,204,1);
	text-transform:uppercase;
	}

nav.global-nav > a:first-of-type {
	border-top:1px solid rgba(204,204,204,1);
	}

.home .mainIn nav.global-nav > a {/*
	color:rgba(255,255,255,1);*/
	}

@media screen and (orientation: landscape) {
 nav.global-nav > a {
	width:50%;
	}
 nav.global-nav > a:nth-of-type(2) {
	border-top:1px solid rgba(204,204,204,1);	
	}
}

/* FOOTER
-----------------------------------*/
footer {
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	padding:20px 0;
	}

footer div {
	width:100%;
	}

footer > div div,
footer > div #vcard {
	width:100%;
	}

footer div p {
	padding:0 5%;
	}

nav.ft-nav {
	display:inline-block;
	width:100%;
	}

#top-nav {
	width:50px;
	height:40px;
	}

#top-nav a::after {
	content:"";
	display:block;
	width:30%;
	height:30%;
	margin-top:20%;
	border-top:2px solid rgba(255,255,255,1);
	border-right:2px solid rgba(255,255,255,1);
	transform:rotate(-45deg);
	}

/* MAIN
-----------------------------------*/
main {
	display:inline-block;
	width:100%;
	padding-bottom:0;
	}

/* top box */
#topBox {/*
	margin-bottom:10px;*/
	}

@media screen and (orientation: landscape) {
#topBox {
	max-height:100vh;
	}
}
	
#topBox div p {
	margin-bottom:5%;
	font-size:20px;
	font-size:1.25rem;
	font-size:6.5vw;
	font-weight:600;
	}

@media screen and (orientation: landscape) {
 #topBox div p {
	font-size:20px;
	font-size:1.25rem;
	font-size:3.6vw;
	}
}

#topBox > div:after {
	width: 25vw;
    height: 25vw;
    margin-left: -11vw;
	}

@media screen and (orientation: landscape) {
#topBox > div:after {
	bottom:3%;
    width: 18vw;
    height: 18vw;
    margin-left: -8.5vw;
	}
}

/* CS use */
@media screen and (orientation: landscape) {
#CSwrap
.CSimgWrap {
	max-height:100vh;
	}
}
/*
#CSwrap {
	position:absolute;
	}
*/
#pImgWrap {
	height:25vh;/*
	margin-bottom:50px;*/
	}

#pImgWrap h2 {
	width:100%;
	margin:0 0 30px 0;
	font-size:24px;
	font-size:1.5rem;
	letter-spacing:2px;
	letter-spacing:0.125rem;
	line-height:1.2;
	text-align:center;
	}

#pImgWrap h2 span {
	font-size:14px;
	font-size:0.88rem;
	letter-spacing:0.065rem;
	}
/* index season wrap and inner */
#idxSplWrap {
    padding:0;
	}

#idxSplWrap h2 {
	padding:0;	
	font-size:24px;
	font-size:1.5rem;
	}

#idxSplWrap h2:before {
	top:-40px;
	left:-30px;
	width:80px;
	height:80px;
	font-size:16px;
	font-size:1rem;
	font-weight:600;
	z-index:-1;
	}

#idxSplWrap div {
	}

#idxSplWrap > div:before {
	display:none;
	}

#idxSplWrap > div div {
	position:relative;
	justify-content:flex-end;
	height:100%;
	padding:0;
	}

#idxSplWrap > div div:before {
	display:none;
	width:150%;
    background-image:linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255, 0) 60%,rgba(255,255,255,0) 100%);
    z-index: 1;
	}

#idxSplWrap div div > picture,
#idxSplWrap div div > img {
	width:100%;
	height:66.67vw;
	margin:0;
	}

#idxSplWrap div div h3 {
	position:relative;
	width:100%;
	margin-top:calc(66.67vw + 20px);
	margin-left:0;
	z-index:2;
	}

#idxSplWrap div div p {
	position:relative;
	width:100%;
	margin-left:0;
	padding:0 1.5%;
	z-index:2;
	}

/* contents */
article {
	display:inline-block;
	margin:0 0 50px 0;
	padding:0;
	}

article:first-of-type {/*
	padding:60px 0 0 0;*/
	}

body.home article:first-of-type {
	padding-top:0px;
	}

article.ent {
	width:100%;/*
	padding:100px 1.5% 0 1.5%;*/
	}

section {
	width:100%;
	margin:0 0 50px 0;
	padding:0 1.5%;
	}

section.common div {
	padding:0;
	}

/* block *//*
#commonBlock {
	flex-direction:column;
	}

@media screen and (orientation: landscape) {
 #commonBlock {
	flex-direction:row;
	}
}
*/
section {
	padding:1.5% 1.5%;
	}

.wSct {/*
	padding:1.5%;*/
	}

.wSct.newsRel{
	padding:0 1.5%;
	}

.wSctinr {
	width: 100%;
	min-width: unset;
	padding:0 1.5%;
	}

section > h3 {
	position:relative;
	margin-bottom:20px;
	padding:0;
	text-align:justify;
	}
	
section p {
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
	}

.wSct > p {
	padding:0 2.5%;
	}

.motto {
	font-size:24px;
	font-size:1.5rem;
	font-weight:600;
	}

/* diagonal */
.wSct.diagonal {
	min-height:unset;
	padding:0;/*背景画像使用時
	background-size:auto 75%;*/
	}

@media screen and (orientation: landscape) {/*背景画像使用時
 .wSct.diagonal {
	background-size:100% auto;
	}*/
}

.wSct.diagonal:after {
	display:none;
	}
	
.wSct.diagonal h2 {
	margin-bottom:0;
	padding-bottom:20px;
	background-color:rgba(255,255,255,1);
	}
	
.wSct.diagonal picture {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	width: 100%;
	height: 100%;
	z-index: 0;
	}

.wSct.diagonal picture img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	}

.wSct.diagonal .wSctinr {
    width: 100%;
    padding: 0 1.5% 0 1.5%;
	overflow:hidden;
	}

.wSct.diagonal .wSctinr h3 {
	margin-bottom:65vw;
	padding-bottom:5%;
	}

.wSct.diagonal .wSctinr h3:before {
	content:"";
	position:absolute;
	top:-19%;
	left:-2.6%;
	display:block;
	width:105.27%;
	height:94%;
	background-color:rgba(255,255,255,1);
	z-index:-1;
	}
	
.wSct.diagonal .wSctinr h3:after {
	content:"";
	position:absolute;
	bottom:-10.2vw;
	left:-2.6%;
	display:block;
	width:105.27%;
	height:auto;
	padding-top:15%;
	background: linear-gradient(to bottom right,rgba(255,255,255,1) 50%,transparent 50.5%) no-repeat top left/100% 100%;
	z-index:-1;
	}

.wSct.diagonal .wSctinr p {
	position:relative;
	margin:0;
	padding-top:2.5%;
	font-size:16px;
	font-size:1rem;
	}

.wSct.diagonal .wSctinr p:before {
	content:"";
	position:absolute;
	top:-21.5%;
	left:-2.6%;
	display:block;
	width:105.27%;
	height:25%;
	background: linear-gradient(to top right,rgba(255,255,255,1) 50%,transparent 50.5%) no-repeat top left/100% 100%;
	z-index:-1;
	}

.wSct.diagonal .wSctinr p:after {
	content:"";
	position:absolute;
	bottom:-11.5%;
	left:-2.6%;
	display:block;
	width:105.27%;
	height:108%;
	background-color:rgba(255,255,255,1);
	z-index:-1;
	}

@media screen and (orientation: landscape) {
 .wSct.diagonal .wSctinr h3 {
	margin-bottom:35%;
	}
}

@media screen and (orientation: landscape) {
 .wSct.diagonal .wSctinr h3 {
	margin-bottom:35%;
	}
}

/*　fBoxWrap */
.fBoxWrap > div {
	flex-direction:column;
	margin-bottom:30px;
	}
	
@media screen and (orientation: landscape) {
 .fBoxWrap div h4 {
	width:50%;
	 text-align:center;
	}
}

.wSct.boxset {
	display:inline-block;
	background-position:center top;
	background-size:contain;
	}

.wSct.boxset:before {
	content:"";
	display:block;
	padding-top:56.25%;
	}

.wSct.boxset .wSctinr{
	width:100%;
	min-width:unset;
	margin-top:0;
	margin-left:0;
	padding:30px 2.5% 0 2.5%;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(255,255,255, 1.0) 0%,rgba(255,255,255,1.0) 10%, rgba(255, 255,255,1) 100%);
	}

.wSct.boxset .wSctinr p {
	font-size:16px;
	font-size:1rem;
	}

.fBoxWrap div {
	margin-bottom:30px;
	}

.fBoxWrap > div picture,
.fBoxWrap > div > img,
.fBoxWrap > div picture img	{
	width:100%;
	}
	
@media screen and (orientation: landscape) {
 .fBoxWrap div h4 {
	width:50%;
	}
}

/* wSct + 横表示　no-margin box */
.fBoxWrap > div.nWrap{
	flex-wrap:nowrap;
	align-items:initial;
	flex-direction:column;
	}

@media screen and (orientation: landscape) {
.fBoxWrap > div.nWrap{
	}
	}
	
.fBoxWrap > div:last-of-type {
	margin-bottom:0;
	}

.fBoxWrap > div.nWrap div {
	flex-direction:column;
	justify-content:flex-start;
	}

.fBoxWrap > div.nWrap div p {
	padding:0 5%;
	}

/* wSct + inner row box */
.fBoxWrap > div.crsLyt {
	align-items:initial;		
	}
	
.fBoxWrap > div.crsLyt div {
	flex-direction:column;
	justify-content:flex-start;
	margin:0;
	}

/* 交差表示の場合 */
.fBoxWrap > div.crsLyt div:nth-of-type(even) {
	flex-direction:column;
	}

.fBoxWrap > div.crsLyt div div {
	align-items:initial;
	width:100%;
	padding:10px 1.5% 0 1.5%;
	}

.fBoxWrap > div.crsLyt div picture {
	width:100%;
	}

.fBoxWrap > div.crsLyt div div h4 {
	width:100%;
	font-size:24px;
	font-size:1.5rem;
	}
	
/* ltor */
.ltor {
	flex-direction:column;
	}

.wSct.ltor:before {
	z-index:0;		
	}

.ltor div {
	width:100%;
	}

.ltor div h3 {
	color:rgba(17,17,17,1);
	}

.moreWrap {
	padding-top:20px;
	}

.moreWrap a {
	display:inline-block;
	width:120px;
	height:46px;
	font-size:18px;
	font-size:1.125rem;
	line-height:46px;
	border-radius:23px;
	}

.moreWrap a:after {
	width:0.75rem;
	height:0.75rem;
	margin-left:10px;
	}

/* company */
.company .dashed th {
	width:100%;
	}
	
/* guess entries */
.guessEntries > div {
	width:100%;
	}

/* newsRel */
#newsRwrap a h3.newsR {
	font-size:1.125rem;
	}

/* map */
.mapWrap:before {
	padding-top:100%;
	}

@media screen and (orientation: landscape) {
.mapWrap:before {
	padding-top:56.25%;
	}
}
/* if posts *//*
.posts section {
	justify-content:space-around;
	width:100%;
	max-width:unset;
	}

.posts section a {
	width:100%;
	margin:0 0 50px 0;
	}

@media screen and (orientation: landscape) {
 .posts section a {
	width:50%;
	}
}

.posts section a div {
	align-items: flex-end;
	padding-bottom: 15%;
	border-right:1px solid rgba(255,255,255,1);
	}

.posts section a div::before {
	background-color:rgba(0,0,0,0.35);
	transition:background-color 500ms linear,border 500ms ease-out 200ms;
	border:1px solid rgba(0,0,0,0);
	}

.posts section a div h3 {
	width:auto;
	margin: 0 5%;
	line-height:1.4;
	letter-spacing:0;
	color: rgba(255,255,255,1);
	border-bottom:1px solid rgba(255,255,255,1);
	transition:color 500ms ease-out 300ms,letter-spacing 500ms ease-out 300ms;
	}

.posts section a div h3::after {
	display:none;
	}
*/
/* flex section */
.flxSct {
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	max-width:100%;
	min-width:unset;	
	margin:0 auto 50px auto;
	}

.flxSct > a,
.flxSct > div {
	position:relative;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 auto 50px auto;
	padding:0;
	}

.flxSct > a:nth-last-of-type(-n+3),
.flxSct > div:nth-last-of-type(-n+3){
	margin-bottom:50px;
	}

.flxSct a div {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top center;
	}

.flxSct a div::before {
	content:"";
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding-top:56.25%;
	background-color:rgba(0,0,0,0);
	transition:background-color 500ms linear,border 500ms ease-out 200ms;
	border:1px solid rgba(0,0,0,0);
	}
/*
.flxSct a:hover div::before {
	background-color:rgba(0,0,0,0.5);
	border:2px solid rgba(0,0,0,0.2);
	}
*/
.flxSct a h3,
.flxSct a h4 {
	display:inline-block;
	width:100%;
	margin:20px 0 0 0;
	padding: 0;
	text-align:center;
	font-family:"nsl","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
	font-size:1.25rem;
	line-height:1.2;
	letter-spacing:0;
	color: rgba(17,17,17,1);
	transition:color 500ms ease-out 300ms;
	}

.flxSct a:hover h3,
.flxSct a:hover h4 {
	color: rgba(15,115,238,1);
	}

.flxSct > div h4,
.flxSct > a div h4 {
	display:inline-flex;
	align-items:center;
	text-align:left;
	}

/* contact form */
#contact {
	padding:100px 0 0 0;
	}

#contact .formwrap {
	padding-top:36vw;
	}

#contact .formwrap #mailformpro {
	padding:10px 0 0 0;
	} 

#contact #mailformpro section input,
#contact #mailformpro section select,
#contact #mailformpro section span,
#contact #mailformpro section textarea,
#contact #mailformpro section div.mfr_err
	{
	font-size:13px;
	font-size:0.82rem;
	border-radius:0;
	}

#contact #mailformpro section span {
	float:right;
	font-size:0;
	}

#contact #mailformpro section span a {
	display:inline-block;
	width:100%;
	height:100%;
	font-size:13px;
	font-size:0.82rem;
	}

#mailformpro section {
	max-width:unset;
	}

#mailformpro section:first-of-type {
	margin:0 auto 50px auto;
	}

#mailformpro table th {
	width:100%;
	}
	
#mailformpro table td {
	width:100%;
	}

#mailformpro section h3 {
	display:flex;
	justify-content:center;
	background-color:#fff;
	padding:0 5%;
	text-align:justify;
	font-size:16px;
	font-size:1rem;
	color:rgba(17,17,17,1);
	}

.formtext-half {
	width:100%;
	font-size:16px;
	font-size:1rem;
	line-height:2;
	color:rgba(17,17,17,1);
	background-color:rgba(255,255,255,1);
	}

#mailformpro sectio .formtext {
	display:block;
	width:100%;
	font-size:16px;
	font-size:1rem;
	border:1px solid rgba(153,153,153,1);
	}

.formtext-qtr {
	width:100%;
	font-size:16px;
	font-size:1rem;
	border:1px solid rgba(153,153,153,1);
	}

.selectWrap {
	float:left;
	width:100%;
	}

#mailformpro table textarea {
	height:auto;
	min-height:50px;
	}

#mailformpro table input.formtext-hlf,
#mailformpro table select,
#mailformpro table span {
    width: 100%;
	}

#mailformpro table select:first-child,
#mailformpro table input.formtext-hlf:not(:nth-child(2)) {
    border-right: none;
	border-bottom: 1px solid rgba(204,204,204,1);
	}
	
select 	{
	font-size:16px;
	font-size:1rem;
	line-height:1;
	border:1px solid rgba(153,153,153,1);
	}

#mailformpro section > select {
	width:100%;
	}

#mailformpro table select + form#mailformpro table input.formtext-hlf {
	border-top:1px solid rgba(204,204,204,1);		
	}

#mailformpro span.zipcode {
	display:block;
	width:100%;
	font-size:16px;
	font-size:1rem;
	color:rgba(17,17,17,1);
	line-height:3;
	border-top:1px solid rgba(204,204,204,1);
	}

.form-btn {
	display: inline-block;
    width: 120px;
    height: 46px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 46px;
    border-radius: 23px;
	}

body div#mfp_overlay {
	}

body div#mfp_overlay div#mfp_overlay_inner {
	width:100%;
	padding:0;
	border-radius:0;
	}

body div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table {
	display:inline-block;
	width:100%;
	}

body div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tbody {
	display:inline-block;
	width:100%;
	}

body div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tr {
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,1);
	}

body div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tbody tr th {
	width:100%;
	}

body div#mfp_overlay div#mfp_overlay_inner table#mfp_confirm_table tbody tr td {
	width:100%;
	}

#contact #mfp_warning {
	font-size:14px;
	font-size:0.88rem;
	}
}

@media screen and (min-width: 768px) and (max-width:1280px) {
body.home #wrapper:before {
	padding:33vw 40% 0 2.5%;
	font-size:5vw;
	}

.wSct.diagonal {
	background-size:cover;
	}

.philosophy h2 {
	background-color:rgba(255,255,255,1);		
	}

h2 span.en {
	font-size:4rem;
	}

.home .flxSct > a,.home .flxSct > div {
	width:32%;
	}

#topBox > div:after {
    width: 18vw;
    height: 18vw;
    margin-left: -7.5vw;
}

@media screen and (orientation: landscape) {
#topBox > div:after {
    bottom: 3%;
    width: 12vw;
    height: 12vw;
    margin-left: -5.25vw;
	}
}

/* index season wrap and inner */
#idxSplWrap h2:before {
	left:-80px;
	}

#idxSplWrap > div:before {
	content:"";
	display:block;
	padding-top:50%;
	}

@media screen and (orientation: landscape) {
#idxSplWrap > div:before {
	padding-top:42.5%;
	}
}

#idxSplWrap > div div {
	position:absolute;
	top:0;
	left:0;
	justify-content:flex-start;
	flex-wrap:initial;
	padding-top:20px;
	}

#idxSplWrap > div div:before {
	display: block;
	width: 60%;
	height: 100%;
	background-image:linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%, rgba(255,255,255, 0.75) 80%,rgba(255,255,255,0) 100%);
	}

#idxSplWrap div div > img {
	width:65%;
	height:100%;
	}

#idxSplWrap div div h3 {
	position:relative;
	width:50%;
	margin-top:0;
	margin-left:0;
	z-index:2;
	}

#idxSplWrap div div p {
	width:50%;
	z-index:2;
	}

.flxSct > a, .flxSct > div,
.flxSct:after {
	width:32%;
	}

.fBoxWrap > div {
	flex-direction:row;		
	}
	
.fBoxWrap > div picture,
.fBoxWrap > div > img{
	width:50%;
	}

.fBoxWrap > div.crsLyt div {
	flex-direction:row;
	}

.fBoxWrap > div.crsLyt div:nth-of-type(even) {
	flex-direction:row-reverse;
	}

.fBoxWrap > div.nWrap {
	flex-direction:row;
	}

.mapWrap:before {
		padding-top:56.25%;
	}

.ent img {
	min-width:50%;
	max-width:100%;
	}

.ent img.flt-right,
.ent img.flt-left {
	max-width:50%;
	}
}