@charset "UTF-8";
/* CSS Document */

/* ----------------------------- -----------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
   共通
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
---------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------
 色早見表
 文字黒　#1E1B19
 文字グレー #999999
 背景グレー #EBEBEB
 線グレー #EBEBEB
---------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------
 ブレイクポイント早見表
　スマートフォン縦　320px〜480px
　スマートフォン横　480px〜736px
　タブレット 768px〜1024px
　PC 960px〜
---------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------
  フォント指定
  使用フォント
　DNP Shuei Mincho："tbudmincho-std", serif;
　L font-weight: 400;
　M font-weight: 500;
　B font-weight: 600;
　Baskerville URW : "garamond-premier-pro-display", serif;
  L font-weight: 400;
  M font-weight: 500;
  B font-weight: 700;

---------------------------------------------------------------------------------- */


/***************************************************
 * Generated by SVG Artista on 2/7/2023, 2:45:42 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1353.840087890625px;
    stroke-dasharray: 676.9200439453125px;
  }

  100% {
    stroke-dashoffset: 2030.7601318359375px;
    stroke-dasharray: 676.9200439453125px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1353.840087890625px;
    stroke-dasharray: 676.9200439453125px;
  }

  100% {
    stroke-dashoffset: 2030.7601318359375px;
    stroke-dasharray: 676.9200439453125px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 520.1199951171875px;
    stroke-dasharray: 260.05999755859375px;
  }

  100% {
    stroke-dashoffset: 780.1799926757812px;
    stroke-dasharray: 260.05999755859375px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 520.1199951171875px;
    stroke-dasharray: 260.05999755859375px;
  }

  100% {
    stroke-dashoffset: 780.1799926757812px;
    stroke-dasharray: 260.05999755859375px;
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 520.1199951171875px;
    stroke-dasharray: 260.05999755859375px;
  }

  100% {
    stroke-dashoffset: 780.1799926757812px;
    stroke-dasharray: 260.05999755859375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 520.1199951171875px;
    stroke-dasharray: 260.05999755859375px;
  }

  100% {
    stroke-dashoffset: 780.1799926757812px;
    stroke-dasharray: 260.05999755859375px;
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 520.1199951171875px;
    stroke-dasharray: 260.05999755859375px;
  }

  100% {
    stroke-dashoffset: 780.1799926757812px;
    stroke-dasharray: 260.05999755859375px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 520.1199951171875px;
    stroke-dasharray: 260.05999755859375px;
  }

  100% {
    stroke-dashoffset: 780.1799926757812px;
    stroke-dasharray: 260.05999755859375px;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}


html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
* {  
    margin:0;  
    padding:0;  
}

body {
	background-color: #FFFFFF;
	font-size: 0;
}
img {  
    border:0;  
}
::selection {background: #1E1B19; color: #FFFFFF;}
::-moz-selection {background: #1E1B19; color: #FFFFFF;}
body {
	font-family: "MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
	font-style: normal;
	font-weight: 400;
	color: #1E1B19;
	letter-spacing:0.05rem;
	background-color: #FFFFFF;
}
_:-ms-input-placeholder, :root body {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}

/* ----------------------------------------------------------------------------------
文字設定
---------------------------------------------------------------------------------- */
.tategaki-title-l {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	font-size: 42px !important;
	line-height: 100%;
	letter-spacing: 0.25rem;
	color: #1E1B19;
	text-align: left;
	font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
_:-ms-input-placeholder, :root .tategaki-title-l {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
.yokogaki-title-l {
	width: 100%;
	font-size: 42px !important;
	line-height: 100%;
	letter-spacing: 0.25rem;
	color: #1E1B19;
	text-align: left;
	font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
.tategaki-title-ml {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	font-size: 28px !important;
	line-height: 225%;
	letter-spacing: 0.1rem;
	color: #1E1B19;
	text-align: left;
	margin: 0 0 0 0;
}
.yokogaki-title-ml {
	width: 100%;
	font-size: 28px !important;
	line-height: 225%;
	letter-spacing: 0.1rem;
	color: #1E1B19;
	text-align: left;
	margin: 0 0 0 0;
}
_:-ms-input-placeholder, :root .tategaki-title-m {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
.tategaki-title-m {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	font-size: 21px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
	margin: 0 0 0 0;
}
_:-ms-input-placeholder, :root .tategaki-title-m {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
.tategaki-title-sm {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	font-size: 21px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
}
.yokogaki-title-sm {
	font-size: 20px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
}
.tategaki-title-s {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	font-size: 17px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
}
.yokogaki-title-s {
	font-size: 17px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
}
.tategaki-title-xs {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	font-size: 14px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
}
.yokogaki-title-xs {
	font-size: 14px !important;
	line-height: 225%;
	letter-spacing: 0rem;
	color: #1E1B19;
	text-align: left;
}
_:-ms-input-placeholder, :root .tategaki-title-s {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
h1 {
	font-size: 30px;
	line-height: 200%;
	letter-spacing: 0.2rem;
	color: #1E1B19;
	font-weight: 400;
}
_:-ms-input-placeholder, :root h1 {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
h2 {
	font-size: 24px;
	line-height: 175%;
	letter-spacing: 0.15rem;
	font-weight: 400;
}
_:-ms-input-placeholder, :root h2 {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
h3 {
	font-size: 20px;
	line-height: 200%;
	letter-spacing: 0.15rem;
	font-weight: 400;
}
_:-ms-input-placeholder, :root h3 {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
h4 {
	font-size: 17px;
	line-height: 175%;
	letter-spacing: 0.15rem;
	font-weight: 400;
}
_:-ms-input-placeholder, :root h4 {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
h5 {
	font-size: 16px;
	line-height: 175%;
	letter-spacing: 0.15rem;
	font-weight: 400;
}
_:-ms-input-placeholder, :root h5 {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
h6 {
	font-size: 12px;
	line-height: 175%;
	letter-spacing: 0.05rem;
	font-weight: 400;
}
_:-ms-input-placeholder, :root h6 {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
p {
	font-size: 15px;
	line-height:1.75rem;
	letter-spacing: 0.05em;
}
_:-ms-input-placeholder, :root p {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
ul {
	font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
_:-ms-input-placeholder, :root ul {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
span {
	font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
_:-ms-input-placeholder, :root span {
  font-family:"MFW-RoNKSeiKaiStd-Lt" , "EB Garamond"  , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
.text-wh {
	color: #FFFFFF !important;
}
.text-g {
	color: #999999 !important;
}
.zi2 {
	z-index: 2;
}
.italic {
	font-style: italic;
}
.baskerville {
	font-family: "EB Garamond" , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif !important;
	font-weight: 400 !important;
	letter-spacing: 0.05rem !important;
}
.baskerville-bold {
	font-family: "EB Garamond" , "MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif !important;
	font-weight: 600;
}
.lh100 {
	line-height: 100% !important;
}
.lh150 {
	line-height: 150% !important;
}
.lh200 {
	line-height: 200% !important;
}
.lh250 {
	line-height: 250% !important;
}
.lh300 {
	line-height: 300% !important;
}
.lh400 {
	line-height: 400% !important;
}
.lh500 {
	line-height: 500% !important;
}
.textal-center {
	text-align: center !important;
}
.textal-left {
	text-align: left !important;
}
.textal-right {
	text-align: right !important;
}
.text-mixed {
	text-orientation: mixed;
}
.justify {
	text-align: justify;
}
.text-gray {
	color: #999999 !important;
}
.text-product-status {
	color: #FFF;
	background-color: #1E1B19;
	padding: 5px;
	line-height: 100%;
	border: 1px solid #1E1B19;
	display: inline-block;
    margin: 5px 0 0 0 ;
}
@media only screen and (max-width: 768px) {
.tategaki-title-l {
	font-size: 36px !important;
}
.yokogaki-title-l {
	font-size: 36px !important;
}
.tategaki-title-ml {
	font-size: 24px !important;
}
.yokogaki-title-ml {
	font-size: 24px !important;
}
.tategaki-title-m {
	font-size: 18px !important;
}
.tategaki-title-sm {
	font-size: 18px !important;
}
.yokogaki-title-sm {
	font-size: 18px !important;
}
.tategaki-title-s {
	font-size: 16px !important;
}
.yokogakii-title-s {
	font-size: 16px !important;
}
.tategaki-title-xs {
	font-size: 14px !important;
}
.yokogaki-title-xs {
	font-size: 14px !important;
}
.tategaki-title-l,
.tategaki-title-m,
.tategaki-title-s,
.tategaki-title-xs{
	-ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 12px;
}
p {
	font-size: 14px;
}
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?3vqjan');
  src:  url('../fonts/icomoon.eot?3vqjan#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3vqjan') format('truetype'),
    url('../fonts/icomoon.woff?3vqjan') format('woff'),
    url('../fonts/icomoon.svg?3vqjan#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo_os_001:before {
  content: "\e907";
}
.icon-logo_2021:before {
  content: "\e90d";
}
.icon-icon_notice:before {
  content: "\e90a";
}
.icon-icon_onlinestore02_bl:before {
  content: "\e90b";
}
.icon-arrow_next:before {
  content: "\e900";
}
.icon-arrow_prev:before {
  content: "\e901";
}
.icon-icon_cart:before {
  content: "\e902";
}
.icon-icon_fb_bl:before {
  content: "\e903";
}
.icon-icon_index:before {
  content: "\e904";
}
.icon-icon_insta_bl:before {
  content: "\e905";
}
.icon-icon_member:before {
  content: "\e906";
}
.icon-logo01_bl:before {
  content: "\e908";
}
.icon-logo02_bl:before {
  content: "\e909";
}



/* ----------------------------------------------------------------------------------
改行設定
---------------------------------------------------------------------------------- */
@media only screen and (max-width:768px) {
.sp-kaigyou {
	display: none;
}
}

/* ----------------------------------------------------------------------------------
margin padding
---------------------------------------------------------------------------------- */

.mt5p {
	margin-top: 5vh !important;
}
.mt7-5p {
	margin-top: 7.5vh !important;
}
.mt10p {
	margin-top: 10vh !important;
}
.mt15p {
	margin-top: 15vh !important;
}
.mt20p {
	margin-top: 20vh !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.-mt5p {
	margin-top: -5vh !important;
}
.-mt7-5p {
	margin-top: -7.5vh !important;
}
.-mt10p {
	margin-top: -10vh !important;
}

.mb5p {
	margin-bottom: 5vh !important;
}
.mb7-5p {
	margin-bottom: 7.5vh !important;
}
.mb10p {
	margin-bottom: 10vh !important;
}
.mb15p {
	margin-bottom: 15vh !important;
}
.mb20p {
	margin-bottom: 20vh !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}

.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}

.ml10m10 {
	margin:0 0 0 10px !important;
}
.ml15mb15 {
	margin:0 0 0 15px !important;
}
.ml20mb20 {
	margin:0 0 0 20px !important;
}
.ml30mb30 {
	margin:0 0 0 40px !important;
}
@media only screen and (max-width: 768px) {
.ml10m10 {
	margin:0 0 10px 0 !important;
}
.ml15mb15 {
	margin:0 0 15px 0 !important;
}
.ml20mb20 {
	margin:0 0 20px 0 !important;
}
.ml30mb30 {
	margin:0 0 50px 0 !important;
}
}

.bg-lg {
	background-color: #FAFAFA !important;
}
/* ----------------------------------------------------------------------------------
mobile tel link
---------------------------------------------------------------------------------- */

.disable-auto-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* ----------------------------------------------------------------------------------
表示切り替え
---------------------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
.spnone {
	display: none !important;
}
}
@media only screen and (max-width: 768px) {
.pcnone {
	display: none !important;
}
}

/* ----------------------------------------------------------------------------------
ローディング
---------------------------------------------------------------------------------- */

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFFFFF;
    z-index: 9999;
}
.shutter {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:  #FFFFFF;
	z-index: 9999;
	animation: byeShutter 2.0s forwards;
}
.shutter::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: #1E1B19;
	width: 0;
	height: 1px;
	animation: shutterOpen 2.0s forwards;
}
.content {
	animation: contentScale 2.0s forwards;
}
@keyframes byeShutter {
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
@keyframes shutterOpen {
  0% {
    width: 0;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  90% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes contentScale {
  70% {
    transform: perspective(800px) scale(0.9) rotateX(15deg);
  }
  100% {
    transform: perspective(800px) scale(1) rotateX(0);
  }
}

/* ----------------------------------------------------------------------------------
 メニュー
---------------------------------------------------------------------------------- */

/*ヘッダー*/
.l-header {
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11
}

/*ドロワー*/
.l-drawer {
	position: relative;
}
.l-drawer__checkbox {
	display: none;
}
.l-drawer__icon {
	cursor: pointer;
	display: block;
	width: 40px;
	height: 11px;
	position: fixed;
	top: 35px;
	right: 35px;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
	background-color: #FFFFFF;
	display: block;
	width: 40px;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	border-radius: 0;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
	content: " ";
}
.l-drawer__icon-parts:before {
	top: 10px;
	margin-left: 0;
}
.l-drawer__icon-parts:after {
	top: -10px;
	margin-left: 0;
}
.l-drawer__icon-parts.transform:before, .l-drawer__icon-parts.transform:after {
	background-color: #1E1B19;
	display: block;
	width: 40px;
	height: 1px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.l-drawer__icon-parts.transform:before, .l-drawer__icon-parts.transform:after {
	content: " ";
}
.l-drawer__icon-parts.transform:before {
	top: 10px;
	margin-left: 0;
}
.l-drawer__icon-parts.transform:after {
	top: -10px;
	margin-left: 0;
}
.l-drawer__overlay {
	background: #1E1B19;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
}
.l-drawer__overlay.transform {
	background: #FFFFFF;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
}
.l-drawer__menu {
	font-size: 16px;
	/*background: #1E1B19;*/
	color: #FFFFFF;
	max-width: 100%;
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	/*right: -100vw;*/
	display: none;
}
.l-drawer__menu.transform {
	font-size: 16px;
	/*background: #FFFFFF;*/
	color: #1E1B19;
	max-width: 100%;
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	/*right: -100vw;*/
	display: none;
}
.l-drawer__icon {
	z-index: 14;
}
.l-drawer__menu {
	z-index: 13;
}
.l-drawer__overlay {
	z-index: 12;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
	background: transparent;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
}
.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
}
.l-drawer__checkbox:checked ~ .l-drawer__overlay {
	opacity: 1;
	pointer-events: auto;
}
.l-drawer__checkbox:checked ~ .l-drawer__menu {
	/*right: 0;*/
	display: block;
	opacity: 1;
	animation-duration: 0.6s;
	animation-name: fade-in;
	-moz-animation-duration: 0.6s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-name: fade-in;
}
 @keyframes fade-in {
	 0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }
      1% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }
.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.l-drawer__menu ul,
.l-drawer__menu.transfrom ul{
	height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    position: absolute;
    top: 135px;
    right: 35px;
    /*transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);*/
}
.l-drawer__menu ul .l-drawer__item {
	line-height: 250%;
    margin: 0 0 20px;
    font-weight: 400;
    display: block;
    vertical-align: top;
	text-align: right;
}
nav.l-drawer__menu ul .l-drawer__item a {
	color: #FFFFFF ;
}
nav.l-drawer__menu ul .l-drawer__item a .en-s {
	color: #FFFFFF ;
	font-size: 0.8rem;
	line-height: 100%;
	display: block;
}
nav.l-drawer__menu ul .l-drawer__item a .jp-m {
	color: #FFFFFF ;
	font-size: 1.3rem;
	line-height: 175%;
	display: block;
}
nav.l-drawer__menu ul .l-drawer__item a:hover {
	color: #999999 ;
}
nav.l-drawer__menu.transform ul .l-drawer__item a {
	color: #1E1B19 ;
}
nav.l-drawer__menu.transform ul .l-drawer__item a:hover {
	color: #1E1B19 ;
}
.l-drawer__item a {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.l-drawer__menu ul .l-drawer__item:last-child {
	line-height: 200%;
	margin: 0 0 0;
}
.l-drawer__menu ul .l-drawer__item a span,
.l-drawer__menu ul .l-drawer__item a span::before {
	color: #999999 ;
}
.l-drawer__menu ul .l-drawer__item a:hover span,
.l-drawer__menu ul .l-drawer__item a:hover span::before {
	color: #999999 ;
}
.l-drawer__menu.transform ul .l-drawer__item a span,
.l-drawer__menu.transform ul .l-drawer__item a span::before{
	color: #1E1B19 ;
}
.l-drawer__menu.transform ul .l-drawer__item a:hover span,
.l-drawer__menu.transform ul .l-drawer__item a:hover span::before {
	color: #1E1B19 ;
}
.l-drawer__menu ul .l-drawer__item a span,
.l-drawer__menu ul .l-drawer__item a span::before {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.l-drawer__menu ul .l-drawer__item ul {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.l-drawer__menu ul .l-drawer__item ul li {
	line-height: 200%;
	margin: 0 0 5px;
	font-family: "dnp-shuei-mincho-pr6", serif;
	font-size: 13px;
}
.l-drawer__menu ul .l-drawer__item ul li:last-child {
	line-height: 200%;
	margin: 0 0 0;
}
@media screen and (max-width: 768px) {
.l-drawer__icon {
	cursor: pointer;
	display: block;
	width: 40px;
	height: 11px;
	position: fixed;
	top: 35px;
	right: 35px;
}
.l-drawer__menu ul,
.l-drawer__menu.transfrom ul{
    height: auto;
    width: 100vw;
    padding: 0 0 0 0;
    box-sizing: border-box;
    margin: 0 auto;
    position: absolute;
    top: 135px;
    right: 35px;
    /*transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);*/
}
.l-drawer__menu ul .l-drawer__item {
	line-height: 200%;
    margin: 0 0 20px;
    font-family: "tbudmincho-std", serif;
    font-weight: 400;
	font-size: 14px;
    display: block;
    vertical-align: top;
	text-align: right;
}
_:-ms-input-placeholder, :root .l-drawer__menu ul .l-drawer__item {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
}
@media screen and (max-width: 489px) {
.l-drawer__icon {
	cursor: pointer;
	display: block;
	width: 30px;
	height: 11px;
	position: fixed;
	top: 30px;
	right: 30px;
}
.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
	width: 30px;
}
.l-drawer__icon-parts.transform:before, .l-drawer__icon-parts.transform:after {
	width: 30px;
}
}
@media screen and (max-width: 374px){
.l-drawer__menu ul .l-drawer__item {
	margin: 0 0 0px;
}
}

.tatesen_menu {
	width: 1px;
    height: 20px;
    background-color: #FFFFFF;
    display: inline-block;
    margin: 0 0 20px;
	cursor : pointer;
}
.transform .tatesen_menu {
    background-color: #1E1B19;
}
a:hover .tatesen_menu {
    height: 10px;
    margin: 10px 0 20px;
}
a .tatesen_menu,
a .tatesen_menu::before,
a .tatesen_menu::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
@media screen and (max-width: 768px) {
.tatesen_menu {
	width: 10px;
    height: 1px;
    background-color: #FFFFFF;
    display: inline-block;
    margin: 0 5px 5px 0;
}
.transform .tatesen_menu {
    background-color: #1E1B19;
}
a:hover .tatesen_menu {
    width: 5px;
	height: 1px;
    margin: 0 5px 5px 5px;
}
a .tatesen_menu,
a .tatesen_menu::before,
a .tatesen_menu::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}	
}


.text-cs {
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font-family: "garamond-premier-pro-display" !important;
}
.text-cs-inmer {
	width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding: 0 10vw 0;
    box-sizing: border-box;
	font-size: 14px;
}

.inn-dm-wrap {
	position: absolute;
	right: 35px;
	bottom: 35px;
}
.inn-dm-wrap img {
	width: 60px;
}
@media screen and (max-width: 768px) {
.inn-dm-wrap img {
	width: 45px;
}
}

/* ----------------------------------------------------------------------------------
ロゴ
---------------------------------------------------------------------------------- */
.logo-warp {
	position: absolute;
	top: 35px;
	left: 35px;
	z-index: 99;
	width: 200px;
	height: 94px;
}
.logo_bl {
	display: block;
	width: 200px;
	height: 94px;
}
.logo-warp a.fix-logo-mark .logo_bl {
	background-image:url("../img/logo_wh.svg");
	background-repeat: no-repeat;
	background-size: 200px 94px;
}
.logo-warp a.fix-logo-mark.transform .logo_bl {
	background-image:url("../img/logo_bl.svg");
	background-repeat: no-repeat;
	background-size: 200px 94px;
}
.logo-warp a.fix-logo-mark .logo_bl,
.logo-warp a.fix-logo-mark.transform .logo_bl {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.logo-os-warp {
	position: absolute;
	top: 35px;
	left: 35px;
	z-index: 99;
	width: 54px;
	height: 198px;
}
.logo_os {
	display: block;
	width: 54px;
	height: 198px;
}
.logo-os-warp a.fix-logo-mark .logo_os {
	background-image:url("../img/logo_os_bl.svg");
	background-repeat: no-repeat;
	background-size: 54px 198px;
}
.logo-os-warp a.fix-logo-mark.transform .logo_os {
	background-image:url("../img/logo_os_bl.svg");
	background-repeat: no-repeat;
	background-size: 54px 198px;
}
.logo-os-warp a.fix-logo-mark .logo_os,
.logo-os-warp a.fix-logo-mark.transform .logo_os {
	-webkit-transition: all .3s;
	transition: all .3s;
}

@media only screen and (max-width: 768px) {
.logo-warp {
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 99;
	width: 132px;
	height: 62px;
}
.logo_bl {
	display: block;
	width: 132px;
	height: 62px;
}
.logo-warp a.fix-logo-mark .logo_bl {
	background-image:url("../img/logo_wh.svg");
	background-repeat: no-repeat;
	background-size: 132px 62px;
}
.logo-warp a.fix-logo-mark.transform .logo_bl {
	background-image:url("../img/logo_bl.svg");
	background-repeat: no-repeat;
	background-size: 132px 62px;
}
.logo-os-warp {
	position: fixed;
	top: 25px;
	left: 25px;
	z-index: 99;
	width: 48px;
	height: 177px;
}
.logo_os {
	display: block;
	width: 48px;
	height: 177px;
}
.logo-os-warp a.fix-logo-mark .logo_os {
	background-image:url("../img/logo_os_bl.svg");
	background-repeat: no-repeat;
	background-size: 48px 177px;
}
.logo-os-warp a.fix-logo-mark.transform .logo_os {
	background-image:url("../img/logo_os_bl.svg");
	background-repeat: no-repeat;
	background-size: 48px 177px;
}
}

.cartbtn-warp {
	position: fixed;
	top: 33px;
	left: 97px;
	z-index: 99;
	width: 30px;
	height: 23px;
}
.fix-cartbtn {
	display: block;
	font-size: 23px;
	color: #1E1B19;
}

.loginbtn-warp {
	position: fixed;
	top: 33px;
	left: 150px;
	z-index: 99;
	width: 30px;
	height: 23px;
}
.fix-loginbtn {
	display: block;
	font-size: 23px;
	color: #1E1B19;
}
@media only screen and (max-width: 768px) {
.cartbtn-warp {
	top: 33px;
	left: 97px;
}
.loginbtn-warp {
	top: 33px;
	left: 150px;
}
}
@media only screen and (max-width: 489px) {
.cartbtn-warp {
	top: 23px;
	left: 80px;
}
.loginbtn-warp {
	top: 23px;
	left: 130px;
}
}


/* ----------------------------------------------------------------------------------
snsリンク
---------------------------------------------------------------------------------- */

.snslist {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.snslist li {
	line-height: 100%;
	display: block;
	margin: 0 20px 0 0;
}
.snslist li a img {
	height: 16px;
}
.snslist li a:hover img {
	opacity: 0.5;
}
.snslist li a img 
.snslist li a img ::before,
.snslist li a img ::after {
	transition: all .3s;
}

/* ----------------------------------------------------------------------------------
 onlinestore wrap
---------------------------------------------------------------------------------- */
.onlinestore-link-button-wrap {
	width: 110px;
    height: 50px;
    /* margin: calc(50vh - 100px) auto; */
    position: fixed;
    bottom: 35px;
    left: 35px;
    overflow: hidden;
    z-index: 99;
}
.onlinestore-link-button {
	display: block;
	width: 110px;
    height: 50px;
}
.onlinestore-link-button img {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.onlinestore_bl {
	display: block;
	width: 110px;
    height: 50px;;
}
.onlinestore-link-button-wrap a .onlinestore_bl {
	background-image:url("../img/icon_onlinestore05_wh.svg");
	background-repeat: no-repeat;
	display: block;
}
.onlinestore-link-button-wrap.transform a .onlinestore_bl {
	background-image:url("../img/icon_onlinestore05_bl.svg");
	background-repeat: no-repeat;
	display: block;
}
.brandsite_bl {
	display: block;
	width: 110px;
    height: 50px;;
}
.onlinestore-link-button-wrap a .brandsite_bl {
	background-image:url("../img/icon_blandsite01_bl.svg");
	background-repeat: no-repeat;
	display: block;
}
.onlinestore-link-button-wrap.transform a .brandsite_bl {
	background-image:url("../img/icon_blandsite01_bl.svg");
	background-repeat: no-repeat;
	display: block;
}
@media only screen and (max-width: 768px) {
.onlinestore-link-button-wrap {
    bottom: 25px;
    left: 25px;
}
}

/* ----------------------------------------------------------------------------------
スクロール
---------------------------------------------------------------------------------- */
.scrollbox {
	width: 60px;
    height: 200px;
    /* margin: 0 calc(50vw - 30px) 0 0; */
    position: absolute;
    right: 35px;
    bottom: -75px;
    overflow: hidden;
    z-index: 10;
    /*top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
}
@media only screen and (max-width: 768px) {
.scrollbox {
	right: 25px;
}
}
/* アニメーション設定 */
.arrowWrap {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 200px
}
.arrowInner p {
	font-size: 12px;
	text-align: end;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #FFFFFF;
	opacity: 0;
}
.arrow {
	width: 1px;
	height: 100px;
	margin: 25px auto 0;
	background-color: rgba(255,255,255,0);
	position: relative;
	overflow: hidden;
}
.arrow::before {
	content: '';
	width: 1px;
	height: 100px;
	margin:25px auto 0;
	background-color: #FFFFFF;
	position: absolute;
	top: -125px;
	left: 0;
	-webkit-animation: arrow 2.5s ease 0s infinite normal;
	animation: arrow 2.5s ease 0s infinite normal;
}
@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}

/* ----------------------------------------------------------------------------------
 リンク ボタン
---------------------------------------------------------------------------------- */

a {
	text-decoration:none;
	letter-spacing: 0.1rem;
	color: #1E1B19;
}
a:hover {
	text-decoration:none;
	opacity:1;
	transition: all .3s;
}
a,
a::before,
a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.line-btn-wrap {
	width: 100%;
	text-align: left;
}
.line-btn {
	font-size: 16px;
	text-decoration: none;
	line-height: 16px;
	color: #000;
	display: block;
}
.line-btn-line {
	display: inline-block;
	width: 5vw;
	height: 1px;
	background-color: #1E1B19;
	margin: 0 15px 0 0;
    vertical-align: middle;
}
.line-btn:hover .line-btn-line {
	width: 7.5vw;
}
.line-btn .line-btn-line,
.line-btn .line-btn-line::before,
.line-btn .line-btn-line::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* ----------------------------------------------------------------------------------
エフェクト
---------------------------------------------------------------------------------- */

.effect i {
	width: 100%;
	transition: 1.0s;
	transition-delay: 0s;
	font-style:normal;
	position:absolute;
} 

.effect div {
	transition: 1.0s;
	transition-delay: 1.0s;
}

.slide-fadein-effect {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition: 2.0s;
}
.sf-action {
	opacity: 1;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* ----------------------------------------------------------------------------------
 movie
---------------------------------------------------------------------------------- */
@media only screen and (min-width: 500px) {
.top-moive-wrap {
	display: none;
	}
}
@media only screen and (max-width: 499px) {
.top-moive-wrap {
	display: none;
	width: 100vw;
	height: 100vh;
	position:relative;
	font-size:0;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
}
.top-moive-wrap div {
	width: 100vw;
	height: 100vh;
	position:relative;
	display: flex;
	align-items: center;
	align-content: center;
}
.top-moive-wrap div video {
	height: 100vh;
	position:relative;
	object-fit: cover;
}
}

/* ----------------------------------------------------------------------------------
 slide
---------------------------------------------------------------------------------- */

#slidearea {
	width: 100vw;
	height: 100vh;
	position:relative;
	font-size:0;
	overflow: hidden;
	margin: 0 auto;
	/*border: 2vw solid #fff;*/
	box-sizing: border-box;
	display: flex;
}
@media only screen and (max-width: 499px) {
#slidearea {
	/*display: none;*/
	width: 100vw;
	height: 100vh;
	position:relative;
	font-size:0;
	overflow: hidden;
	margin: 0 auto;
	/*border: 2.5vw solid #fff;*/
	box-sizing: border-box;
}
}
.slide-title {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	display: block;
	position: relative;
}
#slidearea-80 {
	width: 80vw;
	height: 53vw;
	position:relative;
	font-size:0;
	overflow: hidden;
	margin: 0 auto;
	/*border: 2vw solid #fff;*/
	box-sizing: border-box;
	display: flex;
}
@media only screen and (max-width: 768px) {
#slidearea-80 {
	width: 100vw;
	height: 67vw;
}
}
#slider01 > div.sp-slides-container > div > div > div:nth-child(1) > div > img {
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

/* ----------------------------------------------------------------------------------
 contents
---------------------------------------------------------------------------------- */

/* 背景なしのコンテンツ */

.contents-center {
	width:100%;
	padding:25vh 0 0 0;
	text-align:center;
	margin:0 auto;
}
.contents-center-bottom {
	width:100%;
	padding:25vh 0;
	text-align:center;
	margin:0 auto;
}
.contents-center-pa0 {
	width:100%;
	padding:0 0;
	text-align:center;
	margin:0 auto;
}
.contents-center-pagetop {
	width:100%;
	padding:0 0 0 0;
	text-align:center;
	margin:-5vh auto 0;
}
.contents-cneter-inner {
	width: 100%;
	margin: 0 auto;
}
.contents-cneter-inner85 {
	width: 85%;
	max-width: 1440px;
	margin: 0 auto;
}
.contents-cneter-inner960 {
	max-width: 960px;
	width: 85%;
	margin: 0 auto;
}
.contents-cneter-inner960 img {
	width: 100%;
	margin: 0 auto;
}
.main-section {
	padding: 5% 0 0 0;
}
.main-text-wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	text-align: left;
}
.main-text-wrap-center {
	width: 100%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}
.main-text-wrap-max800 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	text-align: left;
}
.main-text-wrap p {
	text-align: justify;
}

@media screen and (max-width: 768px) {
.contents-center {
	padding:25vh 0 0 0;
}
.contents-center-bottom {
	padding:25vh 0;
}
.main-text-wrap,
.main-text-wrap-max800 {
	width: 85%;
}
}

@media screen and (max-width: 498px) {
.contents-center {
	padding:20vh 0 0 0;
}
.contents-center-bottom {
	padding:20vh 0;
}	
}

.text-box-90 {
	width: 90%;
	margin: 0 auto;
}
.text-column-wrap {
	width: 100%;
	text-align: left;
	margin: 0 0 70px;
}
.text-column-head {
	width: 100%;
	display: block;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 0 15px;
}
.text-column-body {
	width: 100%;
	display: block;
	padding: 15px 0 0;
}
.text-column-child {
	width: calc(100% - 2rem);
	margin: 50px 0 10px auto;
	text-align: left;
}
.text-column-child-head {
	width: 100%;
	display: block;
	border-bottom: 1px dotted #EBEBEB;
	padding: 0 0 10px;
}
.text-column-child-body {
	width: 100%;
	display: block;
	padding: 10px 0 0;
}
.notice {
	width: calc(100% - 4rem);
	text-align: left;
	font-size: 13px;
	margin: 10px 0 0 1.2rem;
}
.notice li {
	list-style: disc;
	line-height: 175%;
	padding: 0 2px;
}
.notice li::before {
	display: inline-block;
	margin-left: -1.2rem;
    width: 1.2rem;
    line-height: 1.2rem;
}
@media only screen and (max-width: 768px) {
.text-column-child {
	width: calc(100% - 1rem);
}
}

/* ----------------------------------------------------------------------------------
 コピー縦書き
---------------------------------------------------------------------------------- */
.copy-tate-wrap {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.copy-tate-wrap span {
	display: block;
}
/*.copy-tate-wrap-inner {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
	margin: 0 auto;
}
.copy-tate-wrap-inner span {
	display: block;
}*/



@media screen and (max-width: 768px) {
.copy-tate-wrap {
	text-align: left;
	display: flex;
	box-sizing: border-box;
}
/*.copy-tate-wrap-inner {
	text-align: left;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: fit-content;
}*/
	
.copy-tate-wrap > .tategaki-title-l,
.copy-tate-wrap > .tategaki-title-ml,
.copy-tate-wrap > .tategaki-title-m,
.copy-tate-wrap > .tategaki-title-sm,
.copy-tate-wrap > .tategaki-title-s,
.copy-tate-wrap > .tategaki-title-xs{
	-ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	/*height: fit-content;*/
}
.copy-tate-wrap-inner > .tategaki-title-m {
	margin: 0 auto 30px;
}
}

/* ----------------------------------------------------------------------------------
 商品説明
---------------------------------------------------------------------------------- */
.tategaki-products-wrap {
	width: 100vw;
	padding:  0 0 15vw;
}
.tategaki-products-imgwrap {
	width: 100%;
	height: 75vh;
	margin: 0 0 15vw;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.tategaki-products-imgwrap img {
	width: 100%;
	height: auto;
}
.tategaki-products-textwrap {
	width: 85vw;
	max-height: 30vh;
    padding: 0 7.5vw;
    margin: 0 auto;
    overflow-x: scroll;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: flex;
    flex-direction: column;
    justify-content: center;
	text-align: justify;
}
.tategaki-rubi {
	font-size: 0.8rem;
	letter-spacing: 0.2rem;
	margin: 20px 0 0;
	font-style: normal;
}
.tategaki-products-imgtext {
	width: 85vw;
	margin: 5px auto 0;
	text-align: left;
}
.products-textwrap {
	width: 85vw;
	max-width: 480px;
    padding: 0 7.5vw 10vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	text-align: justify;
}
@media screen and (max-width: 768px) {
.tategaki-products-textwrap  > .tategaki-title-l,
.tategaki-products-textwrap  > .tategaki-title-ml,
.tategaki-products-textwrap  > .tategaki-title-m,
.tategaki-products-textwrap  > .tategaki-title-sm,
.tategaki-products-textwrap  > .tategaki-title-s,
.tategaki-products-textwrap  > .tategaki-title-xs{
	-ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}
.tategaki-products-imgwrap {
	width: 100%;
    height: 100vw;
    margin: 0 0 10vh;
    display: block;
    justify-content: center;
}
.tategaki-products-imgwrap::before {
	padding-top:100%;
}
.tategaki-products-imgwrap img {
	object-fit: cover;
	height: 100%;
}
.tategaki-products-textwrap {
	overflow-x:hidden;
	overflow-y: hidden;
	flex-direction: row;
    justify-content: flex-start;
	max-height: fit-content;
}
.tategaki-products-imgtext {
	width: 95vw;
	margin: 5px auto 0;
	text-align: left;
}
.tategaki-rubi {
	font-size: 0.8rem;
	letter-spacing: 0.2rem;
	margin: 0 0 0 20px;
	font-style: normal;
}
}

/* ----------------------------------------------------------------------------------
 縦書き見出し
---------------------------------------------------------------------------------- */
.tategaki-title-wrap {
	position: relative;
	z-index: 2;
}
.tatesen_title {
	height: 5vh;
	width: 1px;
	background-color: #1E1B19;
	margin: 20px auto;
	display: block;
}

/* ----------------------------------------------------------------------------------
 トップページコンテンツ
---------------------------------------------------------------------------------- */

.top-contents01-wrap {
}
.top-contents01 {
	margin: -5vh 0 0;
}
.top-contetns01-img {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 0;
}
.top-contetns01-img::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
.top-contetns01-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}
.top-contents01-text {
	width: 70%;
	max-width: 800px;
	background-color: #FFFFFF;
	padding: 5vw;
	box-sizing: border-box;
	margin: -10vw auto 0;
	position: relative;
	text-align: left;
}
.top-contents01-ill {
	position: relative;
	z-index: 2;
}
.top-contetns02-img {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 0;
}
.top-contetns02-img::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
.top-contetns02-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}
.top-contents02-text {
	width: 70%;
	max-width: 800px;
	background-color: #FFFFFF;
	padding: 5vw;
	box-sizing: border-box;
	margin: 0 auto 0;
	position: relative;
	text-align: left;
}
.top-contents02-ill {
	position: relative;
	z-index: 2;
}
.ill-philosophy {
	position: absolute;
    top: -12vh;
    right: 5vw;
    width: 155px;
    height: 95px;
}
.ill-brewing {
	position: absolute;
    top: -12vh;
    left: 5vw;
    width: 144px;
    height: 142px;
}
.ill-products {
	position: absolute;
    top: -18vh;
    right: 5vw;
    width: 109px;
    height: 137px;
}
.ill-akanesasu {
	position: absolute;
    top: -6vh;
    right: 5vw;
    width: 91px;
    height: 79px;
}
.ill-shop {
	position: absolute;
    top: -9vh;
    left: 5vw;
    width: 91px;
    height: 103px;
}

@media screen and (max-width: 768px) {
.top-contents01-text {
	width: 100%;
	background-color: none;
	padding: 0;
	box-sizing: border-box;
	margin: 7.5vh auto 0;
	position: relative;
	text-align: left;
}
.top-contents02-text {
	width: 100%;
	background-color: none;
	padding: 0;
	box-sizing: border-box;
	margin: 7.5vh auto 0;
	position: relative;
	text-align: left;
}
}
@media screen and (max-width: 599px) {
.ill-philosophy {
	position: absolute;
    top: -12vh;
    right: 5vw;
    width: 92px;
    height: 56px;
}
.ill-brewing{
	position: absolute;
    top: -12vh;
    left: 5vw;
    width: 85px;
    height: 86px;
}
.ill-products {
	position: absolute;
    top: -12vh;
    right: 5vw;
    width: 66px;
    height: 82px;
}
.ill-akanesasu {
	position: absolute;
    top: -5vh;
    right: 5vw;
    width: 54px;
    height: 47px;
}
.ill-shop {
	position: absolute;
    top: -5vh;
    left: 5vw;
    width: 55px;
    height: 62px;
}
}

.singletext-wrap {
	text-align:left;
	width: 100%;
	max-width: 720px;
	margin: auto;
}


/* ----------------------------------------------------------------------------------
 試験醸造
---------------------------------------------------------------------------------- */
.pdv-wrap {
	width: 100%;
	max-width: 720px;
	margin: 10vh auto 0;
}
.pdv-contents {
	width: 100%;
	display: inline-flex;
	flex-flow: row;
	justify-content: space-between;
	text-align: left;
	align-items: stretch;
	margin: 0 0 3.5vw;
	border-bottom: 1px #EBEBEB solid;
    padding: 0 0 3.5vw;
}
.pdv-contents:last-child {
	margin: 0 0 0;
	border-bottom: none;
	 padding: 0 0 0;
}
.pdv-img {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pdv-img img {
	max-height:360px; 
}
.pdv-text {
	width: 50%;
	text-align: left;
}
.pdv-text span {
	display: block;
	width: 100%;
}

@media screen and (max-width: 768px) {
.pdv-wrap {
	width: 100%;
	max-width: 720px;
	margin: 10vh auto 0;
}
.pdv-contents {
	width: 100%;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	text-align: left;
	align-items: stretch;
	margin: 0 0 5vh;
	border-bottom: 1px #EBEBEB solid;
    padding: 0 0 5vh;
}
.pdv-contents:last-child {
	margin: 0 0 0;
	border-bottom: none;
	 padding: 0 0 0;
}
.pdv-img {
	width: 35%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.pdv-img img {
	max-height:320px;
	padding: 0 0 0 5vw;
}
.pdv-text {
	width: 55%;
	text-align: left;
}
.pdv-text span {
	display: block;
	width: 100%;
}
}


/* ----------------------------------------------------------------------------------
 こだわり説明
---------------------------------------------------------------------------------- */

.hvw-fvh-wrap {
	width:100vw;
	margin: 0 auto;
}
.hvw-fvh-contents {
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 0;
}
.hvw-fvh-text {
	width:40%;
	height: auto;
	padding: 0 7.5vw 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	box-sizing: border-box;
	position: relative;
}
.hvw-fvh-text-title {
	width: 100%;
    margin: 10vh 0 0;
}
.hvw-fvh-text-content {
	width: 100%;
	margin: 0 0 10vh;
	display: flex;
	flex-direction: column;
}
.hvw-fvh-img {
	width:60%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.hvw-fvh-img img {
	width:auto;
	height: 100vh;
}
.kodawari-title-l {
	font-size: 1.5rem;
	line-height: 175%;
	letter-spacing: 0.05rem;
	display: flex;
	flex-direction: row;
}
.kodawari-title-bar {
	width: 25px;
	height: 1px;
	background-color: #1E1B19;
	margin: auto 10px auto 0;
}
.kodawari-title {
	font-size: 1.5rem;
	line-height: 175%;
	letter-spacing: 0.1rem;
}
.kodawari-content-m {
	font-size: 1.1rem;
	line-height: 200%;
	letter-spacing: 0.05rem;
}
.kodawari-content-s {
	font-size: 0.95rem;
	line-height: 175%;
	letter-spacing: 0.07rem;
}
.kodawari-content-se {
	font-size: 0.65rem;
	line-height: 175%;
	letter-spacing: 0rem;
	font-family:"MFW-PA1MinchoStdN-Regular" , "tbudmincho-std", "YuMincho", "garamond-premier-pro-display" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝" , serif;
}
@media screen and (max-width: 768px) {
.hvw-fvh-wrap {
	width:100vw;
	margin: 0 auto;
}
.hvw-fvh-contents {
	width:100%;
	height: auto;
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	margin: 0 0 10vh;
}
.hvw-fvh-text {
	width:85vw;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	box-sizing: border-box;
	position: relative;
}
.hvw-fvh-text-title {
	width: 100%;
    margin: 5vh 0 15px;
}
.hvw-fvh-text-content {
	width: 100%;
	margin: 0 0 5vh;
	display: flex;
	flex-direction: column;
}
.hvw-fvh-img {
	width:100vw;
	height: 75vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.hvw-fvh-img img {
	width:auto;
	height: 75vh;
}
.kodawari-title-l {
	font-size: 1.4rem;
	line-height: 175%;
	letter-spacing: 0.05rem;
	display: flex;
	flex-direction: row;
}
.kodawari-title-bar {
	width: 20px;
	height: 1px;
	background-color: #1E1B19;
	margin: auto 10px auto 0;
}
.kodawari-title {
	font-size: 1.4rem;
	line-height: 175%;
	letter-spacing: 0.1rem;
}
.kodawari-content-m {
	font-size: 1rem;
	line-height: 200%;
	letter-spacing: 0.05rem;
}
.kodawari-content-s {
	font-size: 0.9rem;
	line-height: 175%;
	letter-spacing: 0.07rem;
}
}

#sake {
	margin-bottom: 25vh;
}
.sake-title {
	width:100vw;
	padding: 20vh 0 15vh;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.by-title {
	width:100vw;
	padding: 0 0 10vh;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.1rem;
}
.sake-title img {
	height: 225px;
}
.sake-wrap {
	width:100vw;
	margin: 0 auto;
}
.sake-content {
	width:100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 15vh;
}
.sake-content:nth-child(odd) {
	flex-direction: row-reverse;
}
.sake-text {
	width:40vw;
	height: auto;
	padding: 0 7.5vw 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content:center;
	box-sizing: border-box;
	position: relative;
}
.sake-img {
	width:60vw;
	height: auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.sake-img img {
	width:100%;
	height: auto;
}
.sake-wrap dl {
	font-size: 0.8rem;
	text-align: 175%;
	letter-spacing: 0rem;
	display: flex;
	flex-wrap: wrap;
	margin: 25px 0 0;
}
.sake-wrap dl dt {
	width: 30%;
	margin: 0 0 10px;
}
.sake-wrap dl dd {
	width: 70%;
	line-height: 150%;
}
.sake-spec-title {
	line-height: 200%;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
}
.sake-row {
	line-height: 200%;
	font-size: 1.05rem;
	letter-spacing: 0.1rem;
}
.sake-brand-title {
	line-height: 200%;
	font-size: 1.7rem;
	letter-spacing: 0.1rem;
}
.hanko {
	position: absolute;
    top: 145px;
    right: 7.5vw;
	display: flex;
	flex-direction: row;
}
.hanko > img.hanko-img {
	width: 23px;
	margin-left: 7px;
}
@media screen and (max-width: 768px) {
.sake-title {
	width:100vw;
	padding: 20vh 0;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sake-title img {
	height: 175px;
}
.sake-wrap {
	width:100vw;
	margin: 0 auto;
}
.sake-content {
	width:100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 0 10vh;
}
.sake-content:nth-child(odd) {
	flex-direction: column;
}
.sake-text {
	width:85vw;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content:center;
	box-sizing: border-box;
	position: relative;
}
.sake-img {
	width:100vw;
	height: 100vw;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 0 0 5vh;
}
.sake-img img {
	width: auto;
	height: 100vw;
}
.sake-wrap dl {
	font-size: 0.8rem;
	letter-spacing: 0rem;
	display: flex;
	flex-wrap: wrap;
	margin: 25px 0 0;
}
.sake-wrap dl dt {
	width: 30%;
	margin: 0 0 10px;
	line-height: 150%;
}
.sake-wrap dl dd {
	width: 70%;
	line-height: 150%;
}
.sake-spec-title {
	line-height: 200%;
	font-size: 1.25rem;
	letter-spacing: 0.1rem;
}
.sake-brand-title {
	line-height: 200%;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
}
.hanko {
	position: absolute;
    top: 110px;
    right: 0vw;
	display: flex;
	flex-direction: row;
}
.hanko > img.hanko-img {
	width: 21px;
	margin-left: 7px;
}
}


.two-column-wrap {
	width: 85vw;
	margin: 0 auto;
}
.two-column-wrap-contents {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 10vw;
}
/* 奇数はodd */
.two-column-wrap-contents:nth-child(even) {
	flex-direction: row-reverse;
}
.two-column-wrap-img {
	width: 47.5%;
}
.two-column-wrap-img img {
	width: 100%;
}
.two-column-wrap-text {
	width: 47.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.two-column-wrap-text span {
	display: block;
}

@media screen and (max-width: 768px) {
.two-column-wrap {
	width: 85vw;
	margin: 0 auto;
}
.two-column-wrap-contents {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: none;
	margin: 0 0 10vh;
}
/* 奇数はodd */
.two-column-wrap-contents:nth-child(even) {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: none;
	margin: 0 0 10vh;
}
.two-column-wrap-img {
	width: 100%;
	margin-bottom: 30px;
}
.two-column-wrap-img img {
	width: 100%;
}
.two-column-wrap-text {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.two-column-wrap-text span {
	display: block;
}
}
/* ----------------------------------------------------------------------------------
 お知らせ / three-column-felx-wrap
---------------------------------------------------------------------------------- */
.three-column-felx-wrap {
	width: 85vw;
	margin: 0 auto;
}
.three-column-felx-title {
	width: 100%;
	margin: 0 0 15px;
	text-align: left;
	display: block;
}
.three-column-felx {
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:stretch; 
	text-align: left;
	flex-wrap: wrap;
	margin: -5vh 0 0;
}
.three-column-felx::after {
	content:"";
	display: block;
	width: calc( 100% / 3 - 2rem);
}
.three-column-flex-contents {
	display: block;
    text-align: left;
    margin: 0 0 5rem;
    flex-basis: calc( 100% / 3 - 2rem);
    max-width: calc( 100% / 3 - 2rem);
}
/*.three-column-felx {
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3vw;
	row-gap: 3vh;
	padding: 0 0 3vh;
}
.three-column-flex-contents {
	width: 100%;
	text-align: left;
}*/
.three-column-flex-contents-img {
	width: 100%;
}
.three-column-flex-contents-img a {
	width: 100%;
	display: block;
	margin: 0 0 15px;
	position: relative;
	overflow: hidden;
}
.three-column-flex-contents-img a::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
.three-column-flex-contents-img a img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
	-moz-transition: -moz-transform 0.7s linear;
    -webkit-transition: -webkit-transform 0.7s linear;
    -o-transition: -o-transform 0.7s linear;
    -ms-transition: -ms-transform 0.7s linear;
    transition: transform 0.7s linear;
}
.three-column-flex-contents:hover .three-column-flex-contents-img a img {
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}
.three-column-flex-contents-text {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 768px){
.three-column-felx-wrap {
	width: 85vw;
	margin: 0 auto;
}
.three-column-felx {
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-ms-overflow-style:none;
	flex-wrap:nowrap;
}
.three-column-felx::-webkit-scrollbar{
 display:none;
}
.three-column-flex-contents {
	flex: 0 0 42%;
	margin: 0 5vw 0 0;
	max-width: none;
}
}
@media screen and (max-width: 489px){
.three-column-flex-contents {
	flex: 0 0 70%;
	margin: 0 5vw 0 0;
}	
}

/* お知らせページ */
.c-three-column-felx-wrap {
	width: 85vw;
	margin: 0 auto;
}
.c-three-column-felx-title {
	width: 100%;
	margin: 0 0 15px;
	text-align: left;
	display: block;
}
.c-three-column-felx {
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:stretch; 
	text-align: left;
	flex-wrap: wrap;
	margin: -5vh 0 0;
}
.c-three-column-felx::after {
	content:"";
	display: block;
	width: calc( 100% / 3 - 2rem);
}
.c-three-column-flex-contents {
	display: block;
    text-align: left;
    margin: 0 0 5rem;
    flex-basis: calc( 100% / 3 - 2rem);
    max-width: calc( 100% / 3 - 2rem);
}
/*.three-column-felx {
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 3vw;
	row-gap: 3vh;
	padding: 0 0 3vh;
}
.three-column-flex-contents {
	width: 100%;
	text-align: left;
}*/
.c-three-column-flex-contents-img {
	width: 100%;
}
.c-three-column-flex-contents-img a {
	width: 100%;
	display: block;
	margin: 0 0 15px;
	position: relative;
	overflow: hidden;
}
.c-three-column-flex-contents-img a::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
.c-three-column-flex-contents-img a img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
	-moz-transition: -moz-transform 0.7s linear;
    -webkit-transition: -webkit-transform 0.7s linear;
    -o-transition: -o-transform 0.7s linear;
    -ms-transition: -ms-transform 0.7s linear;
    transition: transform 0.7s linear;
}
.c-three-column-flex-contents:hover .c-three-column-flex-contents-img a img {
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}
.c-three-column-flex-contents-text {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 768px){
.c-three-column-felx-wrap {
	width: 85vw;
	margin: 0 auto;
}
.c-three-column-felx::after {
	content:"";
	display: block;
	width: calc( 100% / 2 - 1rem);
}
.c-three-column-flex-contents {
	display: block;
    text-align: left;
    margin: 0 0 3rem;
    flex-basis: calc( 100% / 2 - 1rem);
    max-width: calc( 100% / 2 - 1rem);
}
}
@media screen and (max-width: 498px){
.c-three-column-felx::after {
	content:"";
	display: block;
	width: calc( 100% / 2 - 0.5rem);
}
.c-three-column-flex-contents {
	display: block;
    text-align: left;
    margin: 0 0 3rem;
    flex-basis: calc( 100% / 2 - 0.5rem);
    max-width: calc( 100% / 2 - 0.5rem);
}
}


/* ----------------------------------------------------------------------------------
top-flexbox-wrap
---------------------------------------------------------------------------------- */
.top-flexbox-wrap {
	width: 100%;
	text-align: left;
	margin: -5vh 0 0;
}
.top-flexbox {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 0;
}
.top-flexbox-nr {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.top-flexbox-ill {
	position: relative;
	z-index: 2;
}
.top-flexbox-img {
	width: 60%;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 0;
}
.top-flexbox-img::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
.top-flexbox-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}
.top-flexbox-text {
	width: 35%
}
@media screen and (max-width: 768px){
.top-flexbox {
	display: flex;
	flex-direction: column;
	margin: 0;
}
.top-flexbox-nr {
	display: flex;
	flex-direction: column;
	margin: 0;
}
.top-flexbox-img {
	width: 100%;
}
.top-flexbox-text {
	width: 100%;
	margin: 5vh 0 0;
}
}

/* ----------------------------------------------------------------------------------
flexbox-wrap
---------------------------------------------------------------------------------- */

.flexbox-wrap {
	width: 100%;
	text-align: left;
}
.flexbox-wrap li {
	display: flex;
	flex-direction:row;
    align-items: top;
	margin: 0 0 25vh;
}
.flexbox-wrap li:last-child {
	margin: 0 0 0;
	box-sizing: border-box;
}
.flexbox-wrap li:nth-child(even) {
	flex-direction: row-reverse;
}
.flexbox-wrap li:nth-child(odd) .flex-text-wrap {
     margin-left: 5%;
	padding-right: 7.5%;
}
.flexbox-wrap li:nth-child(even) .flex-text-wrap {
	 margin-right: 5%;
	padding-left: 7.5%;
}
.flex-img-wrap {
	width: 65%;
	position: relative;
}
.flex-img-wrap::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
.flex-img-wrap img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}
.flex-text-wrap {
	width: 30%;
	position: relative;
}
.flexbox-wrap li:nth-child(odd) .flex-text-wrap-icon {
	display: block;
	margin: -5vh 0 5vh;
	left: 0;
}
.flexbox-wrap li:nth-child(even) .flex-text-wrap-icon {
	display: block;
	margin: -5vh 0 5vh;
	right: 0;
}
.ill_brewing_01 {
	width: 177px;
	height: 77px;
}
.ill_brewing_02 {
	width: 99px;
	height: 115px;
}
.ill_brewing_03 {
	width: 102px;
	height: 130px;
}
.ill_brewing_04 {
	width: 131px;
	height: 120px;
}
.ill_brewing_05 {
	width: 95px;
	height: 118px;
}
.ill_brewing_06 {
	width: 132px;
	height: 120px;
}
.ill_brewing_07 {
	width: 154px;
	height: 95px;
}
@media only screen and (max-width: 768px) {
.flexbox-wrap {
	width: 85%;
	text-align: left;
	margin: 0 auto;
}
.flexbox-wrap li {
	flex-direction:column;
}
.flexbox-wrap li:nth-child(even) {
	flex-direction:column;
}
.flexbox-wrap li:nth-child(odd) .flex-text-wrap {
	margin-left: 0;
	padding-right: 0;
}
.flexbox-wrap li:nth-child(even) .flex-text-wrap {
	margin-right: 0;
	padding-left: 0;
}
.flex-img-wrap {
	width: 100%;
	position: relative;
}
.flex-text-wrap {
	width: 100%;
	margin: 5vh 0 0;
}
.flexbox-wrap li:nth-child(odd) .flex-text-wrap-icon {
	display: block;
	margin: 0 0 0;
	top: -2vh;
	left: auto;
	right: 5vw;
	position: absolute;
}
.flexbox-wrap li:nth-child(even) .flex-text-wrap-icon {
	display: block;
	margin: 0 0 0;
	top: -2vh;
	left: auto;
	right: 5vw;
	position: absolute;
}
.ill_brewing_01 {
	width: 106px;
	height: 46px;
}
.ill_brewing_02 {
	width: 59px;
	height: 69px;
}
.ill_brewing_03 {
	width: 61px;
	height: 78px;
}
.ill_brewing_04 {
	width: 78px;
	height: 72px;
}
.ill_brewing_05 {
	width: 57px;
	height: 70px;
}
.ill_brewing_06 {
	width: 79px;
	height: 72px;
}
.ill_brewing_07 {
	width: 92px;
	height: 57px;
}
}


/* ----------------------------------------------------------------------------------
list-syle
---------------------------------------------------------------------------------- */

.nomal-list {
	width: 100%;
	text-align: left;
	border-top: 1px solid #EBEBEB;
}
.nomal-list li {
	width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #EBEBEB;
    font-size: 16px;
	line-height: 175%;
}
.list-head {
	width: 25%;
	display: inline-block;
}
.list-head img.prototype-no {
	height: 60px;
	padding: 20px 0;
}
.list-body {
	width: 70%;
	display: inline-block;
}

@media only screen and (max-width: 768px) {
.nomal-list li {
	width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    border-bottom: 1px solid #EBEBEB;
    font-size: 15px;
	line-height: 175%;
}
.list-head {
	width: 100%;
	display: inline-block;
	font-size: 1rem;
	margin: 0 auto 10px;
}
.list-body {
	width: 100%;
	display: inline-block;
}
}

.pt-list {
	width: 85%;
	max-width: 720px;
	margin: 0 auto;
	text-align: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pt-list li {
	width: 50%;
    padding: 25px 0 30px;
    display: flex;
    flex-direction: row;
    font-size: 16px;
	box-sizing: border-box;
}
.pt-list li:nth-child(1),
.pt-list li:nth-child(2) {
    border-bottom: none;
}
.pt-list li:nth-child(1),
.pt-list li:nth-child(3) {
    border-right: 1px solid #EBEBEB;
}
.pt-list li:nth-child(2),
.pt-list li:nth-child(4) {
	padding: 25px 0 30px 50px;
	box-sizing: border-box;
}
.pt-head {
	width: 105px;
	display: inline-block;
}
.pt-head img.prototype-no {
	height: 60px;
	padding:5px 0;
}
.pt-body {
	width: calc(100% - 105px);
	display: inline-block;
}

@media only screen and (max-width: 768px) {
.pt-list {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	text-align: left;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.pt-list li {
	width: 100%;
    padding: 25px 0 30px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #EBEBEB;
    font-size: 16px;
}
.pt-list li:nth-child(1),
.pt-list li:nth-child(2) {
    border-bottom: 1px solid #EBEBEB;
}
.pt-list li:nth-child(1),
.pt-list li:nth-child(3) {
    border-right: none;;
}
.pt-list li:nth-child(2),
.pt-list li:nth-child(4) {
	padding: 25px 0 30px;
	box-sizing: border-box;
}
.pt-list li:last-child {
    border-bottom: none;
}
.pt-head {
	width: calc(100% - 200px);
	display: inline-block;
}
.pt-head img.prototype-no {
	height: 50px;
	padding:5px 0 0 20px;
}
.pt-body {
	width: 200px;
	display: inline-block;
}
}

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

footer {
	width: 100vw;
	position: relative;
	padding: 10vw 0;
}
.footer-flex-wrap {
	width: 85%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin: 0 7.5%;
	position: relative;
}
.footer-flex {
	width: 45%;
	display: block;
	margin-top: auto;
}
.icon-logo02_bl {
	font-size: 20px;
}
.sns-link a {
	font-size: 32px;
	margin: 0 16px 0 0;
}
.footer-nav {
	font-size: 1rem;
	margin: 0 0 0 auto;
	letter-spacing: 0.1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: right;
}
_:-ms-input-placeholder, :root .footer-nav {
	font-size: 1rem;
	margin: 0 0 0 auto;
	float: right;
}
.footer-nav li {
	line-height: 100%;
	padding: 0 0 0;
}
.footer-tatesen_menu {
	width: 1px;
    height: 10px;
    background-color: #1E1B19;
    display: inline-block;
    margin: 0 0 20px;
}
a:hover .footer-tatesen_menu {
    height: 5px;
    margin: 5px 0 20px;
}
a .footer-tatesen_menu,
a .footer-tatesen_menu::before,
a .footer-tatesen_menu::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.inn-wrap {
	display: flex;
	justify-content: flex-end;
}
.inn-wrap img {
	width:75px;
}
@media only screen and (max-width: 768px) {
footer {
	padding: 10vh 0;
}
.footer-flex-wrap {
	width: 85%;
	display: flex;
	flex-direction: row;
	margin: 0 7.5%;
}
.footer-flex {
	width: calc(100% - 60px);
}
.footer-flex:nth-child(2) {
	width: 60px;
}
.footer-nav {
    display: none;
}
.inn-wrap {
	display: flex;
	justify-content: flex-end;
	margin: 50px 0 0;
}
.inn-wrap img {
	width:60px;
}
}

footer.footer-os {
	width: 100vw;
	height: auto;
	background-image: none;
	position: relative;
}
.footer-flex-wrap-os {
	width: calc(100% - 90px);
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 5vh 0;
	box-sizing: border-box;
	position: relative;
}
_:-ms-input-placeholder, :root .footer-flex-wrap-os {
	width: 85%;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 5vh 0;
	box-sizing: border-box;
	position: relative;
}
.footer-logo img {
	height: 30px;
    margin: 0 0 10px;
}
/* ----------------------------------------------------------------------------------
top-img-wrap
---------------------------------------------------------------------------------- */

.top-img-wrap {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column; 
    justify-content:center; 
    align-items:center; 
	margin: 0;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.top-img-wrap::before {
	z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.15);
}
@media screen and (max-width: 1366px) {
.top-img-wrap {
	background-attachment: scroll;
	background-position: center center;
}
.top-img-wrap::before {
    background-size: cover;/* cover指定できる */
	content: "";
	display: block;
	position: fixed;/* 擬似要素ごと固定 */
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;/* 横幅いっぱい */
	height: 100vh;/* 縦幅いっぱい */
    background-color:rgba(0,0,0,0.0);
}
}
#rokumonsen {
	background-image: url("../img/rokumonsen_img01.jpg");
}
#brewing {
	background-image: url("../img/image_sake_12.jpg");
}
#products {
	background-image: url("../img/image_sake_11.jpg");
}
#information {
	background-image: url("../img/image_sake_10.jpg");
}
#company {
	background-image: url("../img/image_kura_06.jpg");
}
#akanesasu {
	background-image: url("../img/image_nature_02.jpg");
}
#contact {
	background-image: url("../img/image_water_01.jpg");
}
#privacy {
	background-image: url("../img/image_kura_04.jpg");
}
#error {
	background-image: url("../img/image_kura_03.jpg");
}
#topic {
	background-image: url("../img/image_kura_05.jpg");
}
#event {
	background-image: url("../img/image_kurabito_06.jpg");
}
#release {
	background-image: url("../img/image_sake_18.jpg");
}
#media {
	background-image: url("../img/image_kome_05.jpg");
}
#award {
	background-image: url("../img/image_sake_07.jpg");
}
#project {
	background-image: url("../img/image_kome_13.jpg");
}
.top-img-wrap-pc {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column; 
    justify-content:center; 
    align-items:center; 
	margin: 0;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.top-img-wrap-pc::before {
	z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.15);
}
.top-img-wrap-sp,
.top-img-wrap-sp::before {
	display: none;
}
@media screen and (max-width: 767px) {
.top-img-wrap-pc,
.top-img-wrap-pc::before {
	display: none;
}
.top-img-wrap-sp {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column; 
    justify-content:center; 
    align-items:center; 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.top-img-wrap-sp::before {
	z-index: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.15);
}
}

/* ----------------------------------------------------------------------------------
page-index-nav
---------------------------------------------------------------------------------- */
.page-index-wrap {
	width: 100%;
	margin: 0 auto;
}
.page-index-nav {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-size: 14px;
	margin: 0 auto;
	text-align: left;
}
.page-index-nav li {
	line-height: 100%;
	padding: 0 7px;
}

/* ----------------------------------------------------------------------------------
products
---------------------------------------------------------------------------------- */
.products-list-title {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 10vh;
}
.products-list-wrap {
	width: 100%;
	margin: 0 auto;
}
.products-list {
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:stretch; 
	text-align: left;
	flex-wrap: wrap;
	margin: 0 0 5vh;
}
.products-list::after {
	content:"";
	display: block;
	width: calc( 100% / 2 - 3rem);
}
.products-list li {
	display: flex;
	flex-direction:row;
	justify-content: space-between;
    text-align: left;
    margin: 0 0 5rem;
    flex-basis: calc( 100% / 2 - 3rem);
    max-width: calc( 100% / 2 - 3rem);
}
.products-list-img-wrap {
	width: 30%;
	text-align: center;
}
.products-list-img-wrap img.products_300 {
	height: 200px;
}
.products-list-img-wrap img.products_720 {
	height: 250px;
}
.products-list-img-wrap img.products_1800 {
	height: 305px;
}
.products-list-img-wrap img.etc {
	width: 100%;
}
.products-list-text-wrap {
	width: 65%;
}
.products-detail-list {
	width: 100%;
	font-size: 14px;
	display: block;
	margin: 20px 0 0;
}
.products-detail-list li {
	width: 100%;
	font-size: 14px;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	border-top: 1px solid #EBEBEB;
	padding: 10px 0;
	flex-basis: 100%;
    max-width: 100%;
	margin: 0;
	line-height: 150%;
}
.products-detail-list li:last-child {
	border-bottom: 1px solid #EBEBEB;
}
.products-detail-head {
	width: 25%;
}
.products-detail-body {
	width: 70%;
}
.logo_products {
	width: 150px;
}

@media only screen and (max-width: 768px) {
.products-list-img-wrap img.products_300 {
	height: 250px;
}
.products-list-img-wrap img.products_720 {
	height: 300px;
}
.products-list-img-wrap img.products_1800 {
	height: 360px;
}
.products-list {
	width: 100%;
	display: flex;
	flex-direction:column;
	justify-content: none;
	align-items:none; 
	text-align: left;
	flex-wrap: wrap;
	margin: 0 0 5vh;
}
.products-list::after {
	content:"";
	display: none;
	width: 100%;
}
.products-list li {
	display: flex;
	flex-direction:row;
	justify-content: space-between;
    text-align: left;
    margin: 0 0 5rem;
    flex-basis: 100%;
    max-width: 100%;
}
.products-detail-list li {
    margin: 0;
}
}
@media only screen and (max-width: 489px) {
.products-detail-list {
	font-size: 12px;
}
.products-detail-list li {
	font-size: 12px;
}
.products-list-img-wrap {
	width: 25%;
	text-align: left;
}
.products-list-img-wrap img.products_300 {
	width: 75%;
	height: auto;
}
.products-list-img-wrap img.products_720 {
	width: 85%;
	height: auto;
}
.products-list-img-wrap img.products_1800 {
	width: 95%;
	height: auto;
}
.products-list-text-wrap {
	width: 70%;
}
}

/* ----------------------------------------------------------------------------------
company page etc....
---------------------------------------------------------------------------------- */

.two-column-text-wrap {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.two-column-text-head {
	width: 25%;
	text-align: left;
	position: relative;
}
.two-column-text-body {
	width: 70%;
	text-align: left;
}
.text-body-img {
	width: 100%;
}
.info-list {
	width: 100%;
}
.info-list li {
	width: 100%;
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	border-top: 1px solid #F5F5F5;
	font-size: 15px;
	line-height: 175%;
}
.info-list li:last-child {
	border-bottom: 1px solid #F5F5F5;
}
.info-list-tilte {
	width: 30%;
}
.info-list-body {
	width: 70%;
}
@media only screen and (max-width: 768px) {
.two-column-text-wrap {
	display: block;
	margin: 0 auto;
}
.two-column-text-head {
	width: 100%;
	margin: 0 auto 5vh;
	text-align: left;
}
.two-column-text-body {
	width: 100%;
	margin: 0 0 0;
}
}

/* ----------------------------------------------------------------------------------
company page etc....
---------------------------------------------------------------------------------- */

.time-line {
	width: 100%;
	text-align:left;
	font-size: 14px;
}
.time-line li {
	width: 100%;
	overflow: hidden;
    margin: 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items:center;
	line-height: 175%;
}
.time-line-head {
	width: 120px;
}
.time-line-body {
	width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    float: left;
    border-left: 1px #EBEBEB solid;
    padding: 20px 0 20px 50px;
    position: relative;
	box-sizing: border-box;
}
.time-line-body::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #1E1B19;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -5px;
	border-radius: 100%;
}
.time-line-text {
	display: block;
}

/* ----------------------------------------------------------------------------------
news-post
---------------------------------------------------------------------------------- */

.news-post-wrap {
	width: 90vw;
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
	display: block;
	/*justify-content: space-between;
	flex-direction: row; */
}
.news-post-tilte {
	width:100%;
	display: block;
	text-align: left;
	margin: 0 0 5vh;
}
.news-post-cateicon {
	font-size: 75px;
}
.news-post-bar {
	width: 100px;
	height: 1px;
	background-color: #1E1B19;
	margin: 25px 0;
}
.news-post-body {
	width:100%;
	display: block;
	text-align: left;
}
.news-post-body img {
	width: 100%;
	height: 100%;
	margin: 2rem 0;
}

/* ----------------------------------------------------------------------------------
 form
---------------------------------------------------------------------------------- */

.form-row {
	width: 100%;
	display: block;
	margin: 0 auto 20px auto;
	border: none;
}
.form-row,
.form-row::before,
.form-row::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.form-title {
	width: 100%;
	display: block;
	line-height: 20px;
	padding: 10px 0;
	font-size: 15px;
	box-sizing: border-box;
	text-align: left;
}
.form-input {
	width: 100%;
	display: block;
	line-height: 20px;
	font-size: 15px;
	padding: 0 0;
}
.required {
	padding: 2px 4px;
	background-color: #1E1B19;
	color: #F7F5F2;
	font-size: 12px;
	margin: 0 5px;
}
.h200 {
	height: 200px !important;
}
.privacy-box {
	width: 100%;
	height: 20em;
	padding: 5%;
	box-sizing: border-box;
	background-color: #F8F8F8;
	overflow-y: auto;
	font-size: 14px;
	text-align: left;
}
.demical {
	width: 100%;
	list-style: decimal;
	text-align: left;
}
.demical li {
	width: 100%;
	margin: 10px 0 0px 15px;
	line-height: 175%;
}
input.input_s {
	width:100%;
	padding:0 20px;
	margin: 0 0;
	height:50px;
	background-color:#FFFFFF;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	font-size: 14px;
}
input.input_s:hover {
	border: 1px solid #1E1B19;
}
input.input_s,
input.input_s::before,
input.input_s::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
textarea.textarea {
	width:100%;
	padding:10px 20px;
	margin:0;
	height:180px;
	max-height: 180px;
	background-color:#FFFFFF;
	border: 1px solid #EBEBEB;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 175%;
}
textarea.textarea:hover {
	border: 1px solid #1E1B19;
}
textarea.textarea,
textarea.textarea::before,
textarea.textarea::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}

input.submit {
	font-family: "source-han-serif-japanese",serif;
	display: block;
	width: 100%;
	line-height:13px;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-size:15px;
	margin: 17.5px auto 0;
	background-color: #FFFFFF;
	cursor:pointer;
	border: 1px solid #EBEBEB;
	color: #1E1B19;
	box-sizing:border-box;
}
input.submit:hover {
	background-color: #1E1B19;
	border: 1px solid #1E1B19;
	color: #FFF;
}
input.submit::before,
input.submit::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
input.submit,
input.submit::before,
input.submit::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
input::placeholder {
	color: #C8C8C8;
	font-family: "source-han-serif-japanese",serif;
}
input:-ms-input-placeholder {
	color: #C8C8C8;/* IE */
	font-family: "source-han-serif-japanese",serif;
}
input::-ms-input-placeholder {
	color: #C8C8C8;/* Edge */
	font-family: "source-han-serif-japanese",serif;
}
textarea::placeholder {
	color: #C8C8C8;
	font-family: "source-han-serif-japanese",serif;
}
textarea:-ms-input-placeholder {
	color: #C8C8C8;/* IE */
	font-family: "source-han-serif-japanese",serif;
}
textarea::-ms-input-placeholder {
	color: #C8C8C8;/* Edge */
	font-family: "source-han-serif-japanese",serif;
}

select.select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select.select {
	width: 100%;
    padding: 17.5px 2%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #EBEBEB;
    background: url(../img/arrow_dwon.svg) right 50% no-repeat;
    background-size: 12px, 100%;
    background-position: bottom 19px right 20px;
    background-color: #FFFFFF !important;
    border-radius: 0px;
    color: #1E1B19;
}
select.select > option {
	background-color:#F5F5F5;
}

/*css radio02*/
.radio02 {
	text-align: left;
	font-size: 14px;
}
.radio02 label {
  margin: 20px 0 0;
}
.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin: auto 20px auto 0;
}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #EBEBEB;
  border-radius: 50%;
}
.radio02-input:checked + label{
  color: #1E1B19;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #1E1B19;
  border-radius: 50%;
}
/* css checkbox01 */
.checkbox01 label {
  text-align: left;
  font-size: 14px;
  padding: 5px;
}
.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  width: 100%;
  display: block;
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #EBEBEB;
  border-radius: 0px;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #1E1B19;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 1px solid #1E1B19;
  border-right: 1px solid #1E1B19;
	border-radius: 0;
}

#mw_wp_form_mw-wp-form-95 > form > div > div.form-input > input {
	width:100%;
	padding:0 20px;
	margin: 0 0;
	border:none;
	background-color:#F0F0F0;
	box-sizing: border-box;
	font-size: 14px;
}

/* wp mw form */
form > div.slide-fadein-effect.sf-action > div > div.form-input > span {
}
.radio {
	display: none; 
}
form label {
	position: relative;
	display: inline-block;
	padding: 5px 3px 5px 20px;
	cursor: pointer;
}
.radio+span::before,
span::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
    }
.radio+span::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
}
.radio+span:hover::before {
	background: #1E1B19;
	color: #1E1B19;
	border: 1px solid #1E1B19;
}
.radio+span::after {
	display: none;
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #1E1B19;
	transform: scale(2);
 }
.radio:checked + span::before {
	background: #1E1B19;
	border: 1px solid #1E1B19;
}
.radio:checked + span::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

input.check {
	display: none; 
}
.form-input > span.mwform-checkbox-field > label {
	position: relative;
	display: block;
	padding: 5px 3px 5px 20px;
	cursor: pointer;
	width: 100%;
}
.mwform-checkbox-field  > label > input.check+span::before,
.mwform-checkbox-field > label > span::after {
	position: absolute;
	content: '';
	top: 50%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.mwform-checkbox-field  > label > input.check+span::before {
	top:5px;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #EBEBEB;
	background-color: #fff;
	border-radius: 0px;
}
.check:checked + span{
	color: #1E1B19;
}
.check:checked + span::after{
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 2px solid #1E1B19;
	border-right: 2px solid #1E1B19;
	border-radius: 0;
} 

.form-tex-wrap {
	width: 100%;
	height: 50vh;
	overflow: scroll;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #EBEBEB;
	padding: 5%;
	box-sizing: border-box;
	margin: 20px 0 0;
}


/* ----------------------------------------------------------------------------------
バリデーション
---------------------------------------------------------------------------------- */

.mw_wp_form .error {
	font-size: 100%;
    color: #1E1B19 !important;
    display: block;
	padding: 10px;
	background-color: #FFF000
}

/* ----------------------------------------------------------------------------------
入力内容確認画面
---------------------------------------------------------------------------------- */

.mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview  > form > div > div.form-input {
	padding: 17.5px 0;
    border-top: 1px solid #EBEBEB;
    background-color: #FFFFFF;
    box-sizing: border-box;
    margin: 10px 0 0;
}
div.table-wrap{
	width:100%;
	position:relative;
	margin:0 auto;
}

table.formTable {
  border-collapse: collapse;
  width: 100%;
}
table.formTable th,
table.formTable td {
  padding: 0 10px;
  border: 1px solid #E7E7E7;
  font-weight:200;
	height: 30px;
}
table.formTable th {
  background-color: #F0F0F0;
  text-align: left;
}

table.formTable td {
	text-align:left;
}

@media screen and (max-width: 400px) {
  table.formTable {
    border-top: 1px solid #E7E7E7;
  }
  table.formTable td {
    display: block;
     text-align: left;
  }
  table.formTable th {
    display: block;
    border-top: none;
    border-bottom: none;
  }
}


/* ----------------------------------------------------------------------------------
Online Store
---------------------------------------------------------------------------------- */

.os-nav-title {
	width: 100%;
	font-size: 20px;
	letter-spacing: 0.2rem;
	font-family: "tbudmincho-std", serif;
}
_:-ms-input-placeholder, :root .os-nav-title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.os-nav-title-sub {
	width: 100%;
	font-size: 16px;
	letter-spacing: 0.2rem;
	font-family: "tbudmincho-std", serif;
}
_:-ms-input-placeholder, :root .os-nav-title-sub {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.os-footstamp {
	width: 100%;
	font-size: 12px;
	color: #999999;
	text-align: left;
	vertical-align: middle;
	margin: 0 0 5%;
	font-family: "tbudmincho-std", serif;
	line-height: 175%;
}
_:-ms-input-placeholder, :root .os-footstamp {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.os-footstamp a {
	color: #999999;
}
.os-footstamp a:hover {
	color: #1E1B19;
}
.os-footstamp a,
.os-footstamp a::before,
.os-footstamp a::after {
	-webkit-transition: all .3s !important;
	transition: all .3s !important;
}
.os-footstamp-arrow {
	font-size: 10px;
	margin: 0 15px;
	padding: 0;
}
.os-nav {
	width: 100%;
	text-align: left;
	font-size: 14px;
	margin: 0 0 30px;
}
.os-nav li {
	width: 100%;
	padding: 10px 0;
}
.title-bar {
	width: 50px;
	height: 1px;
	background-color: #EBEBEB;
	display: block;
}
.two-column-text-wrap-os {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.border-top-solid-sp {
	border-top: none;
}
.os-products-wrap-title {
	width: 100%;
	text-align: left;
	margin: 0 0 10vh;
}
.os-products-wrap {
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:stretch; 
	text-align: left;
	flex-wrap: wrap;
	margin: 0 0 10vh;
}
.os-products-wrap::after {
	content:"";
	display: block;
	width: calc( 100% / 2 - 1rem);
}
.os-products-wrap li {
	display: block;
    text-align: center;
    margin: 0 0 5rem;
    flex-basis: calc( 100% / 2 - 1rem);
    max-width: calc( 100% / 2 - 1rem);
}
.os-products-wrap li a {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
.os-products-wrap li a .os-products-img {
	display: flex;
	flex-direction:column;
	position: relative;
	width: 100%;
	height: 305px;
	text-align: center;
	margin: 0 0 2rem;
	align-items: flex-end;
}
.os-products-wrap li a .os-products-img-etc {
	display: flex;
	flex-direction:column;
	position: relative;
	width: 100%;
	height: auto;
	align-items: center;
	margin: 0 0 2rem;
	/*align-items: flex-end*/
}
.os-products-wrap li a .os-products-img img {
	margin: auto auto 0;
}
.os-products-img-1800 {
	height: 305px;
}
.os-products-img-720 {
	height: 250px;
}
.os-products-img-300 {
	height: 200px;
}
.os-products-img-etc {
	width: auto;
	height: auto;
}
.os-products-wrap li a .os-products-text {
	display: block;
	width: 100%;
	text-align: center;
}
@media only screen and (max-width: 1023px) {
.os-products-wrap::after {
	content:"";
	display: block;
	width: calc( 100% / 2 - 1rem);
}
.os-products-wrap li {
	display: block;
    text-align: center;
    margin: 0 0 5rem;
    flex-basis: calc( 100% / 2 - 1rem);
    max-width: calc( 100% / 2 - 1rem);
}
}
@media only screen and (max-width: 768px) {
.two-column-text-wrap-os {
	flex-direction: column-reverse;
}
.os-nav {
	border-bottom: 1px solid #EBEBEB;
	padding: 30px 0;
	margin: 0;
}
.border-top-solid-sp {
	border-top: 1px solid #EBEBEB;
	margin: 10vh 0 0;
}
}
@media only screen and (max-width: 599px) {	
.os-products-wrap li a .os-products-img {
	height: 280px;
}
.os-products-wrap li a .os-products-img-etc {
	height: auto;
}
.os-products-img-1800 {
	height: 280px;
}
.os-products-img-720 {
	height: 220px;
}
.os-products-img-300 {
	height: 175px;
}
.os-products-img-etc {
	width: 100%;
	height: auto;
	max-height: 280px;
}
}
#os-slidearea {
	width: 100%;
	display: block;
	position: relative;
	margin: 0 0 10vh;
}
#os-slidearea::before {
	padding-top: 61.8%;
	content: "";
	display: block;
}
@media only screen and (max-width: 768px) {
#os-slidearea::before {
	padding-top: 100%;
	content: "";
	display: block;
}
}
#os-slidearea #slider03 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
}
#os-slidearea-th {
	width: 100%;
	display: block;
	position: relative;
	margin: 0 0 10vh;
}
#os-slidearea-th #slider-th {
	width: 100%;
}

.cartjs_box {
	width: 100% !important;
	border: none !important;
}
.cartjs_block {
	padding: 10px 0 !important;
}
.cartjs_dtl_tbl {
	
}
.artjs_sales_price {
	
}
.product_form {
	width: 100% !important;
	margin: 0 auto 0 0 !important;
}
tr.cartjs_sales_price > th {
	background: #FFFFFF !important;
    text-align: left !important;
    padding: 5px 0 !important;
    width: 30% !important;
    font-weight: 400 !important;
}
tr.cartjs_sales_price > td {
	padding: 10px 0 !important;
    width: 60% !important;
}
tr.cartjs_sales_price > td > p.cartjs_product_price {
	font-size: 16px !important;
    font-weight: 400 !important;
    color: #1E1B19 !important;
}
tr.cartjs_product_num {
	background: #FFFFFF !important;
    text-align: left !important;
    padding: 5px 0 !important;
    width: 30% !important;
    font-weight: 400 !important;
}
tr.cartjs_product_num > th {
	background: #FFFFFF !important;
    text-align: left !important;
    padding: 5px 0 !important;
    width: 30% !important;
    font-weight: 400 !important;
}
tr.cartjs_product_num > td {
	padding: 10px 0 !important;
    width: 60% !important;
}
tr.cartjs_product_num > td > input {
	font-size: 14px !important;
    width: 30% !important;
    margin-right: 5px !important;
	border-radius: 0 !important;
	border: 1px solid #1E1B19 !important;
	padding: 10px 0 !important;
	text-indent: 1rem !important;
	font-weight: 400 !important;
	font-family: "tbudmincho-std" , serif !important;
}
_:-ms-input-placeholder, :root .tr.cartjs_product_num > td > input {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
div.cartjs_buy > p {
	width: 100%;
	display: block;
	text-align: left;
	margin: 0 auto;
}
div.cartjs_buy > p > input {
	display: block !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size: 16px !important;
    padding: 15px 5px !important;
    width: 75% !important;
    text-align: center !important;
    margin: 0 auto 20px 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #1E1B19 !important;
    background-image: none !important;
    border: 1px solid #1E1B19 !important;
    text-shadow: none !important;
	font-family: "tbudmincho-std" , serif !important;
}
_:-ms-input-placeholder, :root div.cartjs_buy > p > input {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
div.cartjs_buy > p > input:hover {
    color: #FFFFFF !important;
    background-color: #999999 !important;
    border: 1px solid #999999 !important;
}
div.cartjs_buy > p > input,
div.cartjs_buy > p > input::before,
div.cartjs_buy > p > input::after {
	-webkit-transition: all .3s !important;
	transition: all .3s !important;
}
.cartjs_header {
	display: none !important;
}
@media only screen and (max-width: 768px) {
div.cartjs_buy > p > input {
    width: 100% !important;

}	
}
input,textarea {
  -webkit-appearance: none;
}
.credit-card {
	width: 100%;
}
.credit-card li {
	margin: 0 10px 10px 0 ;
	display: inline-block;
	border-bottom: none;
	padding: 20px 0 0 0;
}
.credit-card li img {
	height: 35px;
}
.delivery-charge {
	width: 100%;
	border-top: 1px solid #EBEBEB;
	margin: 30px 0 0;
}
.delivery-charge li {
	width: 100%;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	border-bottom: 1px solid #EBEBEB;
	align-items: center;
}
.delivery-charge-head {
	width: 70%;
	display: flex;
	flex-direction: column;
	padding: 15px 5% 15px 0;
	box-sizing: border-box;
	border-right: 1px solid #EBEBEB;
}
.delivery-charge-body {
	width: 30%;
	padding: 15px 0 15px 5%;
	box-sizing: border-box;
}
.local-head {
	font-size: 14px;
	line-height: 175%;
	margin: 0 0 5px;
	padding-left: 0;
}
.local-body {
	font-size: 12px;
	color: #999999;
	line-height: 175%;
	padding-left: 0;
}
@media only screen and (max-width: 768px) {
.delivery-charge-head {
	width: 50%;
}
.delivery-charge-body {
	width: 50%;
}
}

.os-guide-list  {
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content: space-around;
	align-items:stretch; 
	text-align: left;
	flex-wrap: wrap;
	margin: 5vh 0 10vh;
}
.os-guide-list::after {
	content:"";
	display: block;
	width: calc( 100% / 3 - 2rem);
}
.os-guide-list li {
	display: block;
    text-align: left;
    margin: 0 0 0;
    flex-basis: calc( 100% / 3 - 2rem);
    max-width: calc( 100% / 3 - 2rem);
}
.os-guide-list li img {
	height: 120px;
    display: block;
    margin: 0 0 15px;
}
@media only screen and (max-width: 768px) {
.os-guide-list::after {
	width: calc( 100% / 2 - 1rem);
}
.os-guide-list li {
    flex-basis: calc( 100% / 2 - 1rem);
    max-width: calc( 100% / 2 - 1rem);
}
.os-guide-list li img {
	height:90px;
}
}

/* ----------------------------------------------------------------------------------
固定ページ　ページネーション
---------------------------------------------------------------------------------- */
 
.pagination{
   width:100%;
    text-align: center;
	margin:50px auto 0 auto;
	color:#999999;
	font-size:13px;
}

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

.pagination{
	width:100%;
    text-align: center;
	margin:50px auto 0 auto;
	color:#999999;
	font-size:13px;
}
}

.pagination li {
	display:none !important;
}
a.page-numbers,
.pagination .current{
    background: #fff;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
.pagination .current{
    background: #FFF;
    color: #999;
}
.pagination a.page-numbers:hover,
.pagination a.next page-numbers:hover {
	 color: #1E1B19;
	 cursor:pointer;
  opacity: 0.5; 
  filter: alpha(opacity=50); 
  -moz-opacity: 0.5;
	 transition: 0.4s;
}

/* ----------------------------------------------------------------------------------
カテゴリ　ページネーション
---------------------------------------------------------------------------------- */

ul#pagination {
    list-style-type: none;
    overflow: hidden;
    padding: 0 10px;
	width:92.5%;
    margin: 15px auto 15px auto;
	position:relative;
}

ul#pagination li {
	font-size:13px;
	display:inline-block;
	margin:0 10px 0 0;
}
ul#pagination li a {
    display: block;
    padding:8px 13px;
    background-color: #FFF;
    color: #999999;
}

ul#pagination li a:hover {
    display: block;
    padding:8px 13px;
    background-color: #FFF;
    color: #1E1B19;
}

ul#pagination.posts li {
	font-size:13px;
	display:inline-block;
}
ul#pagination.posts li a {
    display: block;
    padding: 3px 5px;
    border-radius: 3px;
    background-color: #FFF;
    color: #999999;
}
ul#pagination.posts li a:hover {
     color: #1E1B19;
}
ul#pagination.post li.next,
ul#pagination.posts li.prev {
    float: left;
}
ul#pagination.post li.prev,
ul#pagination.posts li.next {
    float: right;
}

/* ----------------------------------------------------------------------------------
シングルページ　ページネーション
---------------------------------------------------------------------------------- */

div.page-link-wrap{
	width:100%;
	margin:10% auto 0px;
	text-align:left;
}
@media screen and (max-width: 768px) {
div.page-link-wrap{
	text-align:center;
}
}
ul.page-link-list{
	font-size:0;
}
ul.page-link-list li{
	display:inline-block;
	margin:0 20px;
	vertical-align:middle;
	padding:10px 0;
}
ul.page-link-list li:first-child{
	margin:0 20px 0 0;
}
ul.page-link-list li:last-child{
	margin:0 0 0 20px;
}
div.btn-prev {
	left: 10px;
	width: 14px;
	height: 14px;
	border-top: 1px solid #1E1B19;
	border-right: 1px solid #1E1B19;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
div.btn-prev:hover {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
div.btn-prev,
div.btn-prev::before,
div.btn-prev::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
div.btn-next {
	right: 10px;
	width: 14px;
	height: 14px;
	border-top: 1px solid #1E1B19;
	border-right: 1px solid #1E1B19;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
div.btn-next:hover {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
div.btn-next,
div.btn-next::before,
div.btn-next::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.nav-prevpost a{
	display:block;
    text-decoration: none;
	cursor:pointer;
}
.nav-nextpost a {
	display:block;
	text-decoration: none;
	cursor:pointer;
}
.nav-backindex a {
    text-decoration: none;
	cursor:pointer;
	width:20px;
	height:20px;
	z-index:10;
	font-size: 20px
}
.nav-backindex a img {
	height: 20px;
}
/* ----------------------------------------------------------------------------------
 お知らせカテゴリーセレクト
---------------------------------------------------------------------------------- */

.select-wrap {
	width:85vw;
	margin:0 auto 10vh auto;
	position:relative;
}

.select-wrap-inner {
	width: 100%;
    padding: 0 0;
    margin: 0 auto;
    font-size: 0;
    display: block;
    position: relative;
    text-align: left;
}

select.select-category {
    text-align: left;
    width: calc( 100% / 3 - 2rem);
    font-size: 14px;
    position: relative;
	margin: 0;
    padding: 15px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: "";
	background: url("../img/arrow_dwon.svg") no-repeat top 17px right 10px;
	background-size:15px 5px;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	font-family: "tbudmincho-std", serif;
}
_:-ms-input-placeholder, :root select.select-category {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
select#cat.postform {
    text-align: left;
    width: calc( 100% / 3 - 2rem);
    font-size: 14px;
    position: relative;
	margin: 0;
    padding: 15px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: "";
	background: url("../img/arrow_dwon.svg") no-repeat top 17px right 10px;
	background-size:10px 5px;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	font-family: "tbudmincho-std", serif;
}
_:-ms-input-placeholder, :root select#cat.postform  {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
select#cat2.postform {
    text-align: left;
     width: calc( 100% / 3 - 2rem);
    font-size: 14px;
    position: relative;
	margin: 0;
    padding: 15px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: "";
	background: url("../img/arrow_dwon.svg") no-repeat top 17px right 10px;
	background-size:10px 5px;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-left: none;
	border-right: none;
	border-radius: 0px;
	font-family: "tbudmincho-std", serif;
}
_:-ms-input-placeholder, :root select#cat2.postform   {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
select.select-category, select#cat.postform {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}


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


select.select-category {
    width:  100%;
	margin: 0 auto 15px auto;
}	
select#cat.postform {
	width:  100%;
	margin: 0 auto 15px auto;
}
select#cat2.postform {
	width:  100%;
	margin: 0 auto 15px auto;
}
}


#scrollbar::-webkit-scrollbar
{
        overflow:hidden;
        width:1px;
        background:#f5f5f5;
	height: 1px;
}
        #scrollbar-flex-box::-webkit-scrollbar:horizontal
        {
                height:1px;
			width:1px;
        }
#scrollbar::-webkit-scrollbar-button
{
       display:none;
}
#scrollbar::-webkit-scrollbar-piece
{
        background:#f5f5f5;
}
        #scrollbar::-webkit-scrollbar-piece:start
        {
                background:#f5f5f5;
        }
#scrollbar::-webkit-scrollbar-thumb
{
        background:#ccc;
}
#scrollbar::-webkit-scrollbar-corner
{
        background:#ccc;
}