/* **************************************************************************************** */
/**** 共通タグ設定 ****/
/* **************************************************************************************** */
* {
box-sizing:border-box;
vertical-align:top;
}

html {
overflow: auto;
height: 100%;
font-size: 62.5%;
}

body {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400/*500 or 400*/;
padding: 0px;
margin: 0px;
font-size: 1.1rem;
line-height:1.75;
color:#000;
background:#fff;
text-align:left;
height:100%;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

section {
}

p {
padding: 0px;
margin:0 0 1.5em 0;
}

a {
color:#007a8a;
text-decoration:none;
transition: all 0.5s ease;
}
a:hover {
color:#007a8a;
transition: all 0.5s ease;
}

img {
width:auto;
max-width: 100%;
height: auto;
margin: auto;
}
video {
width: 100%;
max-width: 100%;
height: auto;
margin: auto;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}

ul {
padding:0px;
margin:0px;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0px;
margin:0px;
list-style: none;
}

/* **************************************************************************************** */
/**** 共通クラス定義 ****/
/* **************************************************************************************** */

/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:inherit;
}
.sp_only {
display:none;
}


/***** align *****/
.al_left {
text-align:left;
}
.al_center {
text-align:center;
}
.al_right {
text-align:right;
}

/***** nobr *****/
.nobr {
display:inline-block;
}

/***** dsp_none *****/
.dsp_none {
display:none!important;
}

/***** color *****/
.f_green {
color:#007a8a;
}

/***** 埋め込み *****/
.embed {
position:relative;
}
.embed iframe,
.embed object,
.embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/***** フォーム *****/
input {
font-size: 1.3rem;
line-height:;
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
vertical-align: baseline;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

margin:0 auto 1em auto;
padding:.5em;
border:0;
width: 100%;
height: auto;
box-sizing:border-box;
background:#fff;
color:#000;
border-radius:0;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

font-size: 1.3rem;
line-height:;
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
margin:0 auto 1em auto;
padding:.5em;
border:0;
width: 100%;
box-sizing:border-box;
background:#fff;
color:#000;
vertical-align: baseline;
border-radius:0;
}
input::placeholder ,
textarea::placeholder {
color:#ccc;
}

input[type="submit"],
input[type="button"],
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

background:#007a89;
color:#fff;
font-size: 1.6rem;
padding:.5em 2.5em;
width:auto;
margin:0 ;
text-decoration:none;
text-align:center;
display: block;
border:1px solid #b4b4b5;
font-family: 'Noto Sans JP', sans-serif;
font-weight:600;
cursor:pointer;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
input[type="submit"]:disabled:hover ,
input[type="button"]:disabled:hover ,
button:disabled:hover {
opacity:.2;
}


/* ************************************************************************************************************ */
/**** container ****/
/* ************************************************************************************************************ */
.container{
width:100%;
min-width:100%;
position:relative;
overflow: hidden;
}

/* **************************************************************************************** */
/**** header ****/
/* **************************************************************************************** */
.header {
position:fixed;
background:#000;
z-index:999;
width:100%;
height:65px;
padding:0 50px;
margin:auto;
text-align:right;
box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);
transition: all 1s ease;
}
.header .header_inner {
position:relative;
transition: all 1s ease;
margin: 35px 0 10px 0;

animation-delay: .5s!important;
}
/***** ロゴ *****/
.header .logo {
width:20px;
height:20px;
display:inline-block;
padding: 0;
margin: 0 auto 0 0;
vertical-align:top;
box-sizing: border-box;
position:absolute;
left:0;
}
.header .logo a {
width:20px;
height:20px;
margin:0;
display:block;
}
.header .logo a img {
width:20px;
height:20px;
}
/***** 検索/翻訳/ハンバーガーメニュー *****/
.header .header_navi {
display:flex;
justify-content: right;
}

/*** 検索 ***/
.header .header_navi .search {
width:20px;
height:20px;
display:block;
margin-right:20px;
}

/*** 翻訳 ***/
.header .switcher {
cursor:pointer;
overflow:visible;
width:20px;
display:block;
margin-right:20px;
position: relative;
}
.switcher a {
display:block;
font-size:0;
box-sizing:border-box;
}
.switcher img {
width:20px;
height:20px;
}
.switcher .selected {
position:relative;
z-index:9999;
}
.switcher .selected a {}
.switcher .selected a:after {
display:none!important;
}
.switcher .selected a.open:after {}
.switcher .selected a:hover {}

.switcher .option {
position:relative;
z-index:9998;
border:0;
background-color:#eee;
border:1px solid #eee;
display:none;
width:max-content;
max-height:400px;
box-sizing:border-box;
overflow-y:auto;
overflow-x:hidden;
position: absolute;
left: 50%;
transform: translate(-50%);
-ms-overflow-style: none;
scrollbar-width: none;
}
.switcher .option a {
padding:5px;
}
.switcher .option a:hover {
background:#fff;
}
.switcher .option a.selected {
background:#fff;
}
#selected_lang_name {
float: none;
}
.l_name {
float: none !important;
margin: 0;
}
.switcher .option::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
border-radius:5px;
background-color:#f5f5f5;
}
.switcher .option::-webkit-scrollbar {
display:none;
width:5px;
}
.switcher .option::-webkit-scrollbar-thumb {
border-radius:5px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
}

/*** ハンバーガーメニュー ***/
.hamburger {
width: 20px;
height: 20px;
display: block;
cursor:pointer;
}
.hamburger:after {
content: "";
width: 20px;
height: 20px;
display: block;
background: url(../images/ic_hamburger.svg) no-repeat center center;
background-size: 20px 20px;
}
.hamburger.openNav:after {
content: "";
width: 20px;
height: 20px;
display: block;
background: url(../images/ic_close.svg) no-repeat center center;
background-size: 20px 20px;
}

/*** グローバルナビ ***/
.globalnavi {
display:flex;
justify-content: flex-end;
text-align: left;

width: 100vw;
height: calc(100vh - 65px);
position: fixed;
left: 0;
padding:80px 50px;
background: #fff;
top:calc(-100vh - 35px);
transition: all 0.3s ease;
overflow:auto;
z-index:998;
}
.globalnavi.openNav {
top:65px;
transition: all 0.3s ease;
}
.globalnavi .globalnavi_inner {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
width:325px;
max-width:100%;
}
/* メインナビ */
.globalnavi .main_nav {
}
.globalnavi .main_nav ul {
font-size:2rem;
font-weight:600;
}
.globalnavi .main_nav ul.lv2 {
font-size:1.3rem;
font-weight:400;
}
.globalnavi .main_nav ul li {
margin-bottom:.25em;
opacity:0;
}
.globalnavi.openNav .main_nav ul li {
animation:fadeInDown 1s both;
}

.globalnavi .main_nav ul.lv2 li {
position:relative;
padding-left:1.5em;
margin:.25em 0;
}
.globalnavi .main_nav ul.lv2 li:before {
content:"・";
position:absolute;
left:0;
top: 0;
}

.globalnavi .main_nav ul li a {
color:#000;
}
.globalnavi .main_nav:after {
content:"";
border-bottom:1px solid #000;
width: 100%;
display: block;
margin:25px 0;
opacity:0;
}
.globalnavi.openNav .main_nav:after {
animation:fadeInDown 1s both;
}
/* SNSナビ */
.globalnavi .sns_nav {
padding-bottom: 100px;
}
.globalnavi .sns_nav ul {
font-size:1.2rem;
font-weight:600;
}
.globalnavi .sns_nav ul li {
margin-bottom:1em;
opacity:0;
}
.globalnavi.openNav .sns_nav ul li {
animation:fadeInDown 1s both;
}
.globalnavi .sns_nav ul li a {
color:#000;
display:flex;
align-items:center;
}
.globalnavi .sns_nav ul li a i {
background:#000;
color:#fff;
width:22px;
height:22px;
font-size:1rem;
line-height:22px;
display:inline-block;
text-align:center;
border-radius:50%;
margin-right:1em;
}
/* 順番表示アニメーション設定 */
.globalnavi.openNav .main_nav ul > li:nth-child(1){ animation-delay: 0s; }
.globalnavi.openNav .main_nav ul > li:nth-child(2){ animation-delay: .05s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(1){ animation-delay: .1s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(2){ animation-delay: .15s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(3){ animation-delay: .2s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(4){ animation-delay: .25s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(5){ animation-delay: .3s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(6){ animation-delay: .35s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(7){ animation-delay: .4s; }
.globalnavi.openNav .main_nav ul > li ul.lv2 li:nth-child(8){ animation-delay: .45s; }
.globalnavi.openNav .main_nav ul > li:nth-child(3){ animation-delay: .5s; }
.globalnavi.openNav .main_nav ul > li:nth-child(4){ animation-delay: .55s; }
.globalnavi.openNav .main_nav ul > li:nth-child(5){ animation-delay: .6s; }
.globalnavi.openNav .main_nav ul > li:nth-child(6){ animation-delay: .65s; }
.globalnavi.openNav .main_nav ul > li:nth-child(7){ animation-delay: .7s; }
.globalnavi.openNav .main_nav:after { animation-delay: .75s; }
.globalnavi.openNav .sns_nav ul > li:nth-child(1){ animation-delay: .8s; }
.globalnavi.openNav .sns_nav ul > li:nth-child(2){ animation-delay: .85s; }
.globalnavi.openNav .sns_nav ul > li:nth-child(3){ animation-delay: .9s; }
.globalnavi.openNav .sns_nav ul > li:nth-child(4){ animation-delay: .95s; }


/* **************************************************************************************** */
/**** main ****/
/* **************************************************************************************** */
.main {
position:relative;
padding:0 0;
}


/******************************** 共通 ********************************/
/********** inner **********/
.inner {
width:100%;
padding:0 50px;
max-width:100%;
margin: auto;
}

/********** ページヘッダー **********/
.pageheader {
padding: 40px 0 50px 0;

animation-delay: 1s!important;
}
.pageheader + * {
animation-delay: 1.5s!important;
}

.pageheader .inner {
display:flex;
align-items: center;
justify-content: space-between;
position:relative;
}
@media screen and (max-width: 999px){
.pageheader .inner {
flex-wrap:wrap;
}
}
/* pageheader_title */
.pageheader .pageheader_title {
}
.pageheader .pageheader_title .breadcrumb {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.7rem;
margin-bottom:1em;
}
.pageheader .pageheader_title .breadcrumb .series {
font-weight:400;
font-size:1.3rem;
margin:0 1.5em;
}
.pageheader .pageheader_title .title1 {
margin-bottom:0;
}
.pageheader .pageheader_title .subtitle {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:500;
font-size:2.4rem;
line-height:1.4;
margin-top:.5em;
}
.pageheader .pageheader_title .description {
font-size:1.4rem;
margin:1.5em 0;
width:80%;
}

.pageheader .pageheader_title .description .products_item_description_flex {
display:flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.pageheader .pageheader_title .description .products_item_description_flex .products_item_price {
width:auto;
}
.pageheader .pageheader_title .description .price {
font-size:2.2rem;
margin-bottom:1em;
}
.pageheader .pageheader_title .description .price:before {
content:"標準価格";
font-size:1rem;
line-height: 1;
display:block;
}
.pageheader .pageheader_title .description .amazon {
}
.pageheader .pageheader_title .description .amazon a {
display:flex;
align-items:center;
width: fit-content;
color:#000;
}
.pageheader .pageheader_title .description .amazon a:after {
content:"\025b6 \025b6 \025b6 \025b6";
margin: 0 0 0 1em;
font-size: .85rem;
}
.pageheader .pageheader_title .description .amazon img {
width:68px;
}
.pageheader .pageheader_title .description .products_item_description_flex .products_item_code {
width:auto;
text-align:right;
font-size:1.2rem;
border-right:2px solid #000;
padding:0 1em;
margin:0;
margin:1.5em 0;
}
.pageheader .pageheader_title .description .model:before {
content:"型番 : ";
line-height: 1;
display:inline-block;
}
.pageheader .pageheader_title .description .jancode:before {
content:"JAN : ";
line-height: 1;
display:inline-block;
}
@media screen and (max-width: 999px){
.pageheader .pageheader_title .description .products_item_description_flex .products_item_price {
width:100%;
}
.pageheader .pageheader_title .description .products_item_description_flex .products_item_code {
width:100%;
text-align: left;
border-right: 0;
border-left: 2px solid #000;
margin-top: 2em;
}
}
/*products_item_shoplink*/
.pageheader .pageheader_title .description .products_item_shoplink {
width:100%;
margin:1.5em 0;
}
.pageheader .pageheader_title .description .products_item_shoplink ul {
display:flex;
flex-wrap:wrap;
max-width: 474px;
}
.pageheader .pageheader_title .description .products_item_shoplink ul li {
width:calc((100% / 3) - 2em);
margin:.25em 1em;
}
.pageheader .pageheader_title .description .products_item_shoplink ul li a {
filter: grayscale(100%) opacity(66%);
}
.pageheader .pageheader_title .description .products_item_shoplink ul li a:hover {
filter: grayscale(0) opacity(100%);
/*opacity:.5;*/
}
/*products_item_buy*/
.pageheader .pageheader_title .description .products_item_buy a {
border:1px solid #007a89;
background:#007a89;
color:#fff;
border-radius:5px;
padding:.75em 1.5em;
position:relative;
}
.pageheader .pageheader_title .description .products_item_buy a:after {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
margin-left: .5em;
}
.pageheader .pageheader_title .description .products_item_buy a:hover {
background:#fff;
color:#007a89;
}


/* pageheader_menu */
.pageheader .pageheader_menu {
margin: 1.5em 0 1.5em auto;
padding-left: 25px;
}
.pageheader .pageheader_menu ul {
display:flex;
justify-content: flex-end;
flex-wrap: wrap;
}
@media screen and (max-width: 999px){
.pageheader .pageheader_menu {
margin: 1.5em 0 1.5em 0;
padding-left: 0;
width: 100%;
}
.pageheader .pageheader_menu ul {
justify-content: flex-start;
}
}
.pageheader .pageheader_menu ul li {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.2rem;
margin:0 2em 0 0;
}
.pageheader .pageheader_menu ul li a {
color:#000;
}

/*pageheader_products_image*/
.pageheader .pageheader_products_image {
width: 65%;
height: 100%;
overflow:hidden;
z-index:-1;
margin: 0 0;
position:absolute;
top:0;
right:0;

animation-delay: 1.5s!important;
}
.pageheader .pageheader_products_image:after {
content:"";
position:absolute;
left:0;
width:100%;
height:100%;
background: linear-gradient(to right, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 25% );
z-index:1;
}
.pageheader .pageheader_products_image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.pageheader .pageheader_products_image.outlet:before {
content:"OUTLET";
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.8rem;
background:#e50012;
color:#fff;
width:120px;
height:120px;
display:flex;
align-items: center;
justify-content: center;
border-radius:50%;
position:absolute;
right:50px;
top:50px;
z-index: 1;
}

/********** タイトル **********/
.title1 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:5.7rem;
line-height:1.4;
color:#000;
margin-bottom:.5em;
}
.title2 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:3.9rem;
line-height:1.4;
color:#000;
margin-bottom:1em;
}
.title3 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:2.5rem;
line-height:1.4;
color:#000;
margin-bottom:1em;
}
.title4 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.7rem;
line-height:1.4;
color:#000;
margin-bottom:1em;
}

/********** ドットリスト **********/
ul.dot_list {
list-style: disc outside;
margin-bottom:1.5em;
}
ul.dot_list li {
margin:0 0 .5em 1.5em;
text-align:left;
list-style: disc outside;
}

/********** 数字リスト **********/
ol.number_list {
margin-left:1.5em;
margin-bottom: .5em;
list-style: decimal outside;
}
 ol.number_list li {
text-align:left;
}

/********** box **********/
.box {
background:#fff;
border:1px solid #b4b4b5;
padding:50px;
text-align: center;
}

/********** ボタン **********/
.btn a {
}
.btn a:hover {
}

/* btn_more */
.btn_more {
width:100%;
text-align:right;
}
.btn_more a {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.6rem;
color:#000;
margin-bottom:1em;
}

/********** ページネーション **********/
.pagination {
margin:0 0 ;
}
.pagination a {
text-decoration:none;
}
/* 一覧用（ページ番号リンク付き） */
.pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
}
.pagination .nav-links .page-numbers {
padding:0;
margin:0 1em;
font-size:1.4rem;
color:#000;
}
.pagination .nav-links .page-numbers.current {
color:#666;
}
.pagination .nav-links .page-numbers.dots {
color:#000;
border:0;
background:none;
}


/********** INFORMATION一覧 **********/
.information_list {
margin:0 auto 50px auto;
}
.information_list ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.information_list ul:after {
content:"";
width:calc((100% - 10%) / 3);
}
.information_list ul li {
width:calc((100% - 10%) / 3);
margin-bottom:4%;
}
.information_list ul li .category {
margin:0;
}
.information_list ul li .category a {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.5rem;
color:#fff;
display:inline-block;
padding:0 .5em;
}
.information_list ul li .category a.category_news {
background:#8dc21f;
}
.information_list ul li .category a.category_event {
background:#f29600;
}
.information_list ul li .category a.category_newproducts {
background:#e50012;
}
.information_list ul li .category a.category_other {
background:#784682;
}
.information_list ul li .thmb {
width: 100%;
height: 0;
padding-top:calc(2/3 * 100%);
overflow:hidden;
position: relative;
margin-bottom:2%;
}
.information_list ul li .thmb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.information_list ul li .date {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.2rem;
margin:.5em 0;
}
.information_list ul li .title {
font-weight:500;
font-size:1.7rem;
margin-bottom:.5em;
}
.information_list ul li .excerpt {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
.information_list ul li a {
color:#000;
}

/* 順番表示アニメーション設定 */
.information_list ul li:nth-child(3n+1){ animation-delay: 0s; }
.information_list ul li:nth-child(3n+2){ animation-delay: .15s; }
.information_list ul li:nth-child(3n+3){ animation-delay: .3s; }


/********** Blog 設定 **********/
.information_list ul li .category a.category_event-report {
  background: #f29600; /* 出展・イベントレポート → オレンジ系 */
}
.information_list ul li .category a.category_partnerships {
  background: #008080; /* 協賛・連携 → 深緑系（信頼・連携イメージ） */
}
.information_list ul li .category a.category_products {
  background: #e50012; /* 商品のこと → 赤系（強調） */
}
.information_list ul li .category a.category_summy-diary {
  background: #784682; /* 社長日誌 → 紫系（品と個性） */
}
.information_list ul li .category a.category_camping-basics {
  background: #8dc21f; /* キャンプの始め方 → 緑系（初心者・自然） */
}


/********** PRODUCTSヘッダー **********/
.products_header {
display:flex;
flex-wrap:wrap;
min-height:600px;
background:#ccc;
}
.products_header .products_header_txt {
width:50%;
padding:50px 5% 50px 10%;
display:flex;
flex-wrap:wrap;
align-items:center;

}
.products_header .products_header_txt .products_header_txt_inner {
animation-delay: .5s!important;
}
.products_header .products_header_txt .products_header_txt_inner *:last-child {
margin-bottom:0;
}
.products_header .products_header_txt .logo {
display:block;
width:100%;
margin-bottom:5em;
}
.products_header .products_header_txt .copy {
display:block;
width:100%;
font-size:1.6rem;
margin-bottom:.5em;
}
.products_header .products_header_txt .title2 {
line-height:1.2;
color:#fff;
}
.products_header .products_header_txt .description {
display:block;
width:100%;
font-size:1.6rem;
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
margin-bottom:1.5em;
}
.products_header .products_header_txt .name_jp {
display:block;
width:100%;
font-size:2.2rem;
color:#fff;
margin-bottom:1em;
}
.products_header .products_header_txt .excerpt {
display:block;
width:100%;
font-size:1.4rem;
margin:1.25em 0 2em 0;
}
.products_header .products_header_txt .btn_more {
display:block;
width:100%;
text-align:left;
}
.products_header .products_header_txt .btn_more a {
color:#fff;
}
.products_header .products_header_img {
width:50%;
height: auto;
overflow:hidden;
position: relative;
}
.products_header .products_header_img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}

/********** bg_gray **********/
.bg_gray {
background:#f7f7f0;
overflow: hidden;
}

/********** Contact form 7 **********/
span.wpcf7-list-item {
display: block;
margin: 0 0 0;
}
/* ローダー */
.wpcf7-spinner {
display:none!important;
position: absolute!important;
top: 50%!important;
transform: translateY(-50%)!important;
margin: auto!important;
right: -31px !important;
width: 16px!important;
height: 16px!important;
}
.wpcf7-spinner::before {
top: 2px!important;
left: 2px!important;
transform-origin: 6px 6px!important;
}

form.submitting .wpcf7-spinner {
display:inline-block!important;
}

/* エラー表示 */
div.wpcf7-response-output,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng {
background:#fff!important;
border:1px solid #b4b4b5!important;
margin: 4rem auto!important;
padding: 3rem 1.5rem!important;
box-sizing: border-box!important;
text-align:center!important;
}
/* エラーメッセージ */
span.wpcf7-not-valid-tip {
text-align:left!important;
color: #007a89!important;
font-size:1.1rem !important;
line-height: 1.2!important;
display: block!important;
margin:0 auto 1.5em auto !important;
}
span.wpcf7-not-valid-tip::before {
font-family: "Font Awesome 5 Free";
content: "\f06a";
font-weight: 900;
margin-right: .5em;
}
.agreement span.wpcf7-not-valid-tip {
display:none!important;
}

/********** Masonry（グリッドレイアウトプラグイン） **********/
.grid {
width:calc(100% - 20px);
margin: 0 10px 50px 10px;
padding:5px 0;
}

.grid-item {
box-sizing: border-box;
margin: 5px 0;
text-align: center;
background: #fff;
width: calc((100% - 30px) / 4);
position:relative;
} 
.grid-item a:after {
content:"";
background:rgba(0,0,0,.05);
display:block;
width:100%;
height:100%;
z-index:2;
position:absolute;
top: 0;
left: 0;
}

.gutter-sizer {
width: 10px;
}
@media (max-width: 1280px) {
.grid-item {
width: calc((100% - 20px) / 3);
}
}

/********** モーダルウインドウ **********/
.overlay {
display:none;
position: fixed;
inset:0 auto 0 0;
width: 100%;
height: 100%;
overflow: hidden;
background: rgba(0,0,0,.9) url(../images/ic_close.svg) no-repeat right 20px top 20px;
background-size:40px 40px;
cursor:pointer;
z-index:999;
}
.modalContent {
position: absolute;
inset:0;
margin: auto;
max-width: 90%;
max-height: 90%;
}

/******************************** TOPページ ********************************/

/******************** TOP MV ********************/
.top_mv {
position:relative;
/*animation:fadeIn 1s both;*/

animation-delay: 1s!important;
}
.top_mv:after {
content:"";
position:absolute;
bottom:0;
width:100%;
height:100vh;
background: linear-gradient(rgba(255,255,255,0) 90%,rgba(255,255,255,1));
z-index:1;
}
.top_mv .top_mv_stage {
width: 100%;
height:100vh;
overflow:hidden;
position: relative;
}
.top_mv .top_mv_stage img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.top_mv .top_mv_stage img.top_mv_pc {
display:block;
}
.top_mv .top_mv_stage img.top_mv_sp {
display:none;
}

.top_mv .slogan {
position:absolute;
top:35%;
right:0;
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
background:rgba(255,255,255,.7);
padding:10px 10% 15px 15px;
z-index:2;
opacity:0;

animation-delay: 1.5s!important;
}
.top_mv .slogan .slogan_title {
font-size:4rem;
line-height: 1.2;
margin-bottom:.5em;
text-align:center;
}
.top_mv .slogan .slogan_txt {
font-size:1rem;
text-align: right;
width: fit-content;
margin: auto;
}
.top_mv .slogan .slogan_txt > *:last-child {
margin-bottom:0;
}

/******************** TOP イメージスライダー ********************/
.top_imageslider {
margin:150px auto;
width:100%;
position:relative;
}

.top_imageslider .top_imageslider_stage {
width: calc(100% / 3);
height: 0;
padding-top: calc(100% / 3);
transform: translateX(50%);
overflow:hidden;
position: relative;
}
.top_imageslider .top_imageslider_stage a {
}
.top_imageslider .top_imageslider_stage a .top_imageslider_category {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.4rem;
position:absolute;
width:100%;
height:100%;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
text-align: center;
z-index: 1;
color:#fff;
transition: all 0.5s ease;
opacity:0;
}
.top_imageslider .top_imageslider_stage a:hover .top_imageslider_category {
transition: all 0.5s ease;
opacity:1;
}
.top_imageslider .top_imageslider_stage img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}

.top_imageslider .slogan {
position:absolute;
top:0;
/*left: calc(100% / 6.1);*/
left: calc(100% / 6);
background:#fff;
z-index:2;
/*width: calc(100% / 2.9);*/
width: calc(100% / 3);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.top_imageslider .slogan .slogan_inner {
padding:30px;
}
.top_imageslider .slogan .slogan_inner.active {
animation-delay: .5s;
}
.top_imageslider .slogan .slogan_title {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:4.8rem;
line-height: 1.2;
margin-bottom:1em;
}
.top_imageslider .slogan .slogan_title .jp {
display:block;
font-size:1.8rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
margin-top:.5em;
}
.top_imageslider .slogan .slogan_txt {
font-size:1.3rem;
}
.top_imageslider .slogan .slogan_txt > *:last-child {
margin-bottom:0;
}
@media screen and (max-width: 999px){
.top_imageslider .slogan .slogan_inner {
padding:20px;
}
.top_imageslider .slogan .slogan_title {
font-size:3rem;
}
.top_imageslider .slogan .slogan_title .jp {
font-size:1.7rem;
}
.top_imageslider .slogan .slogan_txt {
font-size:1rem;
}
}

/******************** TOP TENT FACTORY ********************/
.top_tf {
margin:200px auto 150px auto;
}
.top_tf .inner {
display:flex;
align-items: center;
justify-content: space-between;
width:1200px;
}

.top_tf .top_tf_logo {
width:420px;
max-width:100%;
text-align:left;
margin-right:50px;
}
.top_tf .top_tf_txt {
font-size:1.3rem;
margin: 0 0 0 auto;
}

/******************** TOP INFORMATION ********************/
.top_information {
margin:150px auto 100px auto;
}

/******************** TOP PRODUCTS ********************/
.top_products {
margin:105px auto 100px auto;
}
.top_products .products_header .products_header_txt .title2 {
margin-bottom:.1em;
}
.top_products .products_header .products_header_txt .excerpt {
font-size:1.7rem;
font-family: 'Montserrat','Noto Sans JP', sans-serif;
}

.top_products .products_header:nth-child(odd) .products_header_txt {
order:1;
padding:50px 10% 50px 5%;
text-align:right;
}
.top_products .products_header:nth-child(odd) .products_header_txt .btn_more {
text-align:right;
}
.top_products .products_header:nth-child(odd) .products_header_img {
order:0;
}

/******************************** PRODUCTSシリーズページ ********************************/
.products_series {
padding-top:65px;
margin-bottom:100px;
}

/***** PRODUCTSシリーズメインビジュアル *****/
.products_series .products_series_mv {
width: 100%;
height: 0;
padding-top:calc(9/16 * 100%);
overflow:hidden;
position: relative;
margin-bottom:100px;
}
.products_series .products_series_mv img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}

/***** PRODUCTSシリーズナビ *****/
.products_series .products_series_nav {
margin:100px auto;
}
.products_series .products_series_nav ul {
display:flex;
align-items:center;
justify-content: flex-start;
flex-wrap:wrap;
margin: auto;
/*width: fit-content;*/
}
.products_series .products_series_nav ul li {
width:21%;
/*max-width:180px;*/
margin:2% 2%;
}
.products_series .products_series_nav ul li a {
display:flex;
align-items:center;
width:100%;
}
.products_series .products_series_nav ul li a .products_series_nav_thmb {
width: 30%;
height: 0;
padding-top:calc(1/1 * 30%);
overflow:hidden;
position: relative;
}
.products_series .products_series_nav ul li a .products_series_nav_thmb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.products_series .products_series_nav ul li a .products_series_nav_title {
width:70%;
padding:0 0 0 7.5%;
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-size:1.2rem;
line-height:1.4;
color:#000;
}
/* 順番表示アニメーション設定 */
.products_series .products_series_nav ul li:nth-child(8n+1){ animation-delay: 0s; }
.products_series .products_series_nav ul li:nth-child(8n+2){ animation-delay: .15s; }
.products_series .products_series_nav ul li:nth-child(8n+3){ animation-delay: .3s; }
.products_series .products_series_nav ul li:nth-child(8n+4){ animation-delay: .45s; }
.products_series .products_series_nav ul li:nth-child(8n+5){ animation-delay: .6s; }
.products_series .products_series_nav ul li:nth-child(8n+6){ animation-delay: .75s; }
.products_series .products_series_nav ul li:nth-child(8n+7){ animation-delay: .9s; }
.products_series .products_series_nav ul li:nth-child(8n+8){ animation-delay: 1.05s; }

/*** 直販のご案内 ***/
.products_series .products_series_information {
margin:100px auto;
}
.products_series .products_series_information dl {
display:flex;
align-items: center;
justify-content: center;
  border: 1px solid #b4b4b5;
  padding: 2.5em;
  margin: 0 auto;
  width: fit-content;
}
.products_series .products_series_information dl dt {
padding:2.5em;
font-size: 1.5rem;
font-weight:600;
text-align: center;
  margin: 0;
}
.products_series .products_series_information dl dd {
padding:2.5em;
font-size: 1.4rem;
border-left:1px dotted #b4b4b5;
}

/***** PRODUCTSシリーズブロック *****/
.products_series .products_series_block {
}

.products_series .products_series_block:nth-child(odd) .products_header .products_header_txt {
order:1;
padding:50px 10% 50px 5%;
text-align:right;
}
.products_series .products_series_block:nth-child(odd) .products_header .products_header_txt .btn_more {
text-align:right;
}
.products_series .products_series_block:nth-child(odd) .products_header .products_header_img {
order:0;
}

/* PRODUCTSラインナップ */
.products_lineup {
margin:80px auto;
}
.products_lineup ul {
display:flex;
align-items:center;
justify-content: flex-start;
flex-wrap:wrap;
}
.products_lineup ul li {
width:17%;
margin:2% 4%;
text-align:center;
}
.products_lineup  ul li .thmb {
width: 100%;
height: 0;
padding-top:calc(2/3 * 100%);
overflow:hidden;
position: relative;
margin-bottom:1em;
}
.products_lineup  ul li .thmb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
/*object-fit: cover;*/
object-fit: contain;
}
.products_lineup  ul li .thmb name {
font-size:1.2rem;
}
.products_lineup  ul li a {
color:#000;
}
/* 順番表示アニメーション設定 */
.products_lineup  ul li:nth-child(20n+1){ animation-delay: 0s; }
.products_lineup  ul li:nth-child(20n+2){ animation-delay: .15s; }
.products_lineup  ul li:nth-child(20n+3){ animation-delay: .3s; }
.products_lineup  ul li:nth-child(20n+4){ animation-delay: .45s; }
.products_lineup  ul li:nth-child(20n+5){ animation-delay: .6s; }
.products_lineup  ul li:nth-child(20n+6){ animation-delay: .75s; }
.products_lineup  ul li:nth-child(20n+7){ animation-delay: .9s; }
.products_lineup  ul li:nth-child(20n+8){ animation-delay: 1.05s; }
.products_lineup  ul li:nth-child(20n+9){ animation-delay: 1.2s; }
.products_lineup  ul li:nth-child(20n+10){ animation-delay: 1.35s; }
.products_lineup  ul li:nth-child(20n+11){ animation-delay: 1.5s; }
.products_lineup  ul li:nth-child(20n+12){ animation-delay: 1.65s; }
.products_lineup  ul li:nth-child(20n+13){ animation-delay: 1.8s; }
.products_lineup  ul li:nth-child(20n+14){ animation-delay: 1.95s; }
.products_lineup  ul li:nth-child(20n+15){ animation-delay: 2.1s; }
.products_lineup  ul li:nth-child(20n+16){ animation-delay: 2.25s; }
.products_lineup  ul li:nth-child(20n+17){ animation-delay: 2.4s; }
.products_lineup  ul li:nth-child(20n+18){ animation-delay: 2.55s; }
.products_lineup  ul li:nth-child(20n+19){ animation-delay: 2.7s; }
.products_lineup  ul li:nth-child(20n+20){ animation-delay: 2.85s; }


/******************************** PRODUCTS商品ページ ********************************/
.products_item {
padding-top:65px;
margin-bottom:100px;
}

.products_item .pageheader {
position:relative;
}
.products_item .pageheader .inner {
min-height: calc((3/4)*65vw);
}
.products_item .pageheader .pageheader_title {
width:45%;
}
.products_item .pageheader .pageheader_title .title1 {
line-height:1.2;
}

.pageheader .pageheader_title .breadcrumb {
animation-delay: 1s!important;
}
.pageheader .pageheader_title .title1 {
animation-delay: 1.25s!important;
}
.pageheader .pageheader_title .subtitle {
animation-delay: 1.5s!important;
}
.pageheader .pageheader_title .description {
animation-delay: 1.75s!important;
}


/***** PRODUCTS商品メインビジュアル *****/
.products_item .products_item_mv {
position:relative;
}
.products_item .products_item_mv .products_item_mv_stage {
width: 100%;
height:0;
padding-top:calc(1/2 * 100%);
overflow:hidden;
position: relative;
}
.products_item .products_item_mv .products_item_mv_stage img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}

/***** PRODUCTS商品COLOR *****/
.products_item .products_item_color {
margin: 50px 0;
}

.products_item .products_item_color ul {
display:flex;
justify-content: center;
margin:50px auto ;
}

.products_item .products_item_color ul li {
width: 100%;
max-width:350px;
margin:0 2%;
}
.products_item .products_item_color ul li .name {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.7rem;
margin-bottom:1em;
}
.products_item .products_item_color ul li .thmb {
width: 100%;
height: 0;
padding-top:calc(2/3 * 100%);
overflow:hidden;
position: relative;
}
.products_item .products_item_color ul li .thmb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
/*object-fit: cover;*/
object-fit: contain;
}

.products_item .products_item_color ul li .amazon {
margin: auto;
text-align: center;
width: 30%;
max-width:100px;
}
.products_item .products_item_color ul li .amazon a {
filter: grayscale(100%) opacity(66%);
}
.products_item .products_item_color ul li .amazon a:hover {
filter: grayscale(0) opacity(100%);
}

/* 順番表示アニメーション設定 */
.products_item .products_item_color ul li:nth-child(1){ animation-delay: 0s; }
.products_item .products_item_color ul li:nth-child(2){ animation-delay: .15s; }
.products_item .products_item_color ul li:nth-child(3){ animation-delay: .3s; }
.products_item .products_item_color ul li:nth-child(4){ animation-delay: .45s; }
.products_item .products_item_color ul li:nth-child(5){ animation-delay: .6s; }


/***** PRODUCTS商品FUNCTION *****/
.products_item .products_item_function {
margin: 50px 0;
}

.products_item .products_item_function .title3 {
animation-delay: .5s!important;
}

.products_item .products_item_function ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.products_item .products_item_function ul:after {
content:"";
width:calc((100% - 6%) / 3);
}
.products_item .products_item_function ul li {
width:calc((100% - 6%) / 3);
margin-bottom:6%;

animation-delay: .5s!important;
}
.products_item .products_item_function ul li .thmb {
margin-bottom:1em;
}
.products_item .products_item_function ul li .title {
font-weight:600;
font-size:1.6rem;
line-height: 1.5;
margin-bottom:.5em;
}
.products_item .products_item_function ul li .text {
width:90%;
font-size:1.5rem;
}

/***** PRODUCTS商品FABRIC *****/
.products_item .products_item_fabric {
margin: 50px 0;
}

.products_item .products_item_fabric ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.products_item .products_item_fabric ul:after {
content:"";
width:calc((100% - 6%) / 3);
}
.products_item .products_item_fabric ul li {
width:calc((100% - 6%) / 3);
margin-bottom:3%;
}

.products_item .products_item_fabric .text {
width:calc(((100% - 6%) / 3 * 2) + 3%);
font-size: 1.5rem;
}

/* アコーディオン開閉 */
.accordion {
position: relative;
height: auto;
overflow: hidden;
padding-bottom:20px;
}
.accordion_more {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
padding-top: 70px;
text-align: center;
line-height: 2em;
background: linear-gradient(to bottom, rgba(247, 247, 240, 0) 0%, rgba(247, 247, 240, 1) 70%);
cursor: pointer;
}
.is-open .accordion_more {
background: transparent;
}
.accordion_more::before {
color: #555;
font-family: "Font Awesome 5 Free";
content: '\f078';
font-weight:900;
font-size: 12px;
display: inline-block;
position: absolute;
width: 100%;
text-align: center;
bottom: 0;
left: 0;
}
.is-active .accordion_more::before {
content: '\f077';
}

/***** PRODUCTS商品STORY *****/
.products_item .products_item_story {
margin: 50px 0;
}

.products_item .products_item_story .slogan {
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom: 40px;
}
.products_item .products_item_story .slogan .slogan_img {
width:50%;
}
.products_item .products_item_story .slogan .slogan_txt {
width:50%;
padding:0 3%;
font-size:1.8rem;
}
.products_item .products_item_story .slogan .slogan_txt .title {
font-size:2.8rem;
line-height: 1.4;
margin-bottom: 1em;
}

.products_item .products_item_story ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.products_item .products_item_story ul:after {
content:"";
width:calc((100% - 6%) / 3);
}
.products_item .products_item_story ul li {
width:calc((100% - 6%) / 3);
margin-bottom:6%;

animation-delay: .5s!important;
}
.products_item .products_item_story ul li .thmb {
margin-bottom:1em;
text-align: center;
}
.products_item .products_item_story ul li .title {
font-weight:600;
font-size:1.6rem;
line-height: 1.5;
margin-bottom:.5em;
}
.products_item .products_item_story ul li .text {
width:90%;
}

/***** PRODUCTS商品SPEC *****/
.products_item .products_item_spec {
margin: 50px 0;
}
/* products_item_spec_txt */
.products_item .products_item_spec .products_item_spec_txt ul {
margin-bottom:30px;
}
.products_item .products_item_spec .products_item_spec_txt ul li {
font-size:1.5rem;
padding:.5em;
border-bottom:1px solid #231815;
}
/* products_item_spec_img */
.products_item .products_item_spec .products_item_spec_img ul {
display:flex;
align-items: center;
justify-content:;
flex-wrap:wrap;
}
.products_item .products_item_spec .products_item_spec_img ul li {
margin:20px;
}

/***** PRODUCTS商品MOVIE *****/
.products_item .products_item_movie {
margin: 50px 0;
}

.products_item .products_item_movie .text {
font-size: 1.5rem;
}

.products_item .products_item_movie .embed {
width: 100%;
height: 0;
padding-bottom:calc((9/16 * 100%));
overflow: hidden;
margin-bottom:30px;
}
@media screen and (min-width: 900px){
.products_item .products_item_movie .embed {
width: 900px;
padding-bottom:calc((9/16 * 900px));
}
}

/***** PRODUCTS商品オプションパーツ *****/
.products_item .products_item_option {
margin: 50px 0;
}


/******************************** ABOUTページ ********************************/
.about {
background:#f7f7f7;
padding-top:65px;
margin-bottom:100px;
overflow: hidden;
}

/***** BLAND CONCEPT *****/
.about .concept {
margin: 0 0 65px 0;
}
/*テントファクトリーとは*/
.about .concept .about_tf {
max-width:650px;
margin-bottom:60px;
}
.about .concept .about_tf .about_tf_logo {
width:420px;
max-width: 100%;
margin-bottom:30px;
}
/*テントファクトリーの魅力*/
.about .concept .about_tf_appeal {
margin-bottom:60px;
}

.about .concept .about_tf_appeal ol {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
list-style:none;
margin:60px 0;
}
.about .concept .about_tf_appeal ol:after {
content:"";
width:calc((100% - 6%) / 3);
}
.about .concept .about_tf_appeal ol li {
position:relative;
width:calc((100% - 6%) / 3);
margin-bottom:6%;
display:flex;
flex-direction:column;


animation-delay: .5s!important;
}
.about .concept .about_tf_appeal ol li .point_number {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
text-align:center;
font-size:4rem;
line-height: 1.65;
background:#000;
color:#fff;
display:block;
width:62px;
height:62px;
position:absolute;
left: 0;
right: 0;
padding: 5px 0 0 0;

}
.about .concept .about_tf_appeal ol li .point_number:before {
content:"POINT";
font-size:1.5rem;
line-height:1;
display:block;
position:absolute;
left: 0;
right: 0;
}
.about .concept .about_tf_appeal ol li .point_image {
margin:22px auto 10px auto;
text-align:center;
}
.about .concept .about_tf_appeal ol li .point_title {
font-family: 'Montserrat', sans-serif;
font-weight:600;
font-size:1.9rem;
line-height: 1.2;
margin-bottom:.5em;
flex-grow:1;
}
.about .concept .about_tf_appeal ol li .point_title .jp {
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
font-size:1.8rem;
display:block;
color:#9e9e9f;
margin-top:.25em;
}
.about .concept .about_tf_appeal ol li .point_txt {
width:90%;
}

/***** BLAND SALES POLICY *****/
.about .sales_policy {
margin: 65px 0;
}

.about .sales_policy .box .sales_policy_flow {
font-size:1.4rem;
margin:30px auto;
max-width:720px;
text-align:left;
}
.about .sales_policy .box .sales_policy_flow *:last-child {
margin-bottom:0;
}

.about .sales_policy .sales_policy_block {
margin:50px 0;
width:66%;
}

.about .sales_policy .sales_policy_block p+ul{
margin-top:-1em;
}

/***** FOR MEDIA *****/
.about .media {
margin: 65px 0;
}

.about .media .media_lead .mailbox {
background:#fff;
border:1px solid #b4b4b5;
padding:30px 50px;
text-align: center;
display: inline-block;
margin: 15px 0 50px 0;
font-size: 1.6rem;
font-weight: 600;
}
.about .media .media_lead .mailbox .staff {
font-size:1.1rem;
font-weight:400;
}

/***** CAMPANY PROFILE *****/
.about .profile {
margin: 65px 0;
}

/*producer*/
.about .profile .producer {
display:flex;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom:20px;
}
.about .profile .producer .producer_img {
width:30%;
}
.about .profile .producer .producer_txt {
width:70%;
padding:0 0 0 3%;
}
.about .profile .producer .producer_txt .producer_corp {
font-weight:600;
}
.about .profile .producer .producer_txt .producer_position {
}
.about .profile .producer .producer_txt .producer_name {
font-size:1.7rem;
font-weight:600;
margin-bottom:1.5em;
}
.about .profile .producer .producer_txt .producer_name .en {
font-size:1.1rem;
font-weight:400;
}

/*Outdoor Spirits to Create.*/
.about .profile .spirits {
display:flex;
align-items:flex-start;
flex-wrap:wrap;
}
.about .profile .spirits .spirits_img {
width:65%;
}
.about .profile .spirits .spirits_img img {
margin-bottom:20px;
display: block;
}
.about .profile .spirits .spirits_txt {
width:35%;
padding:0 0 0 3%;
}


/******************************** SHOP & PARTNERページ ********************************/
.shop-partner {
padding-top:65px;
margin-bottom:100px;
overflow: hidden;
}

.shop-partner .partner_block {
margin:0 0 50px 0;
}

.shop-partner .partner_block ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.shop-partner .partner_block ul:after {
content:"";
width:calc((100% - 6%) / 3);
}
.shop-partner .partner_block ul li {
width:calc((100% - 6%) / 3);
margin-bottom:6%;

animation-delay: .5s!important;
}
.shop-partner .partner_block ul li .thmb {
margin-bottom:1em;
text-align: center;
position:relative;
}
.shop-partner .partner_block ul li .thmb .new {
color: #fff;
font-size: 1.1rem;
background: #e50012;
display: inline-block;
padding: 0px 8px 1px 8px;
margin: 0 .5em 0 0;
position: absolute;
left: 0;
top: 0;
}
.shop-partner .partner_block ul li .title {
font-weight:600;
font-size:1.6rem;
line-height: 1.5;
margin-bottom:.5em;
text-align:center;
}
.shop-partner .partner_block ul li .title a {
color:#000;
}
.shop-partner .partner_block ul li .text {
}

/******************************** SEARCH GALLERYページ ********************************/
.search-gallery {
padding-top:65px;
margin-bottom:100px;
}

/***** フリーワード検索 *****/
.search-gallery .search_freeword {
margin:0 0 50px 0;
}
.search-gallery .search_freeword .freeword {
position:relative;
width:100%;
max-width:720px;
background:#fff;
border:1px solid #b4b4b5;
margin:0 ;
border-radius:10px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.search-gallery .search_freeword .freeword:before {
font-family: "Font Awesome 5 Free";
content: "\f002";
font-weight:900;
font-size:2rem;
margin:0;
color:#007a89;
width:50px;
text-align:center;
}
.search-gallery .searchform {
width:calc(100% - 50px);
}
.search-gallery .search_freeword .freeword input[type="text"] {
font-size:1.6rem;
background:none;
width:100%;
display:block;
padding: 1.2em 1.2em 1.2em 0;
margin:0;
}

/***** タグ一覧 *****/
.search-gallery .search_tag {
margin:0 0 50px 0;
text-align:left;
}
.search-gallery .search_tag ul {
display:flex;
flex-wrap:wrap;
}
.search-gallery .search_tag ul li {
display:inline-block;
margin: .25em;
}
.search-gallery .search_tag ul li a {
display:block;
font-size:1.1rem;
line-height:1.2;
text-decoration:none;
color:#fff;
background: #007a8a;
padding:.75em 1em;
border-radius:5px;
}
.search-gallery .search_tag ul li a:before {
content: "#";
margin-right:.25em;
}

/***** 検索結果 *****/
.search-gallery .search_result {
margin: 50px 0;
}


/******************************** INFORMATIONページ ********************************/
.information {
padding-top:65px;
margin-bottom:100px;
}

/***** INFORMATION一覧 *****/
.information .information_list {
}

/***** INFORMATION詳細 *****/
.information .information_article {
margin:0 0 50px 0;
}

/*** 記事ヘッダー ***/
.information .information_article .article_header {
margin:0 0 50px 0;
}
.information .information_article .article_header .category {
margin:0 2em 2em 0;
display: inline-block;
}
.information .information_article .article_header .category a {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.5rem;
color:#fff;
display:inline-block;
padding:0 .5em;
}
.information .information_article .article_header .category a.category_news {
background:#8dc21f;
}
.information .information_article .article_header .category a.category_event {
background:#f29600;
}
.information .information_article .article_header .category a.category_newproducts {
background:#e50012;
}
.information .information_article .article_header .category a.category_other {
background:#784682;
}
.information .information_article .article_header .date {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:400;
font-size:1.5rem;
margin:0 0 2em 0;
display: inline-block;
}
.information .information_article .article_header .title {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:3.9rem;
line-height:1.4;
color:#000;
margin-bottom:1em;
}

/*** アイキャッチ画像 ***/
.information .information_article .article_eyecatch {
width: 100%;
margin: 50px 0;
}

/*** 記事本文 ***/
.information .information_article .article_body {
margin: 50px 0;
max-width: 900px;
font-size:1.3rem;
}

/* 見出し */
.information .information_article .article_body h1 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:3.9rem;
line-height:1.4;
color:#000;
margin-bottom:1em;
}
.information .information_article .article_body h2 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:2.5rem;
line-height:1.4;
color:#000;
margin: 3em 0 1em 0;
}
.information .information_article .article_body h3 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.7rem;
line-height:1.4;
color:#000;
margin: 3em 0 1em 0;
}
.information .information_article .article_body h4 {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.4rem;
line-height:1.4;
color:#000;
margin: 3em 0 1em 0;
}
.information .information_article .article_body h5 {
}
.information .information_article .article_body h6 {
}
/* 段落 */
.information .information_article .article_body p {
padding:0;
margin:0 0 1.5em 0;
}
/* ドットリスト */
.information .information_article .article_body ul {
padding:0;
list-style: disc outside;
margin-bottom:1.5em;
}
.information .information_article .article_body ul li {
padding: 0;
margin:0 0 .5em 1.5em;
text-align:left;
list-style: disc outside;
}
.information .information_article .article_body ul li:last-child {
margin-bottom:0;
}
.information .information_article .article_body ul li *:last-child {
margin-bottom:0;
}
/* 数字リスト */
.information .information_article .article_body ol {
padding:0;
margin:0 0 1.5em 1.5em;
list-style: decimal outside;
}
.information .information_article .article_body ol li {
padding: 0;
margin-bottom:.5em;
text-align:left;
}
/* table */
.information .information_article .article_body table {
margin:0 0 1.5em 0;
}
.information .information_article .article_body td, .information .information_article .article_body th {
border:1px solid #b4b4b5;
padding:1em 1em;
background:#fff;
}
.information .information_article .article_body th {
background:#f7f7f7;
font-weight:400;
}
/* 引用 */
.information .information_article .article_body blockquote {
margin: 0 0 1.5em 0;
padding: 2em 2em 2em 5em;
background: #f7f7f7;
position: relative;
display: inline-block;
}
.information .information_article .article_body blockquote:before {
content: '"';
font-style:italic;
font-size:5rem;
font-weight:400;
line-height:1;
position:absolute;
top: .5em;
left: 0.25em;
color:#b4b4b5;
}
.information .information_article .article_body blockquote cite {
border-top:1px dotted #b4b4b5;
display:block;
padding:1em 0 0 0;
font-style:italic;
text-align:right;
font-size:90%;
}
.information .information_article .article_body blockquote *:last-child {
margin-bottom:0;
}
/* 埋め込みYoutube動画 */
.information .information_article .article_body .wp-block-embed-youtube {
width:100%;
margin:0 auto 1.5em auto;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
}
.information .information_article .article_body .wp-block-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/***** シェアボタン *****/
.information .information_article .article_share {
}
.information .information_article .article_share ul {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.information .information_article .article_share ul li {
display:inline-block;
margin: 0 .5em 0 0;
vertical-align:top;
}


/******************************** CONTACTページ ********************************/
.contact {
background:#f7f7f7;
padding-top:65px;
margin-bottom:100px;
overflow: hidden;
}

.contact .contact_form {
margin:0 0 150px 0;
font-size:1.3rem;
width:100%;
max-width:720px;
}

.contact .contact_form dl {
}
.contact .contact_form dl dt {
margin-bottom:.5em;
}
.contact .contact_form dl dt .required {
color:#007a89;
}
.contact .contact_form dl dd {
margin-bottom:.5em;
}

.contact .contact_form .btn_submit {
position: relative;
display: inline-block;
}


/* **************************************************************************************** */
/**** footer ****/
/* **************************************************************************************** */
.footer {
width:100%;
background:#fff;
color:#000;
padding:0;
margin:200px 0 30px 0;
text-align:center;
}
/*copyright*/
.footer .copyright {
font-family: 'Montserrat','Noto Sans JP', sans-serif;
font-weight:600;
font-size:1.2rem;
}


/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){
/* **************************************************************************************** */
/**** 共通タグ設定 ****/
/* **************************************************************************************** */
/***** フォーム *****/
input[type="submit"],
input[type="button"],
button {
}

.btn_submit {
width:100%;
margin:1rem auto;
}

/* **************************************************************************************** */
/**** 共通クラス定義 ****/
/* **************************************************************************************** */

/***** PCのみ/SPのみ *****/
.pc_only {
display:none;
}
.sp_only {
display:inherit;
}

/* ************************************************************************************************************ */
/**** container ****/
/* ************************************************************************************************************ */


/* **************************************************************************************** */
/**** header ****/
/* **************************************************************************************** */
.header {
height:40px;
padding:0 15px;
}
.header .header_inner {
margin:  10px 0;
}
/***** ロゴ *****/
/***** 検索/翻訳/ハンバーガーメニュー *****/
/*** 検索 ***/
/*** 翻訳 ***/
/*** ハンバーガーメニュー ***/

/*** グローバルナビ ***/
.globalnavi {
padding:30px 20px;
height: calc(100vh - 40px);
}
.globalnavi.openNav {
top:40px;
}
/* メインナビ */
.globalnavi .main_nav ul {
font-size:2.6rem;
}
.globalnavi .main_nav ul li {
  line-height: 1.25;
}
.globalnavi .main_nav ul.lv2 {
font-size:1.7rem;
}
.globalnavi .main_nav ul.lv2 li {
  line-height: 1.5;
}
/* SNSナビ */
.globalnavi .sns_nav ul {
font-size:1.6rem;
}
.globalnavi .sns_nav ul li a i {
width:30px;
height:30px;
line-height: 30px;
font-size: 1.4rem;
}


/* **************************************************************************************** */
/**** main ****/
/* **************************************************************************************** */
.main {
}

/******************************** 共通 ********************************/
/********** inner **********/
.inner {
padding:0 15px;
}

/********** ページヘッダー **********/
.pageheader {
padding: 15px 0 25px 0;
}
.pageheader .inner {
flex-wrap:wrap;
}

/* pageheader_title */
.pageheader .pageheader_title .breadcrumb {
font-size:1rem;
}
.pageheader .pageheader_title .subtitle {
font-size:1.2rem;
}
.pageheader .pageheader_title .description {
width:100%;
}
.pageheader .pageheader_title .description .products_item_description_flex .products_item_price {
width:auto;
}
.pageheader .pageheader_title .description .price {
}
.pageheader .pageheader_title .description .amazon {
}
.pageheader .pageheader_title .description .products_item_description_flex .products_item_code {
width:auto;
text-align:right;
font-size:1.2rem;
border-right:2px solid #000;
border-left:0;
padding:0 1em;
margin:0;
}

/* pageheader_menu */
.pageheader .pageheader_menu {
margin: 1.5em 0 1.5em 0;
padding-left: 0;
width:100%;
}
.pageheader .pageheader_menu ul {
justify-content: flex-start;
}
.pageheader .pageheader_menu ul li {
font-size:1.2rem;
margin:0 1.5em 0 0;
}

/*pageheader_products_image*/
.pageheader .pageheader_products_image {
width: 100%;
z-index:0;
position:relative;
top:0;
right:0;
}
.pageheader .pageheader_products_image:after {
background:none;
}
.pageheader .pageheader_products_image img {
position:relative;
top: 0;
left: 0;
transform: translate(0);
}
.pageheader .pageheader_products_image.outlet:before {
font-size:1.4rem;
width:80px;
height:80px;
right:10px;
top:10px;
}


/********** タイトル **********/
.title1 {
font-size:4.5rem;
}
.title2 {
font-size:3.2rem;
}
.title3 {
font-size:2rem;
}
.title4 {
font-size:1.7rem;
}

/********** box **********/
.box {
padding:30px;
}

/********** ボタン **********/
.btn a {
}


/********** INFORMATION一覧 **********/
.information_list {
margin:0 auto 25px auto;
}
.information_list ul li {
width:100%;
margin-bottom: 25px;
}

/* 順番表示アニメーション設定 */
.information_list ul li:nth-child(3n+1){ animation-delay: 0s; }
.information_list ul li:nth-child(3n+2){ animation-delay: 0s; }
.information_list ul li:nth-child(3n+3){ animation-delay: 0s; }


/********** PRODUCTSヘッダー **********/
.products_header {
min-height:600px;
}
.products_header .products_header_txt {
width:100%;
padding:30px 15px;
}
.products_header .products_header_txt .logo {
margin-bottom:2.5em;
}
.products_header .products_header_txt .copy {
font-size:1.3rem;
}
.products_header .products_header_txt .title2 {
}
.products_header .products_header_txt .description {
font-size:1.3rem;
}
.products_header .products_header_txt .name_jp {
font-size:1.8rem;
}
.products_header .products_header_txt .excerpt {
font-size:1.4rem;
}
.products_header .products_header_txt .btn_more a {
font-size:1.3rem;
}

.products_header .products_header_img {
width:100%;
height: 0;
padding-top:100%;
}

/********** Masonry（グリッドレイアウトプラグイン） **********/
.grid-item {
width: calc((100% - 10px) / 2);
}


/******************************** TOPページ ********************************/
/******************** TOP MV ********************/
.top_mv {
}
.top_mv .top_mv_stage img.top_mv_pc {
display:none;
}
.top_mv .top_mv_stage img.top_mv_sp {
display:block;
}
.top_mv .slogan {
top:20%;
right:0;
left:0;
padding:10px 15px 15px 15px;
margin: 0 auto;
width: fit-content;
}
.top_mv .slogan .slogan_title {
font-size:3.1rem;
}
.top_mv .slogan .slogan_txt {
font-size:.8rem;
text-align: right;
}

/******************** TOP イメージスライダー ********************/
.top_imageslider {
margin:30px auto;
}

.top_imageslider .top_imageslider_stage {
width: calc(100% / 2);
padding-top: calc(100% / 2);
transform: translateX(50%);
}

.top_imageslider .slogan {
position:relative;
width:100%;
left:0;
}

.top_imageslider .slogan .slogan_inner {
padding:15px;
width: 100%;
margin:0 0 10px 0;
}
.top_imageslider .slogan .slogan_title {
font-size:2.4rem;
}
.top_imageslider .slogan .slogan_title .jp {
font-size:1.7rem;
}
.top_imageslider .slogan .slogan_txt {
font-size:1rem;
}

/******************** TOP TENT FACTORY ********************/
.top_tf {
margin:30px auto 60px auto;
}
.top_tf .inner {
flex-wrap:wrap;
}

.top_tf .top_tf_logo {
width:210px;
margin:0 0 15px 0;
}
.top_tf .top_tf_txt {
width:100%;
font-size:1rem;
margin: 0 0 ;
}

/******************** TOP INFORMATION ********************/
.top_information {
margin:30px auto 60px auto;
}

/******************** TOP PRODUCTS ********************/
.top_products {
margin:50px auto 60px auto;
}

.top_products .products_header:nth-child(odd) .products_header_txt {
order:0;
padding:30px 15px;
text-align:left;
}
.top_products .products_header:nth-child(odd) .products_header_txt .btn_more {
text-align:left;
}
.top_products .products_header:nth-child(odd) .products_header_img {
order:1;
}

/******************************** PRODUCTSシリーズページ ********************************/
.products_series {
padding-top:40px;
margin-bottom:60px;
}

.products_series .pageheader .pageheader_title .title1 {
font-size:3rem;
}

/***** PRODUCTSシリーズメインビジュアル *****/
.products_series .products_series_mv {
padding-top:100%;
margin-bottom:30px;
}

/***** PRODUCTSシリーズナビ *****/
.products_series .products_series_nav {
margin:30px auto;
}
.products_series .products_series_nav ul {
}
.products_series .products_series_nav ul li {
width:44%;
max-width:none;
margin:3%;
}

/*** 直販のご案内 ***/
.products_series .products_series_information {
margin:30px auto;
}
.products_series .products_series_information dl {
flex-wrap:wrap;
padding:1.5em;
}
.products_series .products_series_information dl dt {
width:100%;
border:0;
padding:1.5em;
text-align:center;
}
.products_series .products_series_information dl dd {
padding:0 1.5em 1.5em 1.5em;
width:100%;
border: 0;
}

/***** PRODUCTSシリーズブロック *****/
.products_series .products_series_block {
}

.products_series .products_series_block:nth-child(odd) .products_header .products_header_txt {
order:0;
padding:30px 15px;
text-align:left;
}
.products_series .products_series_block:nth-child(odd) .products_header .products_header_txt .btn_more {
text-align:left;
}
.products_series .products_series_block:nth-child(odd) .products_header .products_header_img {
order:1;
}

/* PRODUCTSラインナップ */
.products_lineup {
margin:30px auto;
}
.products_lineup ul {
}
.products_lineup ul li {
width:44%;
margin:3%;
}
.products_lineup  ul li .thmb name {
font-size:1rem;
}


/******************************** PRODUCTS商品ページ ********************************/
.products_item {
padding-top:40px;
margin-bottom:60px;
}

.products_item .pageheader .pageheader_title {
width:100%;
}

/***** PRODUCTS商品メインビジュアル *****/
.products_item .products_item_mv {
}
.products_item .products_item_mv .products_item_mv_stage {
padding-top:100%;
}


/***** PRODUCTS商品COLOR *****/
.products_item .products_item_color {
margin: 30px 0;
}

.products_item .products_item_color ul {
margin:0 auto ;
justify-content: space-between;
flex-wrap:wrap;
}

.products_item .products_item_color ul li {
width:44%;
margin:3%;
}
.products_item .products_item_color ul li .name {
font-size:1.1rem;
}

.products_item .products_item_color ul li .amazon {
width: 45%;
}

/***** PRODUCTS商品FUNCTION *****/
.products_item .products_item_function {
margin: 30px 0;
}

.products_item .products_item_function ul li {
width:100%;
margin-bottom: 25px;
}
.products_item .products_item_function ul li .title {
font-size:1.6rem;
}
.products_item .products_item_function ul li .text {
width:100%;
font-size: 1.5rem;
}

/***** PRODUCTS商品FABRIC *****/
.products_item .products_item_fabric {
margin: 30px 0;
}

.products_item .products_item_fabric ul li {
width:100%;
margin-bottom: 25px;
}

.products_item .products_item_fabric .text {
width:100%;
}

/***** PRODUCTS商品STORY *****/
.products_item .products_item_story {
margin: 30px 0;
}

.products_item .products_item_story .slogan {
margin-bottom: 30px;
}
.products_item .products_item_story .slogan .slogan_img {
width:100%;
margin-bottom: 15px;
}
.products_item .products_item_story .slogan .slogan_txt {
width:100%;
padding:0 ;
font-size:1.4rem;
}
.products_item .products_item_story .slogan .slogan_txt .title {
font-size:2.2rem;
}

.products_item .products_item_story ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.products_item .products_item_story ul li {
width:100%;
margin-bottom: 25px;
}
.products_item .products_item_story ul li .title {
font-size:1.6rem;
}
.products_item .products_item_story ul li .text {
width:100%;
}


/***** PRODUCTS商品SPEC *****/
.products_item .products_item_spec {
margin: 30px 0;
}
/* products_item_spec_txt */
.products_item .products_item_spec .products_item_spec_txt ul {
margin-bottom:30px;
}
.products_item .products_item_spec .products_item_spec_txt ul li {
font-size:1.3rem;
}
/* products_item_spec_img */
.products_item .products_item_spec .products_item_spec_img ul li {
margin:10px;
}

/***** PRODUCTS商品MOVIE *****/
.products_item .products_item_movie {
margin: 30px 0;
}

.products_item .products_item_movie .embed {
margin-bottom:15px;
}

/***** PRODUCTS商品オプションパーツ *****/
.products_item .products_item_option {
margin: 30px 0;
}


/******************************** ABOUTページ ********************************/
.about {
padding-top:40px;
margin-bottom:60px;
}

/***** BLAND CONCEPT *****/
.about .concept {
margin: 0 0 40px 0;
}
/*テントファクトリーとは*/
.about .concept .about_tf {
margin-bottom:30px;
}
.about .concept .about_tf .about_tf_logo {
width:210px;
margin-bottom:15px;
}
/*テントファクトリーの魅力*/
.about .concept .about_tf_appeal {
margin-bottom:30px;
}

.about .concept .about_tf_appeal ol {
margin:30px 0;
}
.about .concept .about_tf_appeal ol li {
width:100%;
margin-bottom: 25px;
}
.about .concept .about_tf_appeal ol li .point_txt {
width:100%;
}

/***** BLAND SALES POLICY *****/
.about .sales_policy {
margin:40px 0;
}
.about .sales_policy .box .sales_policy_flow {
font-size:1.2rem;
margin:0 auto;
}

.about .sales_policy .sales_policy_block {
margin:30px 0;
width:100%;
}


/***** FOR MEDIA *****/
.about .media {
margin:40px 0;
}

.about .media .media_lead .mailbox {
padding:30px ;
margin: 0 0 30px 0;
font-size: 1.6rem;
width:100%;
}
.about .media .media_lead .mailbox .staff {
display:block;
}


/***** CAMPANY PROFILE *****/
.about .profile {
margin:40px 0;
}

/*producer*/
.about .profile .producer {
margin-bottom:20px;
}
.about .profile .producer .producer_img {
width:65%;
margin-bottom:15px;
}
.about .profile .producer .producer_txt {
width:100%;
padding:0 0;
}
.about .profile .producer .producer_txt .producer_name {
margin-bottom:1em;
}

/*Outdoor Spirits to Create.*/
.about .profile .spirits {
}
.about .profile .spirits .spirits_img {
width:100%;
margin-bottom:15px;
}
.about .profile .spirits .spirits_img img {
margin-bottom:5px;
}
.about .profile .spirits .spirits_txt {
width:100%;
padding:0 0;
}


/******************************** SHOP & PARTNERページ ********************************/
.shop-partner {
padding-top:40px;
margin-bottom:60px;
}

.shop-partner .partner_block {
margin: 0 0 30px 0;
}

.shop-partner .partner_block ul {
display:flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap:wrap;
}
.shop-partner .partner_block ul:after {
content:"";
width:calc((100% - 6%) / 3);
}
.shop-partner .partner_block ul li {
width:100%;
margin-bottom: 25px;
}
.shop-partner .partner_block ul li .title {
font-size:1.6rem;
}
.shop-partner .partner_block ul li .text {
width:100%;
}


/******************************** SEARCH GALLERYページ ********************************/
.search-gallery {
padding-top:40px;
margin-bottom:60px;
}

/***** フリーワード検索 *****/
.search-gallery .search_freeword {
margin:0 0 30px 0;
}
.search-gallery .searchform {
width:calc(100% - 50px);
}
.search-gallery .search_freeword .freeword input[type="text"] {
font-size:1.4rem;
padding: 1em 1em 1em 0;
}

/***** タグ一覧 *****/
.search-gallery .search_tag {
margin:0 0 30px 0;
}
/***** 検索結果 *****/
.search-gallery .search_result {
margin: 30px 0;
}


/******************************** INFORMATIONページ ********************************/
.information {
padding-top:40px;
margin-bottom:60px;
}

/***** INFORMATION一覧 *****/
.information .information_list {
}

/***** INFORMATION詳細 *****/
.information .information_article {
margin:0 0 30px 0;
}

/*** 記事ヘッダー ***/
.information .information_article .article_header {
margin:0 0 30px 0;
}

.information .information_article .article_header .title {
font-size:3.2rem;
}

/*** アイキャッチ画像 ***/
.information .information_article .article_eyecatch {
margin: 30px 0;
}

/*** 記事本文 ***/
.information .information_article .article_body {
margin: 30px 0;
max-width: 100%;
}

/* 見出し */
.information .information_article .article_body h1 {
font-size:3.2rem;
}
.information .information_article .article_body h2 {
font-size:2rem;
margin: 2em 0 1em 0;
}
.information .information_article .article_body h3 {
font-size:1.7rem;
margin: 2em 0 1em 0;
}
.information .information_article .article_body h4 {
font-size:1.4rem;
margin: 2em 0 1em 0;
}


/******************************** CONTACTページ ********************************/
.contact {
padding-top:40px;
margin-bottom:60px;
}

.contact .contact_form {
margin:0 0 100px 0;
}


/* **************************************************************************************** */
/**** footer ****/
/* **************************************************************************************** */
.footer {
margin:80px 0 20px 0;
}
}

/* PRODUCTS商品COLOR の後に以下を追加 */

/***** PRODUCTS商品SET *****/
.products_item .products_item_set {
margin: 50px 0;
}

.products_item .products_item_set ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 50px auto;
gap: 2%;
}

.products_item .products_item_set ul li {
width: 100%;
max-width: 350px;
margin: 0 1% 3% 1%;
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.products_item .products_item_set ul li:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.products_item .products_item_set ul li .set_info {
margin-bottom: 15px;
}

.products_item .products_item_set ul li .set_code {
font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
font-weight: 600;
font-size: 1.4rem;
color: #666;
background: #f5f5f5;
padding: 4px 12px;
border-radius: 4px;
display: inline-block;
margin-bottom: 8px;
}

.products_item .products_item_set ul li .set_name {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
font-size: 1.7rem;
line-height: 1.4;
color: #333;
margin-bottom: 0;
}

.products_item .products_item_set ul li .thmb {
width: 100%;
height: 0;
padding-top: calc(2/3 * 100%);
overflow: hidden;
position: relative;
margin: 15px 0;
}

.products_item .products_item_set ul li .thmb img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: contain;
}

.products_item .products_item_set ul li .shop_links {
margin-top: 15px;
display: flex;
justify-content: center;
gap: 10px;
}

.products_item .products_item_set ul li .amazon {
width: 30%;
max-width: 100px;
}

.products_item .products_item_set ul li .amazon a {
filter: grayscale(100%) opacity(66%);
transition: filter 0.3s ease;
}

.products_item .products_item_set ul li .amazon a:hover {
filter: grayscale(0) opacity(100%);
}

/* 順番表示アニメーション設定 */
.products_item .products_item_set ul li:nth-child(1) { animation-delay: 0s; }
.products_item .products_item_set ul li:nth-child(2) { animation-delay: .15s; }
.products_item .products_item_set ul li:nth-child(3) { animation-delay: .3s; }
.products_item .products_item_set ul li:nth-child(4) { animation-delay: .45s; }
.products_item .products_item_set ul li:nth-child(5) { animation-delay: .6s; }

/* レスポンシブ対応（768px以下用の追加スタイル） */
@media screen and (max-width: 768px) {
/***** PRODUCTS商品SET *****/
.products_item .products_item_set {
margin: 30px 0;
}

.products_item .products_item_set ul {
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
gap: 3%;
}

.products_item .products_item_set ul li {
width: 100%;
max-width: none;
margin: 0 0 25px 0;
padding: 15px;
}

.products_item .products_item_set ul li .set_code {
font-size: 1.2rem;
padding: 3px 8px;
}

.products_item .products_item_set ul li .set_name {
font-size: 1.4rem;
}

.products_item .products_item_set ul li .amazon {
width: 45%;
max-width: none;
}
}