@charset "euc-jp";
body {
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #464e54;
}
a {
  color: #464e54;
}
a:hover {
  color: #5e5e5e;
}

/*----------------------------------------------------------------------
このファイルを共通テンプレートＣＳＳの一番下に追記する
-------------------------------------------------------------------------*/
/* ***
   normalize.css
   スタイルをリセット
**** */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
audio,
canvas,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active,
a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button,
input,
select,
textarea { font-family: inherit; font-size: 100%; margin: 0; }
button,
input { line-height: normal; }
button,
select { text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
input,textarea { padding:0 0.5em !important; background:#f0f0f0; border:1px solid #e0e0e0;}
input[type="text"],textarea { width:100%;}
input[type="checkbox"] { margin:0.5em 0 0 0;}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
/* *******

   Base
   基本スタイル
******* */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; }
html,
body { height: 100%; width: 100%; }
html,
body { 
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
color:#000;
font-size:16px;
letter-spacing:0;
word-break: break-all;
 }
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; font-weight: normal; }
p { margin: 0; padding: 0; font-weight: normal; letter-spacing: 0.1em;font-size: 14px; line-height: 2.1;  }
a { color: inherit; outline: none; text-decoration: none; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:focus { outline: none; }
*::-moz-selection {
background: #5C5C5C;
color:#fefefe;
}

*::selection { background:#5C5C5C; color: #fefefe; }
h1,
h2,
h3,
h4,
h5 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* ----- .cf ----- */ 
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
/* ----- .transition03 ----- */ 
.transition03 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.transition05 { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

a:link { text-decoration:none; font-weight: 600; }
a:visited { text-decoration:none; /*font-weight: 600;*/ }
a:hover { text-decoration:none; color:#bababa; }
a:active { text-decoration:none; color:#bababa; }

/*#scrollUp*/ 
#scrollUp { position: fixed; bottom: 31px; right: 25px; z-index: 11; }
#scrollUp i { font-size: 40px; line-height: 58px; font-style:normal; text-shadow:
        0 1px 0 #fff,
        1px 0 0 #fff,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff
        ;  }
#scrollUp a { text-decoration:none; width: 60px; height: 60px; display: block; color: #111111;/*color:#2c1605;*/ background: none/*#a2e233*/; text-align: center; z-index: 11; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  }
#scrollUp a:hover { -webkit-transform: translate(0px, -5px); -moz-transform: translate(0px, -5px); -o-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); background: background: none/*#c6f17a*/; }

/*共通*/
.FL {float:left;}
.FR {float:right;}
.CENTER { width:100%; text-align:center; }
.LEFT { width:100%; text-align:left; }
.RIGHT { width:100%; text-align:right; }

/*画像のロールオーバー（透過）*/
.imgHover a img {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
.imgHover a img:hover
{
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}

.bgBrown {
	background: #eeebe7;
}


/*見出し*/
.normalst {
	font-weight: normal;
	font-size: 25px;
	width: 100%;
	text-align: center;
	margin-bottom: 70px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.normalst {
	font-size: 21px;
	margin-bottom: 35px !important;
}
}

.normalst2 {
	font-weight: normal;
	font-size: 20px;
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.normalst2 {
	font-size: 18px;
	margin-bottom: 22px !important;
}
}

.normalst3 {
	font-size: 24px;
	width: 100%;
	text-align: center;
	margin-bottom: 45px;
	letter-spacing: 0.1em;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.normalst3 {
	font-size: 20px;
	margin-bottom: 25px !important;
		margin-top: 50px !important;
}
}



.stH3_01 {
	font-size: 24px;
	margin:90px 0 30px 0;
	font-weight: bold;
}
.stH3_01:after {
	display: block;
	content: "";
	width: 100px;
	height: 3px;
	margin: 12px auto 0 auto;
	background: #553c14;
}
@media screen and (max-width: 768px) {
.stH3_01 {
	font-size: 20px;
	margin:65px 0 20px 0;
	font-weight: bold;
}
}
@media screen and (max-width: 414px) {
.stH3_01 {
	font-size: 17px;
	margin:40px 0 20px 0;
	font-weight: bold;
}
}

.stH3_02 {
	font-size: 28px;
	margin:60px 0 30px 0;
	font-weight: bold;
	color: #000;
}
@media screen and (max-width: 768px) {
	.stH3_02 {
	font-size: 25px;
	}
}
@media screen and (max-width: 414px) {
	.stH3_02 {
	font-size: 22px;
	}
}

.stH3_03 {
	font-size: 28px;
	margin:60px 0 30px 0;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.stH3_03 {
	font-size: 25px;
	}
}
@media screen and (max-width: 414px) {
	.stH3_03 {
	font-size: 22px;
	}
}

.stH3_04 {
	font-size: 40px;
	margin:90px 0 30px 0;
	font-weight: bold;
}
.stH3_04:after {
	display: block;
	content: "";
	width: 100px;
	height: 3px;
	margin: 12px auto 0 auto;
	background: #553c14;
}
@media screen and (max-width: 768px) {
.stH3_04 {
	font-size: 30px;
	margin:160px 0 20px 0;
	font-weight: bold;
}
}
@media screen and (max-width: 414px) {
.stH3_04 {
	font-size: 24px;
	margin:40px 0 20px 0;
	font-weight: bold;
}
}

.stH3_05 {
	font-size: 24px;
	display: block;
	text-align: left;
	border-bottom: 2px solid #553c14;
	margin:0 0 20px 0;
	font-weight: bold;
	padding: 30px 0 0 0;
}

.stH4_01 {
	font-size: 16px;
	padding: 2px 10px;
	border: 1px solid #553c14;
	margin:20px 0 10px 0;
	font-weight: bold;
	display: inline-block;
}

/*テキスト*/
.bigTxt_01 {
	font-size: 40px;
	margin: 0 0 15px 0;
}
.bigTxt_02 {
	font-size: 40px;
	margin: 90px 0 30px 0;
}
@media screen and (max-width: 768px) {
.bigTxt_01 {
	font-size: 30px;
	line-height: 1.4em;
	margin: 10px 0 10px 0;
}
.bigTxt_02 {
	font-size: 30px;
	margin: 65px 0 20px 0;
}
}
@media screen and (max-width: 414px) {
.bigTxt_01 {
	font-size: 24px;
}
.bigTxt_02 {
	font-size: 24px;
	margin:40px 0 20px 0;
}
}

/*ボタン*/
a.btn01:link,
a.btn01:visited{
	display: inline-block;
	padding: 0.3em 3em;
	font-size: 22px;
	border: 3px solid #553c14;
	background: #fff;
	margin: 1.8em 0 2.7em 0;
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
a.btn01:hover,
a.btn01:active{
	background: #553c14;
	color: #fff;
}

.btn01mainasu {
	margin: -3em 0 100px 0;
	font-size: 12px;
}


/******************************************
　背景固定
******************************************/
.cd-main-content {
  /* height: 100%;*/
  position: relative;
  z-index: 1; }

.cd-fixed-bg {
  margin: 0;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1; }

.cd-fixed-bg {
  background-attachment: scroll;background-attachment: fixed; }

.cd-fixed-bg.cd-bg-tm {
  position: relative;
  background-image: url(../img/img_top1@2x-100.jpg);
  height: 40vh; }

.tbspBg { display: none; }
@media screen and (max-width: 768px) {
.tbspBg {
	display: block;
	height: 40vh;
	background: url(../img/img_top1-100.jpg) no-repeat center center /cover;
}
}



.boxCenter {text-align:center !important;}

.marginT10 {margin-top:10px !important; display:block;}
.marginT20 {margin-top:20px !important; display:block;}
.marginT30 {margin-top:30px !important; display:block;}
.marginT40 {margin-top:40px !important; display:block;}
.marginT50 {margin-top:50px !important; display:block;}
.marginT60 {margin-top:60px !important; display:block;}
.marginT70 {margin-top:70px !important; display:block;}
.marginT80 {margin-top:80px !important; display:block;}
.marginT90 {margin-top:90px !important; display:block;}
.marginT100 {margin-top:100px !important; display:block;}
.marginT200 {margin-top:200px !important; display:block;}

.marginB10 {margin-bottom:10px !important; display:block;}
.marginB20 {margin-bottom:20px !important; display:block;}
.marginB30 {margin-bottom:30px !important; display:block;}
.marginB40 {margin-bottom:40px !important; display:block;}
.marginB50 {margin-bottom:50px !important; display:block;}
.marginB60 {margin-bottom:60px !important; display:block;}
.marginB70 {margin-bottom:70px !important; display:block;}
.marginB80 {margin-bottom:80px !important; display:block;}
.marginB90 {margin-bottom:90px !important; display:block;}
.marginB100 {margin-bottom:100px !important; display:block;}

.paddingTB40 {padding:40px 0 !important; display:block;}
.marginR10 {margin-right:10px !important; display:block;}
.marginR20 {margin-right:20px !important; display:block;}
.marginR30 {margin-right:30px !important; display:block;}
.marginL10 {margin-left:10px !important; display:block;}
.marginL20 {margin-left:20px !important; display:block;}
.marginL30 {margin-left:30px !important; display:block;}

.marginMT10 {margin-top:-10px !important; display:block;}
.marginMT20 {margin-top:-20px !important; display:block;}
.marginMT30 {margin-top:-30px !important; display:block;}
.marginMT40 {margin-top:-40px !important; display:block;}
.marginMT50 {margin-top:-50px !important; display:block;}
.marginMT60 {margin-top:-60px !important; display:block;}
.marginMT70 {margin-top:-70px !important; display:block;}
.marginMT80 {margin-top:-80px !important; display:block;}
.marginMT90 {margin-top:-90px !important; display:block;}
.marginMT100 {margin-top:-100px !important; display:block;}

.fontG {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.fontM {font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;}
/* ----------------------------------------------------------  
   #preloader 
   ---------------------------------------------------------- */ 
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fefefe; z-index: 99998; }
.spinner { text-align: center; width: 54px; height: 54px; background: url(../img/loading_54x54.gif) no-repeat center center; position: absolute; left: 50%; top: 50%; margin: -27px 0 0 -27px; z-index: 99999; }
/* *********
   スイッチ
********* */
.zen_bread { padding:2.5rem 1.5rem 2.5rem 300px; }
.zen_bread .zen_bread_list {}
.zen_bread .zen_bread_list li { display:inline-block; padding:0 1rem; }
.zen_bread .zen_bread_list li:last-child { padding:0; }
.zen_bread .zen_bread_list li:after { content:"　>"; }
.zen_bread .zen_bread_list li:last-child:after { content:none; }
@media screen and (max-width: 1000px) {
	.zen_bread { margin:100px 0 0 0;padding:1.2rem 0.7rem 1.2rem 2.6rem;
	font-size: 0.6rem;}
}
/* *********
   メインスタイル
*********** */
/*------------------
wrapper
--------------------*/
.zen_wrapper { width:100%;height: 100%; }

/*------------------
header
--------------------*/
.zen_header { width:100%; position:relative; z-index:10; }
.zen_header .zen_header_navi { height:120px; width:100%; background: #fff; position:relative; }
.zen_header .zen_header_navi .logo img { width: 85px; }
.zen_header .zen_header_navi .logo { position:absolute; top:30px; left:calc(50% - 50px); width: auto;}

.zen_subnavi { margin:0; }
.zen_header .zen_header_navi .zen_navi { position:absolute; top:20px; right:30px; }
.zen_header .zen_header_navi .zen_navi li { display:inline-block; margin: 0 0 0 20px; font-size: 14px; padding: 5px 0;}
.zen_header .zen_header_navi .zen_navi li:first-child { padding:5px 0 0 0; border-bottom: none; text-align: center;}                                                         

.zen_header .zen_header_navi .zen_navi li a img { height: 40px; width: auto; }
.zen_header .zen_header_navi .zen_navi li input {
	width: 130px;
	border: 2px solid #000;
	background: #fff;
}
.zen_header .zen_header_navi .zen_navi li button {
	border: none;
	background: none;
}
.zen_header .zen_header_navi .zen_navi li button img {
	height: 8px;
	margin: 4px 0 0 0;
}
.zen_subnavi select { 
border-radius:0px !important;padding: 6px!important;height:38px!important; 
background:#fff6e7 !important;border: 1px solid #c7b6a8 !important; height:34px !important;
color: #271402 !important;}

.zen_subnavi .seachProduct {
	display: inline-block;
    padding: 0;
	height:34px;
	background:#fff6e7;
	border: 1px solid #c7b6a8;
    color: #271402;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
	margin:0 0 20px 0;
}
.zen_subnavi .seachProduct .button {
	background:none !important;
	border:none !important;
	padding:3px 3px 3px 15px !important;
 }
.zen_subnavi .seachProduct .inputArea {
	background:none !important;
	border:none !important;
	height:34px !important;
}

.zen_subnavi .seachProduct .inputArea::-webkit-input-placeholder {
    color:#271402;
}
.zen_subnavi .seachProduct .inputArea:-ms-input-placeholder {
    color:#271402;
}
.zen_subnavi .seachProduct .inputArea::-moz-placeholder {
    color:#271402;
}

.zen_subnavi form { float:left; margin:-10px 0 0 0; }

/*------------------
slider
--------------------*/
.zen_header_slider { 
  margin:0 0 0 0;
	text-align: center;
	position: relative;
		height:calc(100vh - 175px); 
}

@media (max-width: 768px) {
.zen_header_slider { 
		height:500px; 
}
}
@media (max-width: 480px) {
.zen_header_slider { 
		height:340px; 
}
}

.zen_header_slider .slider,
.zen_header_slider .slider li { height:100%; width:100%; }
.zen_header_slider .slider,
.zen_header_slider .slider li { list-style:none; display:block; }

.zen_header_slider .scro {
	position: absolute;
	bottom: 15px;
	left: calc(50% - 25px);
	width: 50px;
	height: auto;
}
@media (max-width: 768px) {
.zen_header_slider .scro {
	display: none;
}
}
/*------------------
contents
--------------------*/
.zen_contents { width:100%; display:block; margin:0; padding:100px 0;}
.zen_contents_page{ width:100%; display:block; margin:0; padding:0;}
.zen_contents_inner { width:1200px; display:block; margin: 0 auto; padding: 0 50px; }
@media screen and (max-width: 1300px) {
.zen_contents { padding:50px 0;}
.zen_contents_inner { width:calc(100% - 50px); padding: 0 25px; }
}
@media screen and (max-width: 768px) {
.zen_contents_inner { width:calc(100% - 24px);padding: 12px; }
}
.zen_contents_inner .box {
	margin-bottom: 150px;
}
@media (max-width: 768px) {
.zen_contents_inner .box {
	margin-bottom: 75px;
}
}
.zen_contents_outer { width:100%; display:block; margin: 0 auto; padding: 50px 0; background: #f2f2f2; }

/*-----
PCグロナビ
-----*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  max-width: 1020px;/*★*/
  margin: 5px auto 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 14.28%;/*★*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dropmenu li a span.onhover {
	display: none;
      letter-spacing: -0.1em;
}
.dropmenu li a span.nohover {
	display: block;
}

.dropmenu li a:hover span.onhover {
	display: block;
}
.dropmenu li a:hover span.nohover {
	display: none;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 20px 0;
  background: none;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
	.dropmenu li a{
  font-size: 12px;
}
	}
@media screen and (max-width: 900px) {
	.dropmenu li a{
  font-size: 11px;
}
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 11px 15px;
  border-top: 1px solid #c6bcac;
  background: #cec4b6;
  text-align: left;
	color: #553c14;
	font-size: 12px;
}
.dropmenu li:hover > a{
  background: #000;
	color: #fff;
}

.dropmenu li:hover > a span.onhover {
	display: block;
}
.dropmenu li:hover > a span.nohover {
	display: none;
}

.dropmenu li a:hover{
  background: #000;
	color: #fff;
}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

/*------------------
footer
--------------------*/
.zen_footer { 
width:100%;
background:#000;
padding:20px 0 20px 0;
text-align:center;
color:#fff;
font-size: 12px;
font-weight: normal;
	margin: 0;
 }
.zen_footer .menu { 
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	text-align: center;
}
.zen_footer .menu li { 
	margin: 0 0.7em;
	padding: 0;
	display: inline-block;
	list-style: none;
}
.zen_footer .menu li a:hover { 
	color: #bfbfbf;
}
#copyright {
width:100%;
background:#000;
padding:8px 0;
text-align:center;
color:#000;
font-size: 12px;
font-weight: normal;
	background: #eaeaea;
}
/* ********
スライダー
   ***** */
/* ----------------------------------------------------------
   .main
   ---------------------------------------------------------- */ 
   
.main { margin: 0; width: 100%; height: 100%; min-height: 100%; position: relative; overflow: hidden; z-index: 0; display: block; }
/* ----- .mainImg ----- */ 
.mainImg { height: 100%; min-height: 100%; width: 100%; background-size: cover !important; background-repeat:no-repeat; -webkit-box-shadow: inset 0px -1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px -1px 10px rgba(0, 0, 0, .1); box-shadow: inset 0px -1px 10px rgba(0, 0, 0, .1); position: relative;}

.mainImg a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* ----- .logo ----- */ 
.main .logo { position: absolute; top: 160px; left: 50%; width: 500px; height: 102px; z-index: 2; background: url(../images/logo-L.png) center center no-repeat; margin-left: -250px; overflow: hidden; text-indent: -999px; }
/* ----- .position ----- */ 
.posiCenter { background-position: center; }
.posiTop { background-position: top; }
.posiBottom { background-position: bottom; }
.posiRight { background-position: right; }
.posiLeft { background-position: right; }

/* ----- .bgAttachmen ----- */ 
.bgAttachment { background-attachment: fixed; }

/* ----- .bgAttachmen ----- */ 
.logoNone h1 { display:none; }

/* ----- a.linkArea ----- */ 
.main a.linkArea { position:absolute; top:0; left:0; bottom:0; right:0; display:block; z-index:1; background:none; }

/* ----- .slick-slider ----- */ 
.main .slick-list,
.main .slick-track { height: 100%; }
/* .slick-prev .slick-next */
.main .slick-prev,
.main .slick-next {
	position: absolute; 
	display: block !important;  
width: 50px; 
	height: 50px; 
	line-height: 0; 
	font-size: 0; 
	cursor: pointer; 
	top:calc(50% - 25px);
	padding: 0; 
outline: none;
z-index: 10; 
	text-align: center;
	background: transparent; 
	border:none; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;font-weight:bold; 
	background: rgb(0,0,0,0); 
	color: #fff; 
}

.main .slick-prev:hover,
.main .slick-next:hover {background: rgb(255,255,255,0.3); color: #fff; }
.main .slick-prev:before,
.main .slick-next:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block;  font-size: 20px; font-weight:bold; line-height: 50px; text-align: center; /*opacity: 0.75; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1; }
.main .slick-prev { left: 30px; }
[dir="rtl"] .main .slick-prev { left: auto; right: 100px; }
.main .slick-prev:before { content: "≪"; }
[dir="rtl"] .main .slick-prev:before { content: "≪"; }
.main .slick-next { right: 30px; }
[dir="rtl"] .main .slick-next { left: 100px; right: auto; }
.main .slick-next:before { content: "≫"; }
[dir="rtl"] .main .slick-next:before { content: "≫"; }
@media (max-width: 768px) {
.main .slick-prev { left: -50px; }
.main .slick-next { right: -50px; }
}

/* ----- .slick-dots ----- */ 
.main .slick-dots { position: absolute; bottom: 30px; right: 30px; list-style: none; display: block; text-align: center; padding: 0; width: auto; }
.main .slick-dots li { position: relative; display: inline-block; height: 10px; width: 12px; margin: 0 5px; padding: 0; cursor: pointer }
.main .slick-dots li button { border: 0; background: #fefefe; display: block; height: 10px; width: 10px; overflow: hidden; line-height: 0; font-size: 0; color: transparent; cursor: pointer; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: none; border: 2px solid #fff;}
.main .slick-dots li.slick-active button { outline: 0; background: #ffffff;border: 2px solid #fff; }
@media (max-width: 768px) {
.main .slick-dots { bottom: 10px; right: 5px;; }
}

/* ----- .scrollArea ----- */ 
.main .scrollArea { position: absolute; bottom: 3%; left: 0; right: 0; display: block; z-index: 2; text-align: center; }
.main .scrollArea a { display: block; width: 60px; height: 60px; color: #de0716; border: #de0716 1px solid; text-align: center; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; }
.main .scrollArea a i { font-size: 15px; line-height: 60px; }
.main .scrollArea a:hover { color: #fefefe; background: #de0716; border: none; -webkit-transform: translate(0px, 5px); -moz-transform: translate(0px, 5px); -o-transform: translate(0px, 5px); -ms-transform: translate(0px, 5px); transform: translate(0px, 5px); }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
/*.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }*/
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/*loss*/
.bgNo01loss { background:url(../img/main_consul01@2x-100.jpg) no-repeat center center;}
.bgNo01gallery { background:url(../img/main_garelly01@2x-100.jpg) no-repeat center center;}
.bgNo01knowhow { background:url(../img/main_knowhow01@2x-100.jpg) no-repeat center center;}

.samebox {display:block; width:100%; }

.spMenu { display: block;
z-index:100;
position: relative;}
@media screen and (min-width: 769px) {
	.spMenu { ;display: none; }
}
.drawer--left .drawer-hamburger {
	top:20px !important;
	right:20px !important;
	left: auto !important;
}
.drawer--left.drawer-open .drawer-nav, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	top:0 !important;
	right:0 !important;
	left: auto !important;
}


ul.drawer-menu {
	padding: 30px 0 0 0 !important;
	
}
ul.drawer-menu li {
	border-bottom: 1px solid #f3f0ea;
	
}
ul.drawer-menu li.type01 {
	display: block;
	width: 50px;
	border: none !important;
	float: left;
	height: 60px;
	text-align: center;
}
ul.drawer-menu li.type01 img {
	height: 40px;
	margin: 10px 0;
	width: auto;
}
ul.drawer-menu li.type02 {
	display: block;
	width: calc(100% - 215px);
	border: none !important;
	float: left;
	height: 60px;
	text-align: center;
}
ul.drawer-menu li.type02 input {
	margin: 10px 10px 4px 10px;
	width: 85% !important;
}
ul.drawer-menu li.type02 .btn.btn-xs{
	background: none;
	border: none;
}
ul.drawer-menu li.type02 .btn.btn-xs img{
	width: 50px;
	height: auto;
}
ul.drawer-menu li.type03 {
	display: block;
	width: 100px;
	border: none !important;
	float: left;
	height: 60px;
	text-align: center;
}
ul.drawer-menu li.type03 a img {
	margin-top: 16px;
}


.drawer-nav {
	width: 100% !important;
	background: #e0dad1 !important
}

.drawer--left .drawer-nav {
	left: -100% !important;
}

ul.drawer-menu li a { line-height: 1em; font-weight: normal; font-size: 14px;}
ul.drawer-menu li a:hover { text-decoration: none !important;}
ul.drawer-menu li a.drawer-menu-item {
	padding: 0.8em 1.1em !important;
}

.drawer-overlay {
	z-index: 10 !important;
background-color: rgba(0,0,0,.8) !important;
}

ul.drawer-menu li.type01 a {
	color: #fff;
	padding-left: 1.4em !important;
	
}

@media screen and (min-width: 769px) {
	.pc {display: block;}
	.pctb {display: block;}
	.tb {display: none;}
	.tbsp {display: none;}
	.sp {display: none;}
}
@media screen and (max-width: 768px) {
	.pc {display: none;}
	.pctb {display: block;}
	.tb {display: block;}
	.tbsp {display: block;}
	.sp {display: none;}
	.marT150SP {margin-top: 110px;}
	.marT50SP {margin-top: 50px;}
}
@media screen and (max-width: 414px) {
	.pc {display: none;}
	.pctb {display: none;}
	.tb {display: none;}
	.tbsp {display: block;}
	.sp {display: block;}
}
@media screen and (max-width: 1000px) {
div.cf.txtBox.marginT100 { margin-top: 40px !important;}
}


@media screen and (max-width: 768px) {
.zen_box02.marginT100,
.zen_contents_right_inner_inner.marginT100 {
	margin-top: 50px !important;
}
	
.zen_contents_right_inner_inner p.marginT60,
.zen_contents_right_inner_inner	.cf.txtBox.marginT60 {
	margin-top: 30px !important;
	}

	.normalStpagetop2.marginT50 {
		margin-top: 25px !important;
		margin-bottom: -60px !important;
	}
.zen_box02.marginT200 {
		margin-top: 50px !important;
	}
	}




/* ul.imageInstagram */
ul.imageInstagram { margin: 50px 0 50px 0; padding: 0; font-size: 0; }
ul.imageInstagram li { background: #332209;list-style: none; margin: 0; padding: 0; display: inline-block; width: 25%; /*border: transparent 15px solid;padding-bottom: 30px;*/  position:relative; z-index: 0; }
ul.imageInstagram li a .imgBox { 
position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	opacity: 1;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

ul.imageInstagram li a:hover .imgBox { 
	opacity: 0.1;
}

ul.imageInstagram li a {position: relative; z-index: 1; display: block;}
ul.imageInstagram li a:before {
content: "";
    display: block;
    padding-top: 100%;
}

ul.imageInstagram li a:after { position: absolute; top: 0; right:0; bottom: 0; left: 0; margin: auto; width: 50px; height: 50px; color: #fefefe; font-size:35px; font-family:'FontAwesome';content:"\f16d"; text-align: center; line-height: 50px; z-index: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);}
ul.imageInstagram li a:hover:after { opacity: 1; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); }


@media only screen and (max-width: 900px) {	
ul.imageInstagram { margin: 0; }
ul.imageInstagram li { width: 33.333333%;}
}
@media only screen and (max-width: 768px) {	
ul.imageInstagram { margin: 0; }
ul.imageInstagram li { width: 50%;}
}

/*リスト*/
.topList01 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.topList01 li {
	list-style: none;
	display: inline-block;
	width:45%;
	margin: 0 5% 50px 0;
	height: auto;
}

@media screen and (max-width: 480px) {
	.topList01 li {
	width:100%;
	margin: 0 0 25px 0;
}
}

.topList01 li:first-child,.topList01 li:nth-child(2),.topList01 li:nth-child(3) {
    width:100%;
	margin: 0 0 50px 0;
	height: auto;
}
@media screen and (max-width: 480px) {
	.topList01 li:first-child,.topList01 li:nth-child(2),.topList01 li:nth-child(3) {
	width:100%;
	margin: 0 0 25px 0;
}
}

.topList01 li:nth-child(5),
.topList01 li:nth-child(7){
    width:45%;
	margin: 0 0 50px 0;
	height: auto;
}
@media screen and (max-width: 480px) {
	.topList01 li:nth-child(5),
	.topList01 li:nth-child(7){
	width:100%;
	margin: 0 0 25px 0;
}
}


.topList01 li a {
	width:100%;
	height: auto;
	background: #fff;
	transition: .5s;
	display: block;
	padding-bottom: 35px;
}


.topList01 li a .blockin-bigeffect{
    width:100%;
	height: auto;
	margin: 0;
    overflow: hidden;
}

.topList01 li a:hover{
	background: #f6f6f6;
	color: #000;
}

.topList01 li a .blockin-bigeffect img{
    width:100%;
    -moz-transition: -moz-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    transition: transform 0.8s ease;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.topList01 li a:hover .blockin-bigeffect img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.topList01 li a .txt {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
letter-spacing: 0.2em;
	font-size: 16px;
	padding: 0 0 2em 0;
}
.topList01 li a .txt .en {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 2em 0 2em 0;
}

.topList01 li a .btn01 {
	display: block;
	margin: 0 auto;
	width: 170px;
	border: 2px solid #000;
	height: 35px;
	text-align: center;
	background-image:url(https://bijoucon.jp/img2/2x/readmore@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #fff;
	transition: .5s;
}
.topList01 li:hover a .btn01 {
	background-image: url(https://bijoucon.jp/img2/2x/readmore.png);
	background-color: #000;
}

.topList02 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.topList02 li {
	list-style: none;
	display: inline-block;
	width:33%;
	margin: 0 0.5% 0 0;
	height: auto;
}

.topList02 li:last-child{
	margin: 0 0 0 0;
	height: auto;
}


.topList02 li a {
	width:100%;
	height: auto;
	background: #f6f6f6;
	transition: .5s;
	display: block;
	padding-bottom: 35px;
}

.topList02 li a .blockin-bigeffect{
    width:100%;
	height: auto;
	margin: 0;
    overflow: hidden;
}

.topList02 li a:hover{
	background: #000;
	color: #fff;
}

.topList02 li a .blockin-bigeffect img{
    width:100%;
    -moz-transition: -moz-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    transition: transform 0.8s ease;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.topList02 li a:hover .blockin-bigeffect img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.topList02 li a .txt {
	width:100%;
	height: auto;
	display: block;
	text-align: center;

	letter-spacing: 0.2em;
	font-size: 16px;
	padding: 0 0 2em 0;
}
.topList02 li a .txt .en {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 2em 0 2em 0;
}

.topList02 li a .txt .jp {
	width:100%;
	display: block;
	text-align: center;
	padding: 0;
	font-size: 12px;
	margin-top: -15px;
	height: 50px;
}
.topList02 li a .txt .jp1 {
	width:100%;
	display: block;
	text-align: center;
	margin-top: -15px;
	padding: 22px 0 0 0;
	height: 50px;
}
@media screen and (max-width: 992px) {
.topList02 li a .txt {
	font-size: 12px;
	padding: 0 0 2em 0;
}
.topList02 li a .txt .jp {
	font-size: 11px;
	margin-top: -15px;
	height: 50px;
}
.topList02 li a .txt .jp1 {
	margin-top: -15px;
	padding: 22px 0 0 0;
	height: 50px;
}
}
@media screen and (max-width: 768px) {
.topList02 li {
	width:49.5%;
	margin: 0 0.5% 0 0;
	height: auto;
}

.topList02 li:last-child{
	margin: 0.5% 0 0 0;
	height: auto;
}

.topList02 li a .txt {
	font-size: 12px;
	padding: 0 0 2em 0;
}
.topList02 li a .txt .jp {
	font-size: 11px;
	margin-top: -15px;
	height: 50px;
}
.topList02 li a .txt .jp1 {
	margin-top: -15px;
	padding: 22px 0 0 0;
	height: 50px;
}
}
@media screen and (max-width: 480px) {
.topList02 li {
	width:100%;
	margin: 0 0 0.5% 0;
	height: auto;
}

.topList02 li:last-child{
	width:100%;
	margin: 0 0 0.5% 0;
	height: auto;
}

.topList02 li a .txt {
	font-size: 12px;
	padding: 0 0 2em 0;
}
.topList02 li a .txt .jp {
	font-size: 11px;
	margin-top: -15px;
	height: 50px;
}
.topList02 li a .txt .jp1 {
	margin-top: -15px;
	padding: 22px 0 0 0;
	height: 50px;
}
}

.topList02 li a .btn01 {
	display: block;
	margin: 0 auto;
	width: 170px;
	border: 2px solid #000;
	height: 35px;
	text-align: center;
	background-image:url(https://bijoucon.jp/img2/2x/readmore@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #f6f6f6;
	transition: .5s;
}
.topList02 li:hover a .btn01 {
	background-image: url(https://bijoucon.jp/img2/2x/readmore@2x.png);
	background-color: #fff;
	border: 2px solid #fff;
}


.topList03 {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

@media only screen and (max-width: 1000px) {	
.topList03 {
	width: 100%;
}
}

.topList03 li {
	list-style: none;
	display: inline-block;
	width:26.833%;/*★*/
	margin: 0 3.25%;/*★*/
	height: auto;
}

@media screen and (max-width: 768px) {
	.topList03 li {
	list-style: none;
	display: inline-block;
	width:48%;/*★*/
	margin: 0 1%;/*★*/
	height: auto;
}
}

.topList03 li a {
	width:100%;
	height: auto;
	background: #fff;
	transition: .5s;
	display: block;
	padding-bottom: 35px;
}

.topList03 li a .blockin-bigeffect{
    width:100%;
	height: auto;
	margin: 0;
    overflow: hidden;
}

.topList03 li a:hover{
	color: #000;
}

.topList03 li a .blockin-bigeffect img{
    width:100%;
    -moz-transition: -moz-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    transition: transform 0.8s ease;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.topList03 li a:hover .blockin-bigeffect img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.topList03 li a .txt {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	font-size: 11px;
	padding: 0 0 1em 0;
}
.topList03 li a .txt .en {
  font-size: 11px;
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 1em 0 1em 0;
}
.topList03 li a .txt .jp {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 0;
	font-size: 12px;
	margin-top: -1.2em;
}

.topList03 li a .btn01 {
	display: block;
	margin: 0 auto;
	width: 170px;
	border: 2px solid #000;
	height: 35px;
	text-align: center;
	background-image:url(https://bijoucon.jp/img2/2x/readmore@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #fff;
	transition: .5s;
}
@media screen and (max-width: 768px) {
	.topList03 li a .btn01 {
	width: 140px;
	border: 2px solid #000;
	height: 30px;
}
}
.topList03 li:hover a .btn01 {
	background-image: url(https://bijoucon.jp/img2/2x/readmore.png);
	background-color: #000;
}


/*カテゴリページ*/
.cateTitle {
	text-align: center;
	margin: 0 0 50px 0;
	border-bottom: 1px solid #000;
}

.topList03B {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0 ;
	text-align: center;
}

.topList03B li {
	list-style: none;
	display: inline-block;
	width:29%;
	margin: 0 2.166666% 50px 2.166666%;
	height: auto;
}
@media screen and (max-width: 768px) {
.topList03B li {
	width:45%;
	margin: 0 2.166666% 50px 2.166666%;
}
}

.topList03B li a {
	width:100%;
	height: auto;
	background: #fff;
	transition: .5s;
	display: block;
	padding-bottom: 35px;
}

.topList03B li a .blockin-bigeffect{
    width:100%;
	height: auto;
	margin: 0;
    overflow: hidden;
}

.topList03B li a:hover{
	color: #000;
}

.topList03B li a .blockin-bigeffect img{
    width:100%;
    -moz-transition: -moz-transform 0.8s ease;
    -webkit-transition: -webkit-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    transition: transform 0.8s ease;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.topList03B li a:hover .blockin-bigeffect img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.topList03B li a .txt {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 0 0 1em 0;
}
.topList03B li a .txt .en {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 1em 0 1em 0;
}
@media screen and (max-width: 480px) {
.topList03B li a .txt {
  font-size : 16px;
}
.topList03B li a .txt .en {
	font-size : 14px;
}
}
.topList03B li a .txt .jp {
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	padding: 0;
	margin-top: -1.2em;
}

.topList03B li a .btn01 {
	display: block;
	margin: 0 auto;
	width: 170px;
	border: 2px solid #000;
	height: 35px;
	text-align: center;
	background-image:url(https://bijoucon.jp/img2/2x/readmore@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #fff;
	transition: .5s;
}
@media screen and (max-width: 768px) {
.topList03B li a .btn01 {
	margin: 0 auto;
	width: 140px;
	height: 30px;
}
}
.topList03B li:hover a .btn01 {
	background-image: url(https://bijoucon.jp/img2/2x/readmore.png);
	background-color: #000;
}


/*--PRODUCT--*/
/*アイテム*/
.itemBox {
	display: table;
	width: 1200px;
	padding: 0 50px;
	margin: 0 auto;
}

.itemBox .half {
	display: table-cell;
	width: 50%;
	padding: 0 3% 0 0;

}
.itemBox .half:last-child {
	padding: 0 0 0 3%;
}
@media screen and (max-width: 1300px) {
	.itemBox {
	width: 100%;
	padding: 0 25px;
}
}
@media screen and (max-width: 768px) {
	.itemBox {
		display: block;
		padding: 25px 25px 0 25px;
}
	.itemBox .half {
	display: block;
	width: 100%;
	padding: 0 0 50px 0;

}
.itemBox .half:last-child {
	padding: 0 0 2% 0;
}
}

.itemBox .half h1 {
	font-size: 26px;
	margin-bottom: 1.6em;
	font-weight: bold;
}
.itemBox .half .priceNew {
	font-size: 20px;
	margin-top: 1.6em;
	font-weight: bold;
}
.itemBox .half .pad_10 {
	height: 45px;
}

.itemBox .half input.pad_10  {
	width: 80px;
}
.itemBox .half .cartInfo {
	margin: 2em 0 0 1em;
	padding: 0;
}
.itemBox .half .cartInfo li {
	margin: 0;
	padding: 0;
}


.btnAddcart {
	display: block;
	margin-top: 1.6em;
	width: 100%;
	border-radius: 3px;
	background: #ffe800;
	color: #000;
	text-align: center;
	padding: 1.4em 0;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	border: none;
	transition: .5s;
}

.btnAddcart i {
	font-size: 19px;
	line-height: 19px;
	font-weight: bold;
}

.btnAddcart:hover {
	background: #000;
	color: #fff;
}


.name {font-size:2.2rem; font-weight:bold;}
.infoProduct {vertical-align: baseline; line-height:2rem; margin-bottom:1.5rem;}
.priceProduct {font-size:2.2rem;vertical-align: baseline;font-weight:bold;}
.redtxt { color:#ed3200;vertical-align: baseline; }
.linkProduct { padding:4rem 0 0 0;}
.linkProduct li { display:block; line-height:1.8rem;}
.linkProduct li:before { content:"> "; }
.productPic {height: auto; width:100%; }
.productPic #photo img { width:100%; }
.productPic #navi ul { margin:25px 0 0 0; z-index:20; width: 100%; padding: 0; display: block;}
.productPic #navi ul li { list-style:none; display: block; width:28%; margin: 0 8% 0 0; float: left;}
.productPic #navi ul li:last-child { margin: 0;}
.productPic #navi ul li img { width:100%; }
@media screen and (max-width: 768px) {
	.name {font-size:1.4rem;}
	.priceProduct {font-size:1.4rem;}
	.productPic { margin-top: -40px; }
	.linkProduct { padding:2rem 0 0 0;}
	.linkProduct li { font-size:0.7rem;}
}





/*freeboxフリーエリア*/
.freebox { padding:0 0 100px 0; margin: 0;}
.freebox .point {
	font-size: 20px;
	text-align: center;
	display: block;
	padding: 0.5em 0;
	border-bottom: 1px solid #ababab;
	font-weight: bold;
	margin: 25px 0 20px 0;
}
.freebox .nopoint {
	font-size: 20px;
	text-align: center;
	display: block;
	padding: 0.5em 0;
	border-bottom: 1px solid #ababab;
	font-weight: bold;
	margin: 25px 0 20px 0;
}
.freebox .point:before {
	display: block;
	content:"POINT";
	color: #ff104f;
	font-size: 16px;
	float: left;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.itemBox2 {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.itemBox2 .half {
	display: table-cell;
	width: 45%;
	padding: 0 2.5%;
	text-align: center;
}
@media screen and (max-width: 768px) {
.itemBox2 {
	display: block;
}
.itemBox2 .half {
	display: block;
	width: 100%;
	padding: 0;
}
}
.itemOr {margin:0 auto;max-width:660px;width:100%;}

/*コンセプトページページ*/
.cateTitlecon {
	text-align: center;
	margin: 0 0 15px 0;
}
.cateTitlecon span {
	font-size: 18px;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 100px 0;
}
.concept-box01 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 35px 0;
	margin: 0 0 50px 0;
	line-height: 2em;
	font-weight: bold;
	font-size: 18px;
}

.concpet-box02 {
padding: 0 50px;
	text-align: left;
	margin: 0 0 50px 0;
	line-height: 2em;
	font-size: 15px;
}
.concpet-box033 {
  display: inline-block;
  margin: 0 auto 50px auto;
	text-align: left;
	line-height: 2em;
	font-size: 15px;
}
@media screen and (max-width: 768px) {
	.concpet-box02 {
padding: 0 15px;
	margin: 0 0 25px 0;
}
.concpet-box033 {
  margin: 0 auto 25px auto;
}
}
@media screen and (max-width: 480px) {
	.concpet-box02 {
padding: 0;
	margin: 0 0 25px 0;
}
}

.block {
	display: table;
	width: 100%;
	margin-bottom: 100px;
}

.block-half {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 0;
}

@media screen and (max-width: 768px) {
.block {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.block-half {
	display: block;
	width: 100%;
}
}

.block-half img {
	width: 100%;
}

.block-half-pad-r {
	padding: 40px 0 40px 40px;
	text-align: left;
}
.block-half-pad-l {
	padding: 40px 40px 40px 0;
	text-align: left;
}
@media screen and (max-width: 768px) {

	.block-half-pad-r {
	padding: 0;
	text-align: left;
}
.block-half-pad-l {
	padding: 0 0 60px 0;
	text-align: left;
}
}

.block-half-pad-r h4,
.block-half-pad-l h4 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	line-height: 3.2em;
	margin-bottom: 1.6em;
}

.glcon {
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 200px;
}
.glconimg {
	margin-bottom: 200px;
}
.glcon-img {
	display: table-cell;
	width: 14.466%;
	padding: 1.1%;
	margin: 0;
}
@media screen and (max-width: 768px) {
	.glcon {
	display: block;
	margin-bottom: 100px;
		text-align: center;
}
 .glconimg {
	margin-bottom: 100px;
} 
  
.glcon-img {
	display: inline-block;
	width: 31%;
	padding: 1%;
}
}



.visible_480ika {display: none;}
@media screen and (max-width: 480px) {
	.visible_480ika {display: inline-block;}
}

.visible_480ijo {display: inline-block;}
@media screen and (max-width: 480px) {
	.visible_480ijo {display: none;}
}

.visible_768ika {display: none;}
@media screen and (max-width: 768px) {
	.visible_768ika {display: inline-block;}
}

.visible_768ijo {display: inline-block;}
@media screen and (max-width: 768px) {
	.visible_768ijo {display: none;}
	.vdropmenuvisi {display: none;}
	.fontM {display: none;}
}

.visible_992ika {display: none;}
@media screen and (max-width: 992px) {
	.visible_992ika {display: inline-block;}
}

.visible_992ijo {display: inline-block;}
@media screen and (max-width: 992px) {
	.visible_992ijo {display: none;}
}

.imgdisplaypc {display:block;}
.imgdisplaysp {display:none;}
@media (max-width: 768px) {
  .imgdisplaypc {display:none;}
  .imgdisplaysp {display:block;}
}

.peter20220202img {
width:60%;
}
@media (max-width: 768px) {
.peter20220202img {
width:100%;
}
}

		.flphoto {
			display: flex;
			width: 100%;
			padding: 50px 0 0 0;
			justify-content:center;
		}
		.flphoto img {
			width: 30%;
			margin: 0 2.5%;
			height: auto;
		}
		@media screen and (max-width: 768px) {
			.flphoto img {
				width: 45%;
				margin: 0 2.5%;
			}
		}
.figurr {
	font-size: 17px;
}
	@media screen and (max-width: 768px) {
		.figurr {
	font-size: 15px;
}
	}
.zen_contents_inner.pcnav {
	padding: 0;
}

/*20240531追記*/
.minilineup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 100px;
	margin-bottom: 150px;
}
.minilineup li {
	width: 20%;
	margin: 0 2%;
	list-style: none;
}
.buybtn {
	margin-bottom: 100px;
}
.buybtn img {
	 width: 40%;height: auto;
	margin-bottom: 125px;
}
.imgminio {
	padding: 120px 0 140px 0;
}
.imgminio img {
	width: 80%;height: auto;
}
.imgminion {
	margin-bottom: 40px;
}
.imgminion img {
	width: 300px; height: auto;
}
.imgkitty {
	margin-bottom: 80px;
}
.imgkitty img {
	width: 800px; height: auto;
}
.minih4 {
	margin: 60px 0;
	font-size: 24px; 
	line-height: 1.6em; 
	border-bottom: 1px solid #000;
	padding: 1em 0;
}
.marginB100mini {
	margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
	.minilineup {
		margin-top: 50px;
	}
	.minilineup li {
	width: 40%;
	margin: 0 5% 15% 5%;
	}
	.buybtn {
	margin-bottom: 0;
}
	.buybtn img {
	 width: 80%;height: auto;
	}
	.imgminio {
	padding: 0 0 20% 0;
}
.imgminio img {
	width: 100%;height: auto;
}
	.imgminion {
	margin-bottom: 10px;
}
.imgminion img {
	width: 200px; height: auto;
}
  	.imgkitty {
	margin-bottom: 40px;
}
.imgkitty img {
	width: 80%; height: auto;
}
	.minih4 {
	margin: 20px 0;
	font-size: 18px; 

}
	.marginB100mini {
	margin-bottom: 40px;
}
}
/**/
/*youtubeレスポンシブ*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

