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

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  text-decoration: none;
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
	transition:1s;
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
	 transition:2s;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/*共通 初期設定*/
html{
	font-size: 62.5%;
}
body{
	font-size: 1.6em;
}

h2{
	font-size: 2.5rem;
    font-weight:bold;
}
h3{
	font-size:2.0rem;
	font-weight:normal;
}
a{
	color:#3E3A39;
}
a:hover{
	opacity:0.7;
}

/*readmore*/
.readmore-bk{
	font-family: century-gothic, sans-serif;
	padding-bottom:1.0rem;
	color:#000;
	border-bottom:0.1rem solid #000;
	font-size:1.5rem;
}
.readmore-wh{
	font-family: century-gothic, sans-serif;
	padding-bottom:1.0rem;
	color:#fff;
	border-bottom:0.1rem solid #fff;
	font-size:1.5rem;
}
.sec-title-h2{
	font-family: poppins, sans-serif;
	font-size:3.0rem;
	font-style: italic;
	color:#A11F24;
	text-align: center;
}
.sec-title-h2 img{
	max-width:50rem;
	margin:auto;
	display:block;
}
.sec-title-h2-wh{
	font-family: poppins, sans-serif;
	font-size:3.0rem;
	font-style: italic;
	color:#fff;
	text-align: center;
}

@media screen and (max-width: 960px){
	.sec-title-h2 img{
	max-width:90%;
}
}

/*arrow*/
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 2rem;
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.up-arrow::before{
    top: 0.3rem;
    width: 1.0rem;
    height: 1.0rem;
    border-top: 0.3rem solid #fff;
    border-right: 0.3rem solid #fff;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}
.left-arrow::before{
    bottom: 0.3rem;
    width: 1.0rem;
    height: 1.0rem;
    border-top: 0.3rem solid #fff;
    border-right: 0.3rem solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.right-arrow::before{
    bottom: 0.3rem;
	  left: 0.5rem;
    width: 1.0rem;
    height: 1.0rem;
    border-top: 0.3rem solid #fff;
    border-right: 0.3rem solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bk-arrow{
    position: relative;
    color: #000;
}
.bk-arrow::before,
.bk-arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.bk-right-arrow::before{
    left: 1.0rem;
    width: 0.7rem;
    height: 0.7rem;
    border-top: 0.1rem solid #000;
    border-right: 0.1rem solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bk-left-arrow::before{
    left: 1.0rem;
    width: 0.7rem;
    height: 0.7rem;
    border-top: 0.1rem solid #000;
    border-right: 0.1rem solid #000;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/*テキスト処理*/
.inline-text{
	display:inline-block;
}
.kyouchou{
  font-size:115%;
  color:#D99789;
  font-weight: bold;
}
.min-text{
  font-size:1.1rem;
  line-height:2.0rem;
}
ul{
	list-style: none;
}
.pp{
	font-family: poppins, sans-serif;
}
.cg{
	font-family: century-gothic, sans-serif;
}
.ft{
	font-family: futura-pt, sans-serif;
}
/*▼スクロールアニメーションCSS*/

/* 要素に透過0を指定　*/
.fadeInTrigger,.fadeDownTrigger,.fadeUpTrigger,.fadeLeftTrigger,.fadeRightTrigger,.blurTrigger,.lineTrigger{
    opacity: 0;
}

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* 上から */
.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
transform: translateY(-50px);
  }
  to {
    opacity: 1;
transform: translateY(0);
  }
}

/* 下から */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:2.0s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
transform: translateY(50px);
  }
  to {
    opacity: 1;
transform: translateY(0);
  }
}

/* 左から */
.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:2.0s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
transform: translateX(-50px);
  }
  to {
    opacity: 1;
transform: translateX(0);
  }
}

/* 右から */
.fadeRight{
animation-name:fadeRightAnime;
animation-duration:2.0s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
transform: translateX(50px);
  }
  to {
    opacity: 1;
transform: translateX(0);
  }
}

/* ブラー */
.blur{
animation-name:blurAnime;
animation-duration:2.0s;
animation-fill-mode:forwards;
}
@keyframes blurAnime{
  from {
filter: blur(10px);
transform: scale(1.02);
opacity: 0;
  }
  to {
filter: blur(0);
transform: scale(1);
opacity: 1;
  }
}

/* 枠線が伸びて出現 */
.lineTrigger{
  position: relative; /* 枠線が書かれる基点*/
  opacity:0;
}
.lineTrigger.lineanime{
animation-name:lineAnimeBase;
animation-duration:1s;
animation-fill-mode:forwards;
}
@keyframes lineAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}
/*上下線*/
.lineTrigger::before,
.lineTrigger::after{
  position: absolute;
  content:"";
  width:0;
  height:1px;
  background:#333;/* 枠線の色*/
}
/*左右線*/
.line2::before,
.line2::after{
  position: absolute;
  content:"";
  width: 1px;
  height:0;
  background:#333;/* 枠線の色*/
}
/*上線*/
.lineTrigger::before {
top:0;
left:0;
}
.lineTrigger.lineanime::before {
animation: lineAnime .5s linear 0s forwards;/*表示されて0秒後に上線が0.5秒かけて表示*/
}
/*右線*/
.line2::before{ 
top:0;
right:0;
}
.lineTrigger.lineanime .line2::before {
animation: lineAnime2 .5s linear .5s forwards;/*表示されて0.5秒後に右線が0.5秒かけて表示*/
}
/*下線*/
.lineTrigger::after { 
bottom:0;
right:0;
}
.lineTrigger.lineanime::after {
animation: lineAnime .5s linear 1s forwards;/*表示されて1秒後に下線が0.5秒かけて表示*/
}
/*左線*/
.line2::after{ 
bottom:0;
left:0;
}
.lineTrigger.lineanime .line2::after {
animation: lineAnime2 .5s linear 1.5s forwards;/*表示されて1.5秒後に左線が0.5秒かけて表示*/
}
@keyframes lineAnime {
0% {width:0%;}
    100%{width:100%;}
}
@keyframes lineAnime2 {
0% {height:0%;}
    100%{height:100%;}
}
/*枠線内側の要素*/
.lineTrigger.lineanime .lineinappear{
animation: lineInnerAnime .5s linear 1.5s forwards;/*1.5秒後に中央のエリアが0.5秒かけて表示*/
opacity: 0;/*初期値を透過0にする*/
}
@keyframes lineInnerAnime{
0% {opacity:0;}
    100% {opacity:1;}
}

/*画面処理*/
@media screen and (min-width: 1200px){
.full-wid{
	width:100%;
}
.max-wid{
	max-width:140rem;
	margin:auto;
}
.mid-wid{
	max-width:120rem;
	margin:auto;
}
.min-wid{
	max-width:80rem;
	margin:auto;
}
}
@media screen and (max-width: 1200px){
    .max-wid{
		width:90%;
		margin:auto;
}
	.mid-wid{
	width:80%;
		margin:auto;
}
	.min-wid{
	width:50%;
		margin:auto;
}
}

/*ブレイクポイント*/
/*スマホ縦*/
@media screen and (max-width: 960px){
	.pc{display:none !important;}
	.sp{display:block;}
}
/*〜タブレット横
@media screen and (max-width: 960px){
  	.pc{display:none;}
	.sp{display:block;}
}*/
/*PCで非表示*/
@media screen and (min-width: 961px){
.sp{display:none !important;}
}


/*==================
#loading
==================*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #fff;
  text-align: center;
}
#loading_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#loading .kvArea {
  width: 25rem;
}
#loading .kvArea .img_box {
  text-align: center;
}
#loading .kvArea .img_box img {
  max-width: 100%;
  height: auto;
}
.fadeOutUp {
  animation-name: fadeOutUpAnime;
  animation-duration: 1.2s;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
  opacity: 1;
}
@keyframes fadeOutUpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}

@media screen and (max-width: 960px){
#loading .kvArea {
  width: 20rem;
}
}

html,body{
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	letter-spacing:0.1rem;
	line-height: 1.5;
	color:#3E3A39;
}

header{
	width:100%;
	  position: fixed;
	top:0;
	left:0;
    z-index: 9;
}
.upper-head{
	background:#fff;
}
.upper-head h1{
	width: 25rem;
	margin:auto;
	padding: 2.0rem 0;
}
.upper-head img{
	width: 100%;
	margin:auto;
}
.upper-head > h1 > a{
	display: flex;
}
.upper-head-right{
	width: 30%;
	position:absolute;
	top:4.0rem;
	right:5%;
	display:flex;
	justify-content:flex-end;
	align-content:center;
	font-size: 1.2rem;
}
.digi-catalog a{
	max-width:20%;
	color:#fff;
	background:#3E3A39;
	padding:1.0rem 1.0rem;
}
.user-login{
	margin-left:3%;
}
.user-login a{
	max-width:20%;
	color:#fff;
	background:#3E3A39;
	padding:1.0rem 2.0rem;
}
.under-head{
	background:#A11F24;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.under-head ul{
	width:80%;
	margin:auto;
	display:flex;
	justify-content: center;
	align-items: flex-start;
}
.under-head li{
	width:16.66666%;
	padding:1.5rem 2.0rem;
	color:#fff;
	cursor:pointer;
	font-size: 1.8rem;
}
.under-head a{
	color:#fff;
	text-align:center;
}
.parent-menu{
	/*position:relative;*/
}
.child-menu{
	display:none;
	 width: 100vw !important;
    position: absolute;
    left: 0;
    transition:　.1s;
    padding: 5rem 0;
	background:#A11F24;
	z-index:9999;
	font-size:1.4rem;
}
.child-menu li{
	font-size:1.4rem;
}
.child-menu-title{
	text-align:left;
	padding-bottom:1.0rem;
	font-weight:bold;
}
.child-menu-cat{
	text-align:left;
	padding-bottom:1.0rem;
}
/* モーダルウィンドウ */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}
.modalWrapper {
	min-width: 100rem;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10rem;
  transform:translate(-50%,-50%);
  background-color: #fff;
  text-align: left;
}
.closeModal {
  position: absolute;
  top: 0;
  right: 2%;
  cursor: pointer;
	color: #3E3A39;
	font-size: 5.0rem;
}

/* ボタンスタイルリセット */
#openModal {
  background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}
/*検索フォームまわり*/
.search-form {
    color: #3E3A39;
	font-size:1.3rem;
	padding:5.0rem 0;
}
.search-form-inner{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.search-form-inner-left,.search-form-inner-right{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
}
.search-form-inner-left{
	width:60%;
}
.search-form-inner-right{
	width:40%;
}
.search-form-inner ul{
	width:50%;
	padding:1.0rem;
	display: block;
	margin: 0;
}
.search-form-inner li{
	  width: 100%;
    color: unset;
    padding: 0 0.3rem 0 0;
	font-size: 1.5rem;
}
.search-cat-title {
    font-weight: bold;
    padding-bottom: 0.5rem !important;
}
.search-form-inner input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: none;
	 margin-right: 0.3rem;
}
.ECM_CheckboxInput {
  padding: 0.2rem 0rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ECM_CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}
.ECM_CheckboxInput:hover{
  background: rgba(0,0,0,.05) !important;
}
.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput{
  border: dashed 0.2rem #333333;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
  background: #333333;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55%;
  height: 0.2rem;
  border-radius: 0.2rem;
  transform: translate(-0.3rem, 0rem) rotateZ(-135deg);
  transform-origin: 0.2rem 0.2rem;
  background: #FFFFFF;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 76%;
  height: 0.2rem;
  border-radius: 0.2rem;
  transform: translate(-0.1rem, 0.1rem) rotateZ(-45deg);
  transform-origin: 0.2rem 0.2rem;
  background: #FFFFFF;
}
.ECM_CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border: solid 0.1rem #3e3a39;
  background: rgba(0,0,0, .1);
  border-radius: 4px;
}
.ECM_CheckboxInput-LabelText {
  margin-left: 0.5rem;
  display: block;
  font-weight: bold;
}
.select-form{
	padding-bottom:1.5rem !important;
}
input[type="search"] {
	min-width: 30rem;
    background: #f9f9f9;
    border: 0.1rem solid #cdcdcd;
	padding:0.5rem;
}
::placeholder{
	font-size:1.4rem;
	color:#bdbdbd;
}
.search-form select {
	min-width: 30rem;
    background: #f9f9f9;
    border: 0.1rem solid #cdcdcd;
	padding:0.5rem;
}
.search-button{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	margin-top: 2rem;
}
.search-button input[type="submit"] {
    background: #A11F24;
    color: #fff;
    padding: 1rem 5.0rem;
}
.check-clear{
	margin-left:2.0rem;
}
.form-clear{
	margin-left:0.5rem;
}
.check-clear button,.form-clear button{
	background:#3E3A39;
	color: #fff;
    padding: 1rem 1rem;
	 display: block;
}

@media screen and (max-width: 960px){
	.upper-head img{
		width: 18rem;
	}
	.under-head{
	display:block;
	}
	.under-head ul{
	width:100%;
	display:block;
}
.under-head li{
	width:100%;
	padding-bottom:1.0rem;
	font-size: 1.8rem;
}
	.upper-head h1{
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	width: 28rem;
	margin:0;
	padding: 1.5rem;
}
	.child-menu{
    padding: 1rem 0 10.0rem 0;
}
	.child-menu li{
	font-size:1.4rem;
}
	.child-menu dl{
	padding-left:10%;	
	}
	/* ------------------------------
バーガー中身
---------------------------------*/
.header-nav{
overflow:hidden;
list-style: none;
position: fixed;
top:0;
right:0;
width:28rem;
height:100vh;
/*background-color: rgba(34, 34, 34, 95);*/
z-index: 10;
text-align: center;
padding: 8rem 0;
color: #fff;
opacity: 0;
visibility:hidden;
transform: translateX(100%);
transition: transform .3s, opacity .3s;
	overflow-y: scroll;
}
.nav-item{
margin-bottom: 30px;　
}
.nav-item:first-of-type{
margin-bottom: 40px;
}
.nav-item:last-of-type{
margin-bottom: 0;
}
.header-nav a{
color: #fff;
}
/* ------------------------------
BURGER
---------------------------------*/
.burger-btn{
display: flex;
align-items:center;
position: fixed;
top: 2.8rem;
right: 1.5rem;
z-index: 11;　
}
.burger-btn.none{
	display:none;
}
.bar{
display: block;
background-color: #3E3A39;
height: 2px;
width: 22px;
border-radius: 1px;
}
.bar-top{
transform: translateY(-4px);
transition: transform .3s;
}
.bar-bottom{
transform: translateY(4px);
transition: transform .3s;
}
.menu{
display: block;
font-size: 10px;
text-transform: uppercase;
color: #3E3A39;
font-weight: bold;
margin-left: 5px;
}
.bar.cross.bar-top{
transform: translateY(2px)rotate(30deg);
transition: .3s;
background: #fff;
}
.bar.cross.bar-mid{
opacity: 0;
transition: opacity .3s;
}
.bar.cross.bar-bottom{
transform: translateY(-2px)rotate(-30deg);
transition: .5s;
background: #fff;
}
body.noscroll{
overflow: hidden;
}
.header-nav.open{
transform: translateX(0);
opacity: 1;
visibility:visible;
transform: transform .3s, opacity .3s;
}
.burger-musk{
display: none;
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
	
.modalArea{
	position:absolute;	
}
.modalWrapper {
    width: 100%;
	min-width:100%;
    padding: 5rem 2rem 10rem 2rem;
    top: 0;
    left: 0;
    transform: translate(0%,0%);
	overflow-y: scroll;
}
	.closeModal {
		position: fixed;
    top: 0;
    right: 5%;
	color:#a11f24;
	font-size: 4rem;
}
	.search-form {
    text-align: center;
		padding: 5rem 0;
}
	.search-form-inner ul{
	width:100%;
}
	.search-form-inner{
		display:block;
	}
	.search-form-inner-left, .search-form-inner-right{
		width:100%;
	}
	.search-form-inner li {
		font-size:1.3rem !important;
		padding: 0 0 0.3rem 0;
	}
	.search-cat-title{
		text-align:left;
	}
	.search-form select {
		width:100%;
		min-width:0;
	}
	input[type="search"] {
    width: 100%;
	min-width:90%;
    margin-left: 0rem;
}
	.search-button input[type="submit"] {
    width:100%;
	margin-bottom: 1rem;
	}
	.search-button {
	flex-wrap: wrap;
    font-size:1.4rem;
    margin-top: 1.5rem;
}
	.check-clear {
    margin-left: 0;
}
	
}

/*検索結果ページ*/
.search{
	width:90%;
	margin:auto;
	min-height: 20rem;
}
.search-jouken {
    padding: 2rem 0 1rem 0;
    font-size: 1.3rem;
}
.search-jouken-text{
	font-weight:bold;
	font-family: poppins, sans-serif;
	font-size: 1.5rem;
}
.search-kekka {
    font-size: 1.4rem;
    margin-top: 1rem;
}
.search-kekka-number{
	font-weight:bold;
	font-family: poppins, sans-serif;
	font-size: 1.8rem;
}
.nav-links {
    text-align: center;
    padding: 3rem 0;
}
.nav-links span{
	background:#3E3A39;
	color:#fff;
    border-radius:3%;
	padding:1rem;
}
.page-numbers{
	border:0.1rem solid #3E3A39;
	 border-radius:3%;
		padding:1rem;
}
.search-none{
	font-size:1.4rem;
	/*font-weight: bold;*/
}
@media screen and (max-width: 960px){
	.nav-links {
	  font-size: 1.4rem;
	}
	.search-jouken {
    padding: 2rem 0 0.5rem 0;
}
	.nav-links span,.page-numbers{
		padding: 0.5rem 0.8rem;
	}
	.page-numbers{
	margin-bottom: 1rem;
    display: inline-block;
	}
}


/*slickスライダー*/
#slider{
	width:100%;
}
.slide-item img{
	width:100%;
    height: auto;
}
.slick-dots li button::before {
	font-size:5.0rem !important;
}
.slick-dots li.slick-active button:before{
	color:#A11F24 !important;
}
.slick-dots {
    bottom: -3.5rem !important;
}
	.slick-dots li button::before {
	font-size:1.5rem !important;
}
#slider .prev-arrow{
	width:3.0rem;
	height:auto;
	position: absolute;
    top: 45%;
    left: 15%;
    z-index: 1;
}
#slider .next-arrow{
	width:3.0rem;
	height:auto;
	position: absolute;
    top: 45%;
    right: 15%;
    z-index: 1;
}

.info-news{
	width:100%;
	background:#8a8e91;
	color:#fff;
}
.info-news a{
	color:#fff;
	border-bottom:0.1rem solid #fff;
	padding-bottom:0.3rem;
}
.info-news-area{
	padding:1.0rem;
	font-size:1.2rem;
	display:flex;
	justify-content: center;
	align-items: center;
}
.more-link-left{
	border:0.1rem solid #fff;
	padding: 1.5rem 1.5rem;
    margin-right: 2rem;
}
.info-news-area ul{
	text-align:center;
	display: inline-block;
}
.info-news-area li{
	text-align:left;
	padding-bottom:0.5rem;
}
.info-news-detail-tab{
	padding-right:1.0rem;
}
@media screen and (max-width: 960px){
	#slider .prev-arrow{
    left: 0
}
#slider .next-arrow{
    right: 0;
}
	.info-news{
		position:relative;
	}
	.info-news-area{
	width:100%;
	padding:1.0rem 1.5rem;
	display:block;
}
	.more-link-right{
		position:absolute;
		bottom: -4.5rem;
		left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
	  display: inline-block;
    border: none;
    padding: 1.0rem 1.5rem;
		background:#8a8e91;
	}
}
@media screen and (min-width: 961px){
#slider .slick-slide {
    display: flex !important;
}
}

section{
	padding:20rem 0;
}

.concept-logo{
	width: 100%;
	min-height:35rem;
	position:relative;
	font-family: poppins, sans-serif;
	text-align: center;
	 margin-top: 15rem;
	padding-top: 0;
}
.concept-logo-inner{
	position:absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
	width: 35rem;
	margin: auto;
}
.concept-logo-upper{
	font-size:8.0rem;
	font-weight:900;
	line-height: 100%;
	letter-spacing: 0;
}
.concept-logo-under{
	font-size:1.5rem;
	letter-spacing: 0.2rem;
	margin-top:1.0rem;
}
/*========= タイピング ===============*/
.TextTyping span {
  display: none;
}
/*文字列後ろの線の設定*/
.TextTyping::after {
  /*content: "|";*/
  animation: typinganime .8s ease infinite;
}
@keyframes typinganime{
  from{opacity:0}
  to{opacity:1}
}

.concept-text{
	padding-top:0;
	text-align: center;
}
.concept-text-upper{
	font-size: 4rem;
   letter-spacing: 0.8rem;
	font-weight:bold;
}
.concept-text-under{
	font-size:1.5rem;
	margin-top:2.0rem;
	line-height: 3.5rem;
}

.company-links{
	width:100%;
	border-bottom: 0.1rem solid #000;
	padding-top:5.0rem;
	padding-bottom:2.0rem;
	display:flex;
	justify-content: center;
	align-items: center;
}
.company-links li{
	width:33.333333%;
	font-size: 1.8rem;
	font-weight:bold;
	font-style: italic;
}
.company-links a{
	color:#A11F24;
}
.company-links span{
	font-weight:normal;
	font-style: normal;
	color:#000;
	padding-left:1.0rem;
}

@media screen and (max-width: 960px){
	section{
	padding:10rem 0;
}
	.concept-logo{
	 margin-top: 8rem;
}
	.concept-text{
	width:90%;
}
	.concept-text-upper{
	font-size: 3.2rem;
		letter-spacing:0.1rem;
}
	.concept-text-under{
	font-size:1.4rem;
	line-height: 3rem;
	text-align:left;
}
	.company-links{
	padding-top:3.0rem;
	padding-bottom:1.0rem;
	display:block;
}
	.company-links li{
	width:100%;
	padding-bottom: 1.5rem;
}

}

.recom-area{
	width:100%;
}
.recom-area-inner{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.original-item{
	position:relative;
	width:50%;
}
.original-item img{
	width:50%;
	height:auto;
}
.original-item-inner{
	width:100%;
	display:flex;
}
.season-item{
	position:relative;
	width:50%;
}
.season-item img{
	width:50%;
	height:auto;
}
.season-item-inner{
	width:100%;
	display:flex;
}
.season-item-area-image{
	width:100%;
	position: absolute;
	left: 0;
}
.season-item-area-image img{
	width:100%;
}
.season-item-area-link{
	width: 100%;
	background:#A11F24;
	color:#fff;
	padding:2.0rem 0;
	text-align: center;
	display:flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.season-item-area-link p{
	font-size: 1vw;
	font-weight:bold;
	margin-bottom: 2.0rem;
	letter-spacing: 0.3rem;
}
.season-item-text{
	font-size: 3vw;
	font-weight:bold;
	font-style:italic;
	line-height: 100%;
	letter-spacing: 0.3rem;
	margin-bottom: 2.5rem;
}
.season-item-area-link a{
	display:block;
}
.oekotex-lp-link{
	position:relative;
	width: 50vw;
}
.oekotex-lp-inner{
	width:100%;
	display:flex;
}
.oekotex-lp-inner img{
	width: 50%;
}
.oekotex-lp-area-link{
	width: 50%;
	background:#159f82;
	color:#fff;
	padding:2.0rem 0;
	text-align: center;
	display:flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.oekotex-lp-link p{
	max-width: 90%;
	font-size: 1vw;
	font-weight:bold;
	margin-bottom: 2.0rem;
	letter-spacing: 0.3rem;
	padding: 0 5rem;
}
.season-item-area-link a{
	display:block;
}

@media screen and (max-width: 960px){
	.recom-area-inner{
		display: block;
	}
	.original-item, .season-item, .oekotex-lp-link{
		width:100%;
	}
	.season-item-inner img{
		order: 2;
	}
	.season-item-area-link{
        order: 1;
	}
	.oekotex-lp-inner img{
		width: 50%;
	}
	.oekotex-lp-area-link{
	    width: 50%;
}
	.recom-area-inner{
	flex-wrap:wrap;
}
	.season-item-area-link p ,.oekotex-lp-link p{
        font-size: 1.1rem;
        letter-spacing: 0.1rem;
		padding: 0 1rem;
}
	.season-item-text {
    font-size: 2.5rem;
}
	.oekotex-lp-link{
	/*background:url("./img/oekotex-lp-linkbana-sp.jpg");*/
}
    .recom-area .readmore-wh{
	max-width:90%;
	font-size:1.3rem;
}
}


#new-arrival{
	margin-top:20rem;
}
.arrival-area{
	display:flex;
	justify-content: center;
	align-items: flex-start;
	margin:5.0rem auto;
}
.arrival-area ul{
    width:33.33333%;
	padding:0 1.0rem;
}
.new-item h3{
	font-weight:bold;
}
.arrival-area li{
    margin-bottom:0.5rem;
	text-align: center;
}
.new-arrival-tips{
	background:#a11f24;
	color:#fff;
	font-size:1.5rem;
	font-weight:bold;
	padding: 0.5rem 0;
	margin-bottom:0 !important;
	line-height: normal;
}
.arrival-image img{
	  height: auto;
    width: 100%;
}
.arrival-name{
	font-size:2.8rem;
	font-weight:bold;
}
.arrival-tab{
	font-size:1.3rem;
}
.list-price-area{
    font-weight: 600;
	font-size:1.4rem;
	font-family: poppins, sans-serif;
}
#new-arrival .prev-arrow{
	width:3.0rem;
	height:auto;
	position: absolute;
    top: 45%;
    left: 0;
    z-index: 1;
}
#new-arrival .next-arrow{
	width:3.0rem;
	height:auto;
	position: absolute;
    top: 45%;
    right: 0;
    z-index: 1;
}
@media screen and (max-width: 960px){
	.new-item h3,{ 
    font-size: 1.8rem;
}
	.list-price-area{
		font-size: 1.5rem;
}
	#new-arrival .prev-arrow{
    left: -2.5rem;
}
	#new-arrival .next-arrow{
    right: -2.5rem;
    z-index: 1;
}
}

.contents-area{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin:5.0rem auto;
	text-align:center;
}
.contents-area img{
	width:100%;
}
.catalog-archives{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width:40%;
	padding: 1.5rem 3rem 1.5rem 1.5rem;
}
.catalog-archives ul{
	width: 33.33333%;
   padding: 1.5rem;
}
.catalog-archives li{
	font-family: century-gothic, sans-serif;
	font-size:1.3rem;
	font-weight:bold;
}
.contents-archives{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	width:60%;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    border-left: 0.3rem solid #d7d7d7;
}
.contents-archives ul{
	width: 50%;
   padding: 0.5rem;
}
.contents-archives li{
	font-family: century-gothic, sans-serif;
	font-size:1.3rem;
	font-weight:bold;
}
@media screen and (max-width: 960px){
	.catalog-archives,.contents-archives,.contents-archives ul{
		width:100%;
}
	.catalog-archives{
	padding: 1.5rem 1.5rem 3rem 1.5rem;
}
	.contents-archives{
    border-left:0;
	border-top:0.3rem solid #d7d7d7;
		padding: 3rem 1.5rem 1.5rem 1.5rem;
}
	.catalog-archives ul{
	width: 70%;
   margin:auto;
}
}

#news{
	background:#A11F24;
	color:#fff;
	padding: 5.0rem;
}
.news-area{
	max-width:140rem;
	margin:auto;
	display:flex;
	justify-content:flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top:5.0rem;
}
.news-item{
	position:relative;
	width:33.333333%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	padding-right:2.0rem;
	margin-bottom:2.0rem;
}
.news-itemnth-child(3n){
	padding:0;
}
.news-image {
	position:relative;
    width: 18rem;
	height:18rem;
	overflow:hidden;
}
.news-image img{
	width:auto;
	height: 100%;
	position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.news-detail{
	width: 60%;
	padding-left:5%;
}
.news-text{
	font-size:1.1rem;
}
.news-title{
	font-size:1.5rem;
	font-weight:bold;
	padding-bottom: 0.5rem;
}
.news-title a{
	color:#fff;
}
.news-tab{
	position:absolute;
	bottom:0;
	right:2.5rem;
	font-size:1.1rem;
}
.ellipsis {
    /*width: 100%; 
    height: 10.5rem;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
/*NEWS singleページ*/
.single-news-page-inner{
	width:100%;
	max-width:140rem;
	margin:auto;
}
.news-single-image,.news-single-image img{
	width:100%;
	height:auto;
	margin-top: 2rem;
}
.news-single-image img{
	max-width: 80rem;
	display:block;
   margin: auto;
}
.news-single-detail{
	max-width:80rem;
	margin:5.0rem auto;
}
.news-single-tab{
	padding-bottom:2.0rem;
}
.news-single-detail h2{
	padding-bottom:2.0rem;
}
.news-single-detail img{
	padding:1.0rem;
}

@media screen and (max-width: 960px){
	#news{
	padding: 2.0rem 1.0rem;
}
	.news-area{
	width:100%;
	margin:2.0rem auto;
}
	.news-item{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	padding-right:0rem;
	margin-bottom:3rem;
}
	.news-image {
	position:relative;
    width: 13rem;
	height:13rem;
	overflow:hidden;
}
	.news-detail{
	width: 55%;
}
	.news-title{
	line-height:2rem;
}
	.ellipsis {
    /*height: 10rem;*/
}
	.single-news-page-inner{
		width:100%;
	}
	.news-single-detail{
	width:90%;
	margin:3.0rem auto;
}
}

.instagram{
	width:80%;
	margin:auto;
}
@media screen and (max-width: 960px){
	.instagram{
	width:90%;
}
}

footer{
	position:relative;
	bottom:0;
	z-index:1;
	background:#3E3A39;
	width:100%;
	padding:5rem 0 2rem ;
	color:#fff;
}
.footer-inner{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	color:#fff;
	font-size:1.3rem;
}
.footer-inner-left{
	width:40%;
}
 .footer-inner-right{
	 width:60%;
	 display:flex;
	justify-content: flex-start;
	    flex-wrap: wrap;
	 align-items:stretch;
}
.foot-box{
	/*width:33.3333333%;*/
	padding-top:0;
	padding-bottom:0;
	border-right:0.1rem solid #fff;
}
.foot-box:first-of-type{
	padding-right:5rem;
}
.foot-box:last-of-type{
	border:0;
	padding-left:5rem;
}
.foot-box-cat{
	padding-right: 5rem;
	padding-left:5rem;
}
.foot-box-return{
	display:inline-block;
    vertical-align: top;
}
.foot-box-return:first-of-type{
    padding-right:1.0rem;	
}
.footer-inner a{
	color:#fff;
}
.footer-inner li{
	padding-bottom:0.8rem;
}
.footer-inner dd{
	padding-left:1.0rem;
	padding-top:0.5rem;
}
.footer-inner dd::before{
	content:"ー";
	padding-right:0.3rem;
}
.foot-logo{
	width:100%;
	margin: 2.0rem auto;
}
.foot-logo img{
	width: 28rem;
	margin:auto;
	/*display: block;*/
}
.copyright{
	margin-top: 2.0rem;
	font-size:1.1rem;
	text-align: center;
}
@media screen and (max-width: 960px){
	.footer-inner{
	flex-wrap:wrap;
}
	.footer-inner-left{
		display:none;
	}
	 .footer-inner-right{
	 width:100%;
	}
	.foot-box{
	border:none;
	padding-bottom:2rem;
}
	.foot-box:first-of-type{
	padding-right:3rem;
}
	.foot-box-cat{
	padding-right: 3rem;
	padding-left:0;
}
	.foot-box:last-of-type{
	border:0;
	padding-left:0;
	padding-top:0;
}
	.foot-logo img{
	display: block;
}
}


/*商品詳細ページ*/
.wrap-inner{
	padding:2.0rem 0;
}
.item-detail-page-inner{
	max-width:120rem;
	margin:auto;
}
.item-detail-page-inner h3{
	font-size:1.5rem;
	margin-bottom: 1rem;
	 font-weight: bold;
}
.item-detail-page-inner a{
	text-decoration:underline;
}
.item-detail-top{
	display:flex;
	justify-content: center;
	align-items: flex-start;
}
.item-slider{
width: 35%;
}
.slide-item img{
	width:100%;
}
.thumb-item img{
	width:100%;
}
.item-slider .prev-arrow{
	width:3.0rem;
	height:auto;
	position: absolute;
    top: 45%;
    left: 0;
    z-index: 1;
}
.item-slider .next-arrow{
	width:3.0rem;
	height:auto;
	position: absolute;
    top: 45%;
    right: 0;
    z-index: 1;
}
/*下のサムネイルは動かないように設定*/
.item-slider-thumb .slick-track {
  transform: unset !important;
	width: 100% !important;
  display: flex;
  justify-content: left;
  flex-flow: row wrap;
}
.item-slider-thumb .slick-slide {
    display: block!important;
    float: none !important;
    flex: 0 0 22.5%;
}
.item-slider-thumb .slick-current {
  opacity: 1;
}
.thumb-item{
  opacity: .3;
  transition: opacity .3s linear;
}

.item-detail-area {
   width: 65%;
	padding-left:5%;
	/*background:#f2f2f2;*/
}
.item-detail-area h2{
	font-size:6rem;
	line-height: 1;
    padding-top: 2rem;
}
.item-detail-area h3{
	font-size:1.8rem;
	font-weight:bold;
}
.season-coordi{
	margin-bottom:2.0rem;
}
.season-coordi span{
	display:inline;
	color:#fff;
	background:#3E3A39;
	padding:0.5rem;
	margin-right:0.3rem;
    font-size: 1.2rem;
    font-weight: bold;
}
.season-coordi a{
	margin-right:0.3rem;
}
.tips{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
}
.tips img{
	height: 2.5rem;
	width:auto;
    padding-right: 0.3rem;
    padding-bottom: 0.3rem;
}
.price{
	margin-top:1.5rem;
	font-weight: 600;
	font-family: poppins, sans-serif;
}
.yen{
	font-size:2.5rem;
	font-weight:bold;
	margin-right:0.2rem;
}
.kakaku{
	font-size:3.5rem;
	font-weight:bold;
	letter-spacing: 0;
}
.open-price{
	font-size:2.5rem;
	font-weight:bold;
	letter-spacing: 0;
	display: block;
}
.zei{
	font-size:1.2rem;
}
.item-detail dl{
	margin:2.0rem auto 0 auto;
	display:flex;
	justify-content: flex-start;
	align-items:center;
}
.item-detail dt{
	display:inline-block;
	font-size:1.5rem;
	white-space:nowrap;
	 font-weight: bold;
	/*border-bottom:0.1rem solid;*/
}
.sozai dd{
	margin-left:1.0rem;
}
.item-detail dd{
	font-size:1.3rem;
}
.function{
	align-items:flex-start !important;
}
.function_tag{
	margin:0 auto;
	margin-left:1.0rem;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
}
.function_tag img{
	width:11.8rem;
	height:auto;
	padding-right: 1.0rem;
    padding-bottom: 1.0rem;
}
.function_tag02-dl{
	margin-top:0 !important;
}
.function_tag02{
	margin:0 auto 2.0rem 0; 
	display:flex;
	justify-content: flex-start;
	align-items:center;
	 margin-left: 6rem;
}
.function_tag02 img{
	width:15.0rem;
	height:auto;
	padding-right: 1.0rem;
    padding-bottom: 1.0rem;
}
.color-list{
	align-items:flex-start !important;
	flex-wrap: wrap;
}
.color_tag{
	margin:0 auto;
	margin-top:1.0rem;
	margin-left:1.0rem;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
}
.color_tag_background{
	border:0.1rem solid #bbb;
	padding: 0.5rem 1.0rem;
   margin: 0 0.5rem 0.5rem 0;
	border-radius:3.0rem;
}
.color_tag img{
	height:1.8rem;
	width:auto;
	margin:auto;
	display:block;
}
.oz_list{
	display:block !important;
}
.oz_tag{
	display:block;
}
.oz_list dd{
	margin-top:1.0rem;
	margin-left:1.0rem;
}
.oz_list img{
	width:28rem;
	height:auto;
	margin:auto;
}
.design-illust-area{
	/*margin-top:2.0rem;*/
}
.design-illust img{
	max-height:22rem;
}

.item-detail-bottom{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 5rem;
}
.item-detail-bottom p{
	font-size:1.5rem;
}
.item-detail-bottom-left{
	/*width: 50%;*/
	padding-right:2%;
}
.item-detail-text{
	padding-top: 2rem;
}
.item-comment p{
	font-weight:bold;
	font-size:1.8rem;
}
.item-attension{
	padding-top:2.0rem;
}
.item-detail-bottom-right{
	/*width: 50%;*/
	padding-left:2%;
}
.size-spec{
	padding-top:2rem;
}
.size-spec table{
	font-size:1.3rem;
	border-collapse:collapse;
	border-spacing: 0;
}
.size-spec tr{
	border-top:0.1rem solid #000;
	border-bottom:0.1rem solid #000;
}
.size-spec th{
	font-weight:normal;
	text-align:center;
	padding: 0 0.5rem;
    letter-spacing: 0;
}
.size-spec td{
	text-align:center;
	padding: 0.3rem 0.5rem;
	font-size: 1.3rem;
}
.size-spec td:first-child{
	font-size:1.2rem;
	min-width: 5rem;
	padding: 0.3rem 0.3rem;
}
.item-detail-images{
	flex-wrap: wrap;
}
.item-detail-bottom-item{
	width:25%;
	padding:1%;
}
.item-detail-images img{
	width:100%;
}
.item-detail-images p{
	text-align:center;
	font-size:1.3rem;
}
.recommend-area{
	margin-top: 5rem;
}
.recommend-item{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.recommend-item ul{
	width:16.66666%;
	padding-right:1%;
	text-align:center;
}
.recommend-item ul:last-of-child{
	padding-right:0;
}
.recommend-title{
	font-weight:bold;
}
.recommend-item img{
  width:100%;
	height:auto;
}
@media screen and (max-width: 960px){
	.item-detail-page-inner{
		width:90%;
	}
	.item-detail-top,.item-detail-bottom{
	flex-wrap: wrap;
}
	.item-slider{
		width: 80%;
		margin:auto;
}
	.item-detail-area {
		width:100%;
		padding-left: 0;
	}
	.item-detail-area h2{
	font-size:4rem;
}
.item-detail-area h3{
	font-size:1.5rem;
}
	.item-detail dt{
		font-weight:bold;
	}
	.item-detail-page-inner h3{
		font-weight:bold;
	}
	.zei{
	font-size:1.1rem;
}
	.item-comment p {
    font-size: 1.6rem;
    letter-spacing: 0;
}
	.item-detail-bottom-left{
	width: 100%;
	padding-right:0;
	 padding-bottom: 3rem;
}
		.design-illust-area{
	text-align:center;
}
    .size-spec{
	width: 100%;
	padding-left:0;
	  /*overflow: hidden;*/
    /*overflow-x: scroll;*/
}
	.size-hyou-overflow{
		width:100%;
		overflow: hidden;
    overflow-x: scroll;
	}
	.size-spec table{
	margin: 1rem auto;
	}
	.size-spec td:first-child{
   min-width: 8rem;
	font-size:1.3rem;
	padding: 1rem 1rem;
	position: sticky;
    left: 0;
	background: #3E3A39;
		color:#fff;
}
	.size-spec td{
	text-align:center;
	padding: 1rem 1rem;
	font-size: 1.5rem;
}
	/*.item-detail-bottom-right td:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
	border-top: 1px solid;
}*/
	.item-detail-bottom-item{
		width:50%;
	}
	.recommend-item{
		flex-wrap:wrap;
	}
	.recommend-item ul{
	width:33.3333%;
}

}

/*商品一覧ページ*/
/*カラータグ*/
.color-tags{
	font-size:1.0rem;
	background:#f3f3f3;
	border-radius:1.0rem;
	padding:0.5rem 0.5rem;
	margin-right:0.3rem;
}
.allitem-list{
	position:relative;
}
.allitem-list-inner{
	max-width:120rem;
	margin:auto;
}
.allitem-list-inner section{
	padding:10rem 0;
}
.category-jumplist ul{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap:wrap;
	padding-top:2.0rem;
}
.category-jumplist li{
	height:4.0rem;
	padding:0.5rem;
}
.category-jumplist img{
	height:100%;
}
.item-list-inner{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	margin-top: 2rem;
}
.item-list-inner img{
	width:100%;
	margin:auto;
	display:block;
	height:auto;
}
.item-item{
	width:20%;
	padding:1.0rem;
}
.item-item li{
	text-align:center;
	padding-bottom:0.5rem;
}
.item-item h3{
	font-weight:bold;
}
.pagetop-link{
	position:fixed;
	bottom:3.0rem;
	right:3.0rem;
}
.pagetop-link a{
	color: #fff;
    background: #A11F24;
    padding: 1rem;
    font-weight: bold;
    font-style: italic;
	display: block;
}

/*comingsoon*/
.coming-soon{
	text-align:center;
	font-size:1.8rem;
	padding:10.0rem 0;
}

/*SURING&SUMMER*/
.page-main-visual{
	width:100%;
}
.page-main-visual img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 960px){
	.allitem-list-inner{
	width:90%;
	margin:auto;
}
	.allitem-list-inner section{
	padding:5rem 0;
}
	.category-jumplist ul{
	padding-top:1.0rem;
}
	.category-jumplist li{
	height:3.5rem;
}
	.item-item{
	width:50%;
	padding:1.0rem;
}
	.pagetop-link{
	bottom:0rem;
	right:0rem;
}
}


/*about us*/
.company-access {
	max-width:120rem;
	margin:auto;
    font-weight: bold;
}
.company-access table{
	width:80%;
	margin: 5rem auto;
	font-size: 1.3rem;
}
.company-access table tr:nth-child(even){
  background-color: #f9f9f9;
}
.company-access td{
	padding:2.0rem 5.0rem;
}
.company-access td li{
	padding-bottom:1.0rem;
}
.company-access td:first-child{
	text-align:center;
}
.company-access .maruki img{
	height:2.0rem;
	width:auto;
	padding-left:1.0rem;
}
.company-access .roundoni img{
	height:4.0rem;
	width:auto;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
@media screen and (max-width: 960px){
	.company-access {
	width:90%;
}
	.company-access table{
	width:100%;
	margin: 2rem auto;
}
	.company-access td{
	padding:1.5rem 1.0rem;
	display: block;
    text-align: center;
}
	.company-access td:first-child{
	background-color: #f9f9f9;
}
	.company-access td:last-child{
	background-color: #fff;
}
	.company-access .maruki img{
		height:auto;
	padding-top:2.0rem;
}
	.company-access ul{
		text-align:center;
		    display: inline-block;
	}
	.company-access li{
		text-align:left;
	}

}

/*privacy policy*/
.privacy-p {
	max-width:120rem;
	margin:auto;
    font-weight: bold;
}
.privacy-p-inner{
	width:80%;
	margin: 5rem auto;
	font-size: 1.3rem;
}
.privacy-p-inner dl{
	margin-top:3.0rem;
}
.privacy-p-inner dt{
	font-size:150%;
}
.privacy-p-inner dd{
	margin-left:2.0rem;
}
.privacy-p-inner ul{
	margin-top:0.5rem;
	margin-left: 4rem;
}
.privacy-p-inner li{
	list-style-type: numbers !important;
}

@media screen and (max-width: 960px){
	.privacy-p-inner dt{
	font-size:125%;
}
	.privacy-p-inner dd{
	margin-left:1.0rem;
}
.privacy-p-inner ul{
	margin-top:0.5rem;
	margin-left: 2rem;
}
}

/*コンタクトフォーム*/
.contact-form{
	width:80%;
	max-width:95rem;
	margin:2.0rem auto;
}
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:80%;
	margin:2.0rem auto;
	font-size: 1.3rem;
}
table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}
table.CF7_table td{
padding: 1rem;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}
/*入力欄*/
.CF7_table input[type="checkbox"]{
	vertical-align: text-bottom;
}
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}
.CF7_table input[type="text"],.CF7_table input[type="email"]{
	width:100% !important;
	height:4.0rem;
}
.CF7_table textarea{
	width:100%;
	height:15.0rem;
}
.CF7_table ::placeholder {
	padding-left:1.0rem;
	color:#797979;
}
/*「必須」文字*/
.CF7_req{
	font-size: 1.0rem;
	padding: 5px;
	color: #A11F24;/*red*/
	margin-right:1em;
}
/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}
/* タイトル列 */
@media screen and (max-width: 960px){
	.CF7_table th{
	background-color:#efefef;/*グレー*/
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	width:30%;/*横幅*/
	 padding: 2.0rem 2.0rem;
	}
	.wpcf7-list-item.last {
	margin: 0 0 0 1em;
	}
}
/* レスポンシブ */
@media screen and (max-width: 960px){
	.contact-form{
	width:90%;
	}
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#f9f9f9;
	}
}
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#A11F24;/*red*/
	border:0;
	color:#fff;
	font-size:1.3rem;
	font-weight:bold;
	margin:0 auto;
	padding: 1rem 2rem;
	display: block;
}
.CF7_btn{
	text-align:center;
	margin-top:20px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}
/*送信確認メッセージ*/
.wpcf7-response-output, .wpcf7-response-output {
	width:80%;
	margin:2.0rem auto !important;
	background-color: #efefef;
	color:#A11F24;
	font-weight:bold;
	font-size:1.3rem;
	padding:2.0rem !important;
	border: 2px solid #3e3e3e !important;
}
.thanks-page{
	padding:15rem 0;
	text-align:center;
}
.thanks-page p{
	padding-top:2.0rem;
}
.thanks-page-gotop a{
	border-bottom:0.1rem solid;
}


/*カテゴリー別商品一覧*/
.cat-list h2{
	font-size:5.0rem;
}
.sec-title-h3 {
    text-align: center;
    font-weight: bold;
    padding-top: 2rem;
}
.cat-list-inner{
	position: relative;
  display: flex;
  min-height: 100vh;
	justify-content: flex-start;
   align-items: center;
}
.split-item{
	height:100vh;
}
.split-left{
	position: fixed;
	top: 15rem;
	width: 30%;
	max-width: 80rem;
	overflow:hidden;
}
/*カテゴリー商品一覧キービジュアル画像*/
.cat-list-keyvisual{
	height:100vh;
	background-size: cover;
	background-repeat:no-repeat;
}
/*brembo*/
.brembo-cat-image{ background-image:url("./img/cat/cat-brembo-keyvis.jpg"); }
/*sustainable*/
.sustain-cat-image{ background-image:url("./img/cat/cat-sustain-keyvis.jpg"); }
/*tricot*/
.tricot-cat-image{ background-image:url("./img/cat/cat-tricot-keyvis.jpg"); }
/*casual*/
.casual-cat-image{ background-image:url("./img/cat/cat-casual-keyvis.jpg"); }
/*TC*/
.tc-cat-image{ background-image:url("./img/cat/cat-tc-keyvis.jpg"); }
/*cotton*/
.cotton-cat-image{ background-image:url("./img/cat/cat-cotton-keyvis.jpg"); }
/*SS*/
.ss-cat-image{ background-image:url("./img/cat/cat-ss-keyvis.jpg"); }
/*AW*/
.aw-cat-image{ background-image:url("./img/cat/cat-aw-keyvis.jpg"); }
/*functional*/
.func-cat-image{ background-image:url("./img/cat/cat-func-keyvis.jpg"); }
/*salopet*/
.salopet-cat-image{ background-image:url("./img/cat/cat-salopet-keyvis.jpg"); }
/*oeko*/
.oeko-cat-image{ background-image:url("./img/cat/cat-oeko-keyvis.jpg"); }
/*mechanic*/
.mecha-cat-image{ background-image:url("./img/cat/cat-mecha-keyvis.jpg"); }

	.split-right{
	width:100%;
    height: 100%;
    padding-left: 30%;
    /*overflow-y: scroll;*/
}
}
@media screen and (max-width: 1200px)and (min-width: 961px){
	.split-left{
	width: 40%;
}
	.split-right{
    padding-left: 40%;
}
}
@media screen and (max-width: 960px){
	.sec-title-h3 {
    font-size:1.5rem;
}
	.cat-list-inner{
  display: block;
}
	.split-item{
	height:100%;
}
	.split-left{
	position: relative;
	top:0;
	width: 100%;
	max-width: 100%;
	overflow:auto;
}
	.split-left__inner{
	width:100%;
	height:auto;
	background-image:none;
}
	.split-left__inner img{
		width:100%;
}
	.split-right{
    padding-left: 0;
}
}
.split-right__inner{
	max-width:120rem;
	margin: auto;
}
.category-image img{
    width: 100%;
	 height:auto;
}
.split-right__inner section{
    /*max-width:90rem;*/
	 width: 90%;
	margin:auto;
}
.cat-itemlist{
	 padding: 10rem 0;
}
.cat-itemlist-inner{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
	margin-top: 2rem;
}
.cat-item{
	width:20%;
	padding: 1rem;
	text-align:center;
}
.cat-item img{
	width:100%;
	height:auto;
}
.cat-item h3 {
    font-weight: bold;
}
.goto-back{
	text-align:center;
	margin-bottom:10rem;
}
.goto-back a{
	background:#A11F24;
	color:#fff;
	padding:1.0rem 1.5rem;
	font-weight: bold;
    font-style: italic;
}
@media screen and (max-width: 960px){
	.cat-item {
    width: 50%;
    padding: 1rem;
}
	.cat-list-keyvisual{
		height:100%;
	}
	.brembo-cat-image,
	.sustain-cat-image,
	.tricot-cat-image,
	.casual-cat-image,
	.tc-cat-image,
	.cotton-cat-image,
	.ss-cat-image,
	.aw-cat-image,
	.func-cat-image,
	.salopet-cat-image,
	.oeko-cat-image,
	.mecha-cat-image
	{ background:none !important; }
	.cat-list h2 {
    font-size: 4rem;
	  line-height: 100%;
}
}

/*カテゴリー一覧ページ*/
.category-list{
	padding:2.0rem 0;
}
.category-list-inner{
	max-width:120rem;
	margin:auto;
}
.cat-image-list{
	padding:3.0rem 0 10.0rem 0;
	display:flex;
	justify-content: flex-start;
	align-items:center;
	flex-wrap:wrap;
}
.cat-image{
	position:relative;
	width: 31.33333%;
    /* padding: 1%; */
    margin: 1%;
	overflow:hidden;
}
.cat-image img{
	width:100%;
	height:auto;
	 transition:1s all;
	    display: block;
}
.cat-image img:hover{
	transform:scale(1.05,1.05);
	transition:1s all;
}
.cat-image-title{
	position:absolute;
	right:0;
	bottom:0;
	width: 50%;
   padding: 0 3% 3% 0;
	 transition:1s all;
}
.cat-image-title img:hover{
	transform:scale(0.95,0.95);
	 transition:1s all;
	 display: block;
}
.all-item-list-golink{
	text-align:center;
	padding:2.0rem 0;
}
.all-item-list-golink a{
	background:#A11F24;
	color:#fff;
	padding:2.0rem;
	font-weight: bold;
    font-style: italic;
	display:block;
}
@media screen and (max-width: 960px){
	.cat-image{
	width: 48%;
}
	.all-item-list-golink a{
	display:inline-block;
}
}

/* 機能一覧ページ */
.kiji-list{
	width:100%;
	padding:2.0rem 0;
}
.kiji-list h3, .poket-list h3{
	text-align:center;
	font-weight:bold;
	font-size:1.8rem;
	padding-top: 5rem;
}
.kiji-list table{
	width:100%;
}
.kiji-list td{
	width:50%;
	padding:2.5rem 1.5rem;
}
.kiji-list-area{
	display:flex;
	justify-content: flex-start;
	align-items:flex-start;
}
.function-detail-left-area{
	 width: 15%;
}
.function-detail-left-area-image img{
	width:100%;
	height:auto;
	display:block;
}
.function-detail-right-area{
	width:75%;
	padding-left:3%;
}
.function-detail-right-area p{
	font-size:1.3rem;
	padding-top:0.3rem;
}
.poket-list ul{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap:wrap;
}
.poket-list{
	width:100%;
	padding:2.0rem 0;
}
.poket-list p{
	text-align:center;
	padding: 2rem 0;
    font-size: 1.3rem;
}
.poket-list li{
	width:12rem;
	padding:1%;
}
.poket-list img{
	width:100%;
}

@media screen and (max-width: 960px){
	.function-detail{
		width:90%;
	}
	.kiji-list-area{
	align-items:center;
}
	.kiji-list td{
	width:100%;
	display:block;
	padding:1.5rem 0;
}
	.function-detail-left-area{
	width: 25%;
}
	.function-detail-right-area{
	width: 75%;
}
	 .poket-list li {
		   width: 25%;
	} 
}

/*オリジナルユニフォームページ*/
.original-uniform{
	width:100%;
	background: #f9f9f9;
	line-height: 1.5;
}
.original-uniform section{
	padding-top:10rem;
	padding-bottom:10rem;
}
.original-uniform .wrap-inner{
	width:100%;
	margin:auto;
	padding-top:0;
}
.original-uniform-sec01{
	width:100%;
	height:100%;
}
.original-uniform-eyecatch{
	width:100%;
	height:100vh;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
}
.original-uniform-logo{
	width:15%;
    height:auto;
    position: absolute; 
    top: 7%; 
    left: 5%; 
}
.original-uniform-logo img{
	width:100%;
    filter: drop-shadow(5px 5px 5px #000);
}
.original-uniform-title{
    color:#fff;
    position: absolute; 
    top: 65%; 
    left: 2%;
	color:#fff;
}
.original-uniform-title h1{
	font-size:6.5rem;
	filter: drop-shadow(5px 5px 5px #000);
}
.original-uniform-title p{
	font-size: 2rem;
    background: #a11f24;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    font-weight: bold;
}
.original-uniform-title span{
	font-size:4.5rem;
	font-weight: normal;
}
.representative-greetings{
	margin-top:5.0rem;
}
.representative-greetings-inner{
	display:flex;
	justify-content:center;
	align-items:center;
}
.representative-image{
	width:50%;
}
.representative-image img{
	width:100%;
}
.representative-detail{
	width:45%;
	margin-left:5%;
	font-size:2.0rem;
}
.representative-detail-post{
	display:block;
	font-size:1.5rem;
	color:#A11F24;
	margin-bottom: 0.5rem;
}
.representative-text{
	margin-top:2.0rem;
	font-size:1.5rem;
	line-height: 1.7;
}
.original-uniform-sec02{
	max-width: 110rem;
	width: 85%;
	margin:auto;
	position:relative;
}
.original-uniform-sec02 h2{
	font-size:3.5rem;
	text-align:center;
}
/*.original-uniform-sec02-left{
	width:30%;
	height:88vh;
	position:sticky;
	top:25%;
	left:0;
}
.original-uniform-sec02-left img{
	height:100%;
}*/
.original-uniform-sec02-right{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.original-uniform-text{
	font-size:1.8rem;
	line-height: 2.0;
}
.original-uniform-sec02-right---01,
.original-uniform-sec02-right---02,
.original-uniform-sec02-right---03{
	width: 40%;
   margin-left:10%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin-top: 10rem;
	position:relative;
}
.original-uniform-sec02-right---01 img,
.original-uniform-sec02-right---02 img,
.original-uniform-sec02-right---03 img{
	width:100%;
	height:auto;
}
.original-uniform-sec02-right---01 h3,
.original-uniform-sec02-right---02 h3,
.original-uniform-sec02-right---03 h3{
	margin-top:2.0rem;
	font-size:1.8rem;
	font-weight: bold;
}
.original-uniform-sec02-right---01 p,
.original-uniform-sec02-right---02 p,
.original-uniform-sec02-right---03 p{
	margin-top:1.0rem;
	font-size:1.5rem;
}
.original-uniform-tips{
	position: absolute;
    top: 3rem;
    left: -12rem;
    font-size: 7rem;
    color: #a11f24;
    transform: rotate(270deg);
}
.original-uniform-sec02---close{
	width:100%;
	position: relative;
	background: rgb(238,231,231);
	background: linear-gradient(270deg, rgba(238,231,231,1) 0%, rgba(237,237,237,1) 100%);
	/*background-image:url("./img/original-uniform/background-dots.webp");
	background-size:cover;*/
}
.original-uniform-sec02---close h2{
	width:90%;
	max-width:110rem;
	margin:auto;
	font-size: 3.5rem;
	align-items: center; 
    display: flex; 
	margin-bottom: 5rem;
}
.original-uniform-sec02---close h2::after {
  border-top: 0.3rem solid #A11F24;
  content: "";
  flex-grow: 1;
	margin-left: 1em; 
	display: inline-block;
}
.original-uniform-sec02---close-inner{
	width:90%;
	max-width:110rem;
	margin:auto;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.original-uniform-sec02---close-left{
	width:45%;
	margin: auto;
}
.original-uniform-sec02---close-left img{
	width:80%;
	height:auto;
	margin: auto;
    display: block;
}
.original-uniform-sec02---close-right{
	width:45%;
	 margin-left: 3%;
    padding-left: 7%;
}
.original-uniform-sec02---close-right p{
	margin-bottom:5.0rem;
	    font-size: 2.3rem;
    font-weight: bold;
}
.original-uniform-sec02---close dl{
	margin-bottom: 5rem;
	display: flex;
   justify-content: center;
   align-items: center;
}
.original-uniform-sec02---close dt{
	max-width: 55%;
	width:100%;
	height:auto;
}
.original-uniform-sec02---close dt img{
	width:100%;
	height:auto;
}
.original-uniform-sec02---close dd{
	font-size:1.5rem;
	margin-left: 5%;
}
.original-uniform-sec02---close-hanten{
	background: linear-gradient(90deg, rgba(238, 231, 231, 1) 0%, rgba(237, 237, 237, 1) 100%);
}
.original-uniform-sec02---close-hanten .original-uniform-sec02---close-right{
	margin-left: 0;
   padding-left: 0;
	margin-right: 3%;
    padding-right: 7%;
}
.original-uniform-sec02---close-hanten .original-uniform-tips{
	left:unset;
	right: -9rem;
}
.original-uniform-sec03---company{
	max-width: 90rem;
	width:90%;
	margin:auto;
}
.original-uniform-sec03---company h2{
	background:#f1dedf;
	padding:1.0rem 0 1.0rem 1.0rem;
}
.original-uniform-sec03---company h3{
	font-size:2.8rem;
	font-weight:bold;
	color:#A11F24;
}
.new-open-tab-icon {
    display: inline-block;
    width: 2rem;
    margin-left: 0.5rem;
}
.original-uniform-sec03---company ul{

}
.original-uniform-sec03---company li{
	padding-top:3rem;
}
.original-uniform-sec03---company-address{
	display:flex;
	justify-content:center;
	align-items:center;
}
.original-uniform-sec03---company-tel {
    margin-bottom: 1.5rem;
}
.original-uniform-sec03---company-map{
	width: 50%;
    margin: 0 auto 0 5%;
}
.original-uniform-sec03---company-map iframe {
    width: 100%;
}

.original-uniform-sec02---close-button{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 5rem;
}
.close-button-toproductslist,
.close-button-toform{
	width:30rem;
	border-radius:100vh;
	padding:1.5rem;
	margin-right:2.0rem;
	text-align:center;
}
.close-button-toproductslist{ background:#f2f2f2; }
.close-button-toform{ background:#a11f24; }
.close-button-toform a{ color:#fff; }

@media screen and (max-width: 960px){
	.original-uniform{
		overflow: hidden;
	}
	.original-uniform section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
	.original-uniform-eyecatch {
    height: 35vh;
}
	.original-uniform-logo {
    width: 10rem;
    top: 10%;
    left: 5%;
}
	.original-uniform-title h1 {
    font-size: 4.5rem;
    line-height: 1;
}
	.original-uniform-title span {
    font-size: 2.3rem;
}
	.original-uniform-title p {
    font-size: 1.3rem;
    padding: 0.5rem 0.5rem;
}
	.original-uniform-sec02 h2 {
    font-size: 2.5rem;
		padding: 8rem 0;
}
	.representative-greetings-inner,.original-uniform-sec02-right,.original-uniform-sec02---close-inner,.original-uniform-sec03---company-address {
		flex-wrap:wrap;
		
}
	.representative-image,.representative-detail{
		width:100%;
		margin:auto;
	}
	.representative-greetings {
    margin-bottom: 5rem;
}
	.original-uniform-sec02-right---01, .original-uniform-sec02-right---02, .original-uniform-sec02-right---03{
		width:90%;
		margin:5rem 0 0 auto;
	}
	.original-uniform-sec02---close-left,.original-uniform-sec02---close-right{
		width:90%;
		margin:auto;
	}
	.original-uniform-sec02---close-left,.original-uniform-sec02---close-right{
		width:90%;
		margin:auto;
	}
	.original-uniform-sec02-right---01 h3, .original-uniform-sec02-right---02 h3, .original-uniform-sec02-right---03 h3 {
		    margin-top: 1rem;
	}
	.original-uniform-tips {
    left: -7rem;
    font-size: 6rem;
}
	.original-uniform-sec02---close h2 {
    font-size: 2.5rem;
}
	.original-uniform-sec02---close-right p {
    font-size: 1.8rem;
    margin-left: 20%;
}
	.original-uniform-sec02---close-right{
		margin-top: 5rem;
	}
	.original-uniform-sec02---close-hanten .original-uniform-sec02---close-inner{
		flex-direction: column-reverse;
	}
	.original-uniform-sec02---close-hanten .original-uniform-sec02---close-right p{
		margin-left: 0;
		margin-right: 20%;
	}
	.original-uniform-sec02---close .original-uniform-tips{
		left: -10.5rem;
	}
	.original-uniform-sec02---close-hanten .original-uniform-tips{
		left: unset;
		right: -10.5rem;
	}
	.original-uniform-sec02---close dl {
    margin-bottom: 2rem;
	}
	.original-uniform-sec03---company h3 {
    font-size: 2.0rem;
	}
	.original-uniform-sec03---company-map{
		width:100%;
		margin: 2rem 0 0 0;
	}
	.original-uniform-sec02---close-button{
		padding: 1rem;
		font-size: 1.5rem;
	}
}

/*オリジナルユニフォーム一覧*/
.original-uniform-image{
	background-image:url("./img/original-uniform-image-tate.jpg");
}
.original-uniform-item{
	width:48%;
	margin:0 2% 2.0rem 0;
}
.original-uniform-item:nth-of-type(2n){
	margin-right:0;
}
.original-uniform-item img{
	width:100%;
}
.original-uniform-item h4{
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width: 960px){
	.original-uniform-item{
	width:100%;
}
}

/*エコテックスLP*/
.oekotex-lp{
	font-weight:bold;
    background: #fff;
}
.oekotex-lp-sec01{
	width:100%;
	height:70vh;
	background-image:url("./img/lp/oekotex-lp-keyvisual.webp");
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.oekotex-lp-eyecatch{
	width:65%;
	max-width: 100rem;
	margin:auto;
}
.oekotex-lp-eyecatch img{
	width:100%;
	display: block;
}
.oekotex-lp-sec02{
	padding: 20.0rem 0;
}
.oekotex-lp-sec02 h2{
	font-size:3.2rem;
	text-align: center;
}
.oekotex-lp-sec02 h2 span{
	font-size:2.3rem;
	display: block;
	color:#A11F24;
	margin-top:0.5rem;
}
.oekotex-lp-sec02 p{
	font-size:1.8rem;
	text-align: center;
	margin:3.0rem auto 0 auto;
	width:70rem;
    line-height: 4rem;
}
.oekotex-lp-sec03{
	padding: 5.0rem 0;
	background:#159f82;
	color:#fff;
}
.oekotex-lp-sec03 h2{
	font-size:2.8rem;
	text-align: center;
}
.oekotex-lp-sec03-inner{
	width: 90%;
    margin-left: auto;
	padding: 5.0rem 0;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.oekotex-lp-sec03-inner p{
	margin:0 10% 0 0;
	font-size:1.8rem;
	line-height: 4rem;
}
.underline--x--yellowtext{
	color:#ede724;
	padding-bottom:0.3rem;
	border-bottom:0.1rem solid #fff;
}
.oekotex-lp-sec03-inner div ,
.oekotex-lp-sec04-inner div ,
.oekotex-lp-sec06-inner div{
	width:auto;
	display:block;
}
.oekotex-lp-sec03-inner img{
	width:100%;
	max-width: 400rem;
	display: block;
}
.oekotex-lp-sec04{
	padding: 10.0rem 0;
}
.oekotex-lp-sec04 h2{
	font-size:2.8rem;
	text-align: center;
	color:#159f82;
}
.oekotex-lp-sec04-inner{
	width: 90%;
	max-width: 140rem;
    margin: auto;
	padding: 5.0rem 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.oekotex-lp-sec04-inner p{
	width: 70%;
	margin-right: 5%;
	font-size:1.8rem;
	line-height: 4rem;
}
.oekotex-lp-sec04-inner div{
	width:50%;
}
.oekotex-lp-sec04-inner img{
	width:100%;
	display: block;
}
.oekotex-lp-sec05{
	padding:0;
	background-image:url("./img/lp/oekotex-lp-sec05-image.webp");
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	background-attachment:fixed;
}
.oekotex-lp-sec05 h2{
	position:relative;
	z-index:2;
	font-size:2.8rem;
	text-align: center;
	color:#159f82;
}
.white-layer{
	width:100%;
	height:100%;
	background: rgba(255, 255, 255, 0.8);
	padding: 20.0rem 0;
}
.oekotex-lp-sec05-inner{
	width: 100%;
    margin: auto;
	padding: 5.0rem 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.oekotex-lp-sec05-inner p{
	min-width: 60%;
    width: 85rem;
	margin:auto;
	font-size:1.8rem;
	line-height: 4rem;
	text-align: center;
}
.oekotex-lp-sec06{
	padding: 10.0rem 0;
}
.oekotex-lp-sec06 h2{
	font-size:2.8rem;
	text-align: center;
	color:#159f82;
}
.oekotex-lp-sec06-inner{
	width: 90%;
	max-width: 140rem;
    margin: auto;
	padding: 5.0rem 0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.oekotex-lp-sec06-inner p{
	margin-right: 5%;
	font-size:1.8rem;
	line-height: 4rem;
}
.oekotex-lp-sec06-inner img{
	width:100%;
	display: block;
}
.oekotex-lp-sec06 a{
	display:block;
	width:30rem;
	margin:5.0rem auto 0 auto;
	background:#159f82;
	color:#fff;
	padding:2.0rem 1.5rem;
	text-align:center;
}
.oekotex-lp-sec07{
	padding: 10.0rem 0;
}
.oekotex-lp-sec07 h2{
	font-size:2.8rem;
	text-align: center;
	color:#159f82;
}
.oekotex-lp-sec07 img{
	width:90%;
	max-width: 140rem;
	height:auto;
	display:block;
	margin: 5.0rem auto 0 auto;
}
.oekotex-lp-sec07 p{
	width:90%;
	max-width: 140rem;
	margin:1.0rem auto 5.0rem auto;
	font-size:1.3rem;
}
.oekotex-lp-sec07 a{
	display:block;
	width:30rem;
	margin:5.0rem auto 0 auto;
	background:#A11F24;
	color:#fff;
	padding:2.0rem 1.5rem;
	text-align:center;
}
.oekotex-lp-sec08{
	padding: 10.0rem 0;
}
.oekotex-lp-sec08 h2{
	font-size:4.0rem;
	text-align: center;
	color: #3E3A39;
	margin-bottom:2.0rem;
}
.oekotex-lp-sec08 h3{
	width:90%;
	max-width: 140rem;
	margin:auto;
	font-size:1.8rem;
	font-weight:bold;
	text-align: center;
	margin-bottom:5.0rem;
}
.oekotex-lp-sec08 img{
	width:90%;
	max-width: 55rem;
	height:auto;
	display:block;
	margin: 5.0rem auto 0 auto;
}
.wrap-lp---close-button{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding: 5rem;
}
.close-button-toproductslist,
.close-button-toform{
	width:30rem;
	border-radius:100vh;
	padding:1.5rem;
	margin-right:2.0rem;
	text-align:center;
}
.close-button-toproductslist{ background:#f2f2f2; }
.close-button-toform{ background:#a11f24; }
.close-button-toform a{ color:#fff; }

@media screen and (max-width: 960px){
.oekotex-lp-eyecatch {
    width: 80%;
}
.oekotex-lp-sec01 {
    height: 25vh;
}
.oekotex-lp-sec02 {
	width: 90%;
    margin: auto;
    padding: 5rem 0;
}
.oekotex-lp-sec02 h2 {
    font-size: 2.5rem;
}
.oekotex-lp-sec02 h2 span {
    font-size: 1.5rem;
}
.oekotex-lp-sec02 p{
	font-size:1.5rem;
	margin:3.0rem auto 0 auto;
	width:100%;
	text-align: justify;
	line-height: 2.7rem;
    text-align: justify;
}
.oekotex-lp-sec02 p span{
	display:inline;
}
.oekotex-lp-sec03 ,
.oekotex-lp-sec04 ,
.oekotex-lp-sec06 ,
.oekotex-lp-sec07 ,
.oekotex-lp-sec08 {
    padding: 5.0rem 5%;
}
.oekotex-lp-sec03-inner ,
.oekotex-lp-sec04-inner ,
.oekotex-lp-sec06-inner{
    width: 100%;
	display: block;
	padding:3.0rem 0;
}
.oekotex-lp-sec03-inner p ,
.oekotex-lp-sec04-inner p ,
.oekotex-lp-sec06-inner p {
    margin: 0;
    font-size: 1.5rem;
	line-height: 3.0rem;
	margin-bottom: 1.5rem;
    text-align: justify;
}
.oekotex-lp-sec03-inner p span ,
.oekotex-lp-sec04-inner p span ,
.oekotex-lp-sec06-inner p span{
    display: inline;
}
.oekotex-lp-sec03-inner img ,
.oekotex-lp-sec04-inner img ,
.oekotex-lp-sec06-inner img{
    width: 100%;
}
.white-layer {
    padding: 10rem 0;
}
.oekotex-lp-sec04-inner p{
	width:100%;
}
.oekotex-lp-sec04-inner div{
	width:100%;
}
.oekotex-lp-sec04-inner img{
	width:100%;
}
.oekotex-lp-sec05{
	background-image:none;
	background-attachment :unset;
	height: 100%;
    position: relative;
    clip-path: inset(0);
}
.oekotex-lp-sec05::before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-image:url("./img/lp/oekotex-lp-sec05-image.webp");background-size:cover;
}
oekotex-lp-sec05-inner {
    padding: 5rem 0 0 0;
}
.oekotex-lp-sec05-inner p {
    width: 80%;
    font-size: 1.5rem;
    line-height: 3.5rem;
}
.oekotex-lp-sec07 a {
    display: block;
    width: 30rem;
    margin: 0 auto;
}
.oekotex-lp-sec08 h2 {
    font-size: 2.5rem;
    text-align: left;
}
.oekotex-lp-sec08 h3 {
    width: 100%;
    font-size: 1.5rem;
    text-align: left;
}
.wrap-lp---close-button {
    padding: 1rem;
    font-size: 1.5rem;
}

}