/*
Theme Name: 2019
Theme URI: https://sugihara-kasa.com
Description: SIGIHARA
Version: 1
Author: GROW
*/
@charset "UTF-8";

/* ---------------------------
00.Web Font
01.全般的な設定 & リセット
02.ヘッダ
03.ナビ
04.コンテンツ
05.フッター
06.ポップアップ
07.フォント
08.テーブル
09.clearfix
10.ContactForm7 上書き
--------------------------- */


/* [ 00.Web Font] --------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,600');
/*
font-family: 'Montserrat', sans-serif;
*/



/* [ 01.全般的な設定 & リセット] ------------------------ */
html{
	height: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
	height: 100%;
	margin: 0;
	font-family: "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #232323;
	font-size: 13px;
	line-height: 1.5em;
	background-color: #fff;
	letter-spacing: 1px;
}

img{
	max-width : 100%;  /* フルードイメージ */
	height: auto;
	vertical-align: bottom;
}

p{
	text-align:justify;
	text-justify:inter-ideograph;
}

li{
	list-style: none;
}


/* WordPress 記事内の画像レイアウト */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }


a{
	outline:none;  /* フォーカス時の点線を消す */
	text-decoration: none;
}
*:focus {
	outline: none; /* chromeで青い線が入るのを防ぐ */
}


a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #E50019; }
a:active { color: #000; }


.txt-c{ text-align: center !important; }
.txt-r{ text-align: right !important; }
.txt-l{ text-align: left !important; }

.full-wrapper,
.main-wrapper1150,
.main-wrapper1250,
.main-wrapper1350{
	box-sizing: border-box;
	padding: 0 3%;
}

.white-wrapper{
	padding: 75px 0;
	background-color: #fff;
}
.gray-wrapper{
	padding: 75px 0;
	background-color: #f7f7f7;
}


/* PC用の改行を無効に */
.br-pc {
	display: none;
}
/* スマホ時 非表示テキスト */
.hide-sp {
	display: none;
}
/* PCのみ表示 */
.pc-show{
	display: none;
}
	
/* マージン */
.mg-b0  { margin-bottom:  0px !important; }
.mg-b20 { margin-bottom: 10px !important; }
.mg-b25 { margin-bottom: 12px !important; }
.mg-b30 { margin-bottom: 15px !important; }
.mg-b40 { margin-bottom: 20px !important; }
.mg-b50 { margin-bottom: 25px !important; }
.mg-b100{ margin-bottom: 50px !important; }
.mg-t25 { margin-top: 12px !important; }
.mg-t50 { margin-top: 25px !important; }
.mg-t100{ margin-top: 50px !important; }
.mg-t-head{ margin-top: 30px !important; }



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



/* [ 02.ヘッダ ] ---------------------------------------- */
header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 40px;
	background-color: #000;
	z-index: 200;
}

#head{
	position: relative;
	box-sizing: border-box;
	padding: 13px 10px;
}



#head-logo{
	width: 250px;
	height: 14px;
}
#head-logo h1{
	width: 110px;
}
#head-logo h1,
#head-logo p{
	float: left;
	display: inline-block;
	line-height: 1;
}
#head-logo p{
	line-height: 14px;
	font-size: 11px;
	color: #fff;
	margin-left: 15px;
	vertical-align: bottom;
}

#head-logo img{
	width: 110px;
	height: 14px;
}

/* ハンバーガーメニュー */

#header-navbtn{
	box-sizing: border-box;
	padding: 6px 0 0 0;
	width: 26px;
	height: 34px;
	position: absolute;
	right: 15px;
	top: 0;
}
.hamburger-label{
	display: none;
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}


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



/* [ 03.ナビ ]------------------------------------------- */
/* 全画面メニュー */
#gnav{
	opacity: 0;
	visibility: hidden;
	
	display: flex;
	justify-conent: center;
	align-items: center;
	
	z-index: -1;
	position: fixed;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	
	box-sizing: border-box;
	padding: 60px 30px 40px;
	width: 100%;
	background-color: #000;
	transition: all 300ms 0s ease;
	
	
	color:#fff;
}
#gnav.active{
	opacity: 100;
	visibility: visible;
}

#gnav a{
	color: #fff !important;
}
#gnav-wrapper{
	width: 250px;
	margin: auto;
}
#gnav1{
	margin-bottom: 30px;
}
#gnav1 li:not(:last-child){
	border-bottom: 1px dotted #999;
}
#gnav1 li{
	position: relative;
	padding: 15px 20px 15px 70px;
	height: 31px;
	font-size: 16px;
}
#gnav1 li span{
	display: block;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
#gnav1 li::before{
	position: absolute;
	top: 15px;
	left: 20px;
	content: "";
	width: 34px;
	height: 31px;
	background-size: 34px 31px;
	background-image: url('img/nav-icon.svg');
}
#gnav-about{
	margin-bottom: 30px;
	text-align: center;
}
#gnav-about a{
	color: #7C7C7C !important;
}
#gnav-tel{
	text-align: center;
	line-height: 13px;
}
#gnav-tel a{
	display: inline-block;
	padding: 2px 15px;
	border: 1px solid #fff;
	line-height: 1.6;
}
#gnav-tel span::before{
	display: inline-block;
	margin-right: 10px;
	content: "";
	width: 13px;
	height: 13px;
	background-size: 13px 13px;
	background-image: url('img/tel-icon.svg');
	background-position: bottom;
	background-repeat: no-repeat;
}





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


/* [ 04.コンテンツ ]------------------------------------- */

/*■共通
---------------------------------------*/
#container{
	margin-top: 190px;
	background-color: #fff;
}
.container-top{
	margin-top: 0 !important;
}

/* ローディング */
#container{
	opaicty: 0;
}
#container.disp{
	opaicty: 1;
}
#loading{
	width: 100%;/*100%で全画面表示*/
	height: 100%;/*100%で全画面表示*/
	background: #232d3d;/*背景色*/
	background: #000;/*背景色*/
	position: fixed;
	top: 0;/*画面上部からの位置*/
	left: 0;/*画面左部からの位置*/
	z-index: 1000;/*レイヤー(この他にpositionを使用していない場合は不要)*/
}
/* ローダー アニメーション */

.loader{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.loader img{
	width: 80px;
	height: auto;
}

/* h2 */
.h2title{
	position: relative;
	margin-bottom: 30px;
	text-align: center;
/*	font-size: 28px;*/
	font-size: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1;
}
.h2title span{
	display: block;
	margin: 35px auto 0 auto;
	color: #989898;
	font-size: 13px;
	font-family: "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}

.h2title::after{
	position: absolute;
	display: block;
	content: "";
	margin: auto;
	top: 34px;
	left: 0;
	right: 0px;
	width: 2px;
	height: 20px;
	background-color: #000;
}



/* サブページヘッダー */
#sub-head{
	position: fixed;
	top: 40px;
	width: 100%;
	height: 150px;
	background-image: url('img/about-head.jpg');
	background-position: center center;
	background-size: cover;
	z-index: -1;
}
.sub-head-about   { background-image: url('img/about-head.jpg') !important; }
.sub-head-product { background-image: url('img/product-head.jpg') !important; }
.sub-head-original{ background-image: url('img/original-head.jpg') !important; }
.sub-head-partners{ background-image: url('img/partners-head.jpg') !important; }
.sub-head-contact { background-image: url('img/contact-head.jpg') !important; }
.sub-head-news    { background-image: url('img/news-head.jpg') !important; }
.sub-head-privacy { background-image: url('img/privacy-head.jpg') !important; }





#sub-head p{
	display: flex;
	align-items: center;
	height: 150px;
}
#sub-head p span{
	display: inline-block;
	padding: 20px 40px;
	background-color: #fff;
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 20px;
}

/* 白色ブロック */
.white-block{
	margin: 0 10px;
	background-color: #fff;
	padding: 8%;
}

/* 表組み */
.tbl-main{
	box-sizing: border-box;
	width: 100%;
	line-height: 1.8;
}
.tbl-main tr{
	border-top: 1px solid #9B9B9B;
}
.tbl-main tr:last-child{
	border-bottom: 1px solid #9B9B9B;
}
.tbl-main th{
	display: block;
	padding: 20px 0 10px 0;
	text-align: left;
}
.tbl-main td{
	display: block;
	padding: 0 0 20px 0;
}

/* ボタン */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
.btn{
	display: inline-block;
	background: #000;
	color: #fff;
}
.btn a{
	display: block;
	padding: 12px 30px;
	color: #fff !important;
}
.formbtn{
	display: inline-block;
	padding: 12px 30px;
	background: #000;
	color: #fff;
	border: none;
}
span.map-icon::before{
	content: "";
	display: inline-block;
	margin-right: 1em;
	width: 30px;
	height: 25px;
	background-size: 30px 23px;
	background-image: url('img/map-icon.svg');
	background-position: top;
	background-repeat: no-repeat;
	vertical-align: middle;
}




/* ページャー */
#pgr{
	margin: 0 auto;
	text-align: center;
}
.page-numbers{
	display: inline-block;
	padding: 10px 16px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	letter-spacing: 0;
	font-size: 14px;
}
.page-numbers:last-child{
	border-right: 1px solid #aaa;
}
.current{
	background-color: #000;
	color: #fff;
}

/* リードテキスト */
.main-reed{
	margin-bottom: 20px;
	line-height: 180%;
}



/* ■トップページ
---------------------------------------*/
/* スライダー */
#topslide-sp{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('img/slide-sp2026.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}
/* スライダー */
#topslide{
	position: relative;
	width: 100%;
	height: 285px;
	transform: rotate(0.0001deg); /* IEにてCSSアニメーションがカクカクする対策 ⇒ この記述によりGPUにて処理を行う */
}
.topscroll{
	position: absolute;
	display: block;
	margin: 0 auto;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 48px;
	height: 62px;
	z-index: 10;
}
.topscroll img{
	width: 48px;
	height: 62px;
}
.toptxt{
	position: absolute;
	display: block;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 305px;
	height: 133px;
}


/* スマホ時スクロール */
.scroll{
	overflow: auto; /*tableをスクロールさせる*/
	white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
	height: 3px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
	background: #fcfcfc;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
	background: #e0e0e0;
}

/* OUR CONCEPT & OUR COMPANY*/
#top-reed-inner1,
#top-reed2-inner1{
	padding: 40px 5%;
}
#top-reed-inner2,
#top-reed2-inner2{
	padding: 40px 5%;
	background-color: #E2E9ED;
}
#top-reed2-inner2{
	background-color: #F7F7F7;
}
.t1{
	margin-bottom: 25px;
	font-size: 18px;
	color: #A0A0A0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
.t2{
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.t2 span{
	display: block;
	margin-top: 15px;
	font-size: 20px;
	font-weight: normal;
}

/* 新着情報一覧 */
#news-list,
#news-list2{
	display: flex;
	flex-wrap: wrap;
}
#news-list li,
#news-list2 li{
	margin-right: 3%;
	margin-bottom: 30px;
	padding-bottom: 20px;
	width: 48.5%;
	border-bottom: 1px solid #333;
}
#news-list li:nth-child(2n),
#news-list2 li:nth-child(2n){
	margin-right: 0;
}
#news-list img,
#news-list2 img{
	margin-bottom: 15px;
}
#news-list p.news-list-date
#news-list2 p.news-list-date,{
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: #7f7f7f;
}
#news-list p.news-list-title,
#news-list2 p.news-list-title{
	font-size: 12px;
}


/* 商品カテゴリ一覧 */
#product-list{
	display: flex;
	flex-wrap: wrap;
}
#product-list li{
	margin-right: 3%;
	margin-bottom: 30px;
	padding-bottom: 20px;
	width: 48.5%;
	text-align: center;
}
#product-list li:nth-child(2n){
	margin-right: 0;
}
#product-list li:nth-last-child(-n+2){
	margin-bottom: 0;
	padding-bottom: 0;
}
#product-list img{
	margin-bottom: 15px;
}
.product-list-txt{
	text-align: center;
	line-height: 1;
	font-size: 100%;
}
.product-list-txt2{
	margin-top: 12px;
	letter-spacing: 1px;
}
#product-list p span{
	display: block;
	
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px solid #000;
	
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
#news-list p.news-list-title{
	font-size: 12px;
}



/* ■カテゴリページ
---------------------------------------*/
/* カテゴリ内商品一覧 */
#cate-list{
	display: flex;
	flex-wrap: wrap;
}
#cate-list li{
	margin-right: 3%;
	margin-bottom: 30px;
	width: 48.5%;
	text-align: center;
}
#cate-list li:nth-child(2n){
	margin-right: 0;
}
#cate-list li:nth-last-child(-n+2){
	margin-bottom: 0;
	padding-bottom: 0;
}
.product-img-box{
	position: relative;
	box-sizing: border-box;
	margin-bottom: 13px;
	padding: 15px;
	background-color: #fff;
}
.product-img-box2 > div{
/*	position: relative; */
	box-sizing: border-box;
	margin-bottom: 13px;
	padding: 15px;
	background-color: #fff;
}
/* ブランドロゴ */
div.brand-ab::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 100px;
	height: 20px;
	background-size: 100px 20px;
	background-image: url('img/logo_arbalena.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-nv::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 36px;
	height: 20px;
	background-size: 36px 20px;
	background-image: url('img/logo_nuvile.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-rv::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 91px;
	height: 20px;
	background-size: 91px 20px;
	background-image: url('img/rv.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-cb::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 105px;
	height: 20px;
	background-size: 105px 20px;
	background-image: url('img/cb.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-vc::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 136px;
	height: 20px;
	background-size: 136px 20px;
	background-image: url('img/vc.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-sg::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 104px;
	height: 20px;
	background-size: 104px 20px;
	background-image: url('img/logo_sg.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-sk::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 47px;
	height: 20px;
	background-size: 47px 20px;
	background-image: url('img/sk.png');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-ta::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 60px;
	height: 20px;
	background-size: 60px 20px;
	background-image: url('img/logo_tailored.svg');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-to::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 76px;
	height: 20px;
	background-size: 76px 20px;
	background-image: url('img/logo_tonical.svg');
	background-position: bottom;
	background-repeat: no-repeat;
}
div.brand-tatamel::after{
	position: absolute;
	bottom: 7px;
	right: 7px;
	content: "";
	width: 100px;
	height: 18px;
	background-size: 100px 18px;
	background-image: url('img/logo_tatamel.svg');
	background-position: bottom;
	background-repeat: no-repeat;
}

.cate-list-num{
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border-bottom: 1px solid #000;
	letter-spacing: 0;
}
.cate-list-num span{
	position: absolute;
	top: 1px;
	right: 0;
	display: inline-block;
	padding: 0 7px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	line-height: 1.5;
}
span.ladys-icon { background-color: #E84E69; }
span.mens-icon  { background-color: #4F5593; }
span.unisex-icon{ background-color: #15A08E; }
span.kids-icon  { background-color: #FAC100; }

.cate-list-name{
	position: relative;
	font-size: 11px;
	line-height: 1.5
}
.cate-list-color{
	margin-top: 12px;
	letter-spacing: 0;
	font-size: 10px;
	line-height: 1.5;
	color: #666;
}



/* ■商品詳細 ページ
---------------------------------------*/
#detail-box-img{
	margin-bottom: 40px;
}
#detail-box-info{
	margin-bottom: 30px;
}
.detail-num{
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border-bottom: 1px solid #000;
}
.detail-num span{
	position: absolute;
	top: 1px;
	right: 0;
	display: inline-block;
	padding: 0 7px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	line-height: 1.5;
}
.detail-name{
	margin-bottom: 30px;
}

#detail-list li{
	padding: 10px 0;
	border-top: 1px dotted #9b9b9b;
}
#detail-list li:last-child{
	border-bottom: 1px dotted #9b9b9b;
}
#detail-list li span{
	font-weight: bold;
}



/* ■プライバシーポリシー
---------------------------------------*/
.sub-reed{
	margin-bottom: 35px;
}
#privacy-list{
	padding-top: 35px;
	border-top: 1px solid #000;
}
#privacy-list li:not(:last-child){
	margin-bottom: 45px;
}
#privacy-list li h3{
	font-size: 14px;
	margin-bottom: 15px;
}



/* ■お問い合わせページ
---------------------------------------*/
#contact-reed{
	margin-bottom: 40px;
}
#contact-reed-t{
	margin-bottom: 20px;
}
#contact-privacy a:not(:hover){
	color: #9b9b9b;
}
#tel-box{
	margin-bottom: 40px;
}
.contact-title{
	display: block;
	box-sizing: border-box;
	padding: 10px 0;
	margin: 0 auto 25px auto;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background-color: #E2E9ED;
}
.contact-tel1{
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
}
.contact-tel1 span{
	display: inline-block;
	margin-left: 5px;
	font-size: 25px;
}
.contact-tel2{
	text-align: center;
	font-size: 14px;
}
/* フォーム */
.tbl-contact{
	margin: 30px 0 0 0;
	width: 100%;
}
.tbl-contact th{
	position: relative;
	box-sizing: border-box;
	display: block;
	margin: 0 0 15px 0;
	padding: 6px 0;
	width: auto;
	letter-spacing: 0.1em;
	font-weight: normal;
	color: #fff;
	background-color: #989898;
	border-radius: 5px;
	text-align: center;
}
.tbl-contact th span{
	position: absolute;
	right: 10px;
	display: inline-block;
	padding: 0 10px;
	background-color: #DD3E3E;
	float: right;
	font-size: 12px;
}
.tbl-contact td{
	display: block;
	width: 100%;
	line-height: 130%;
	margin-bottom: 20px;
}

.tbl-contact input,
.tbl-contact textarea{
	box-sizing: border-box;
	margin: 5px 0;
	padding: 8px;
	font-size: 1.3em;
	outline: 0; /* デフォルト装飾を無効に */
	border: solid 1px #989898;
	letter-spacing: 1px;
}
.full{
	width: 100%;
}
.tbl-contact input:focus,
.tbl-contact textarea:focus {
	box-sizing: border-box;
	outline: 0; /* デフォルト装飾を無効に */
	border:solid 1px #DE7280;
	background: #FAEBED;
}
::placeholder {
	color: #CCC;
	font-weight: normal;
}

/* ■販売パートナー募集 ページ
---------------------------------------*/
#partners-list{
	margin-bottom: 50px;
}


#partners-list li{
	margin-bottom: 30px;
	border-bottom: 1px solid #333;
}
#partners-list img{
	margin-bottom: 15px;
}
p.partners-list-title{
	margin-bottom: 10px;
	text-align: center;
	font-size: 15px;
	color: #7f7f7f;
}
p.partners-list-txt{
	margin-bottom: 20px;
}


/* ■オリジナル傘制作 ページ
---------------------------------------*/
#caution-list li{
	position: relative;
	box-sizing: border-box;
	padding-left: 1.5em;
	color: #9b9b9b;
	line-height: 1.8;
}
#caution-list li span::before{
	position: absolute;
	display: block;
	left: 0;
	width: 1.5em;
	content: "※ ";
}
/* 流れ */
#flow-list li:not(:last-child){
	margin-bottom: 30px;
}
.flow-num{
	position: relative;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 20px 0;
	background-color: #1B7D69;
	color: #fff;
	text-align: center;
	border-radius: 10px;
}
.flow-num::before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #1B7D69;
}


/* ■新着情報 詳細 ページ
---------------------------------------*/
/* MCEエディタと同じ内容にする（詳細は管理画面用CSS参照：editor-style.css） */
#news-content p{
	margin-bottom: 25px;
	line-height: 180%;
}
#news-content img{
	margin-bottom: 25px;
}
#news-content h2{
	position: relative;
	margin-bottom: 20px;
	padding: 0.6em;
	background: #000;
	color: #fff;
}
#news-content h2:after{
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 10px solid transparent;
	border-top: 10px solid #000;
	width: 0;
	height: 0;
}
/* ----- */









/* ■共通アニメーション
---------------------------------------*/




/* ■404エラー
---------------------------------------*/
.error404{
	padding: 150px 0;
}
.error404 h1{
	margin-bottom: 20px;
	font-size: 150%;
}
.error404 h1,
.error404 p{
	text-align: center;
}

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




/* [ 05.フッター ]--------------------------------------- */
footer{
	padding: 50px 30px 20px 30px;
	background-color:#000;
}
#footer-logo{
	margin-bottom: 15px;
	width: 191px;
	height: 25px;
}
#footer-name{
	font-size: 15px;
	line-height: 1;
	color: #fff;
}
#footer-reed{
	margin-top: 30px;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 2;
	color: #fff;
}
#footer-address{
	margin-top: 50px;
	margin-bottom: 60px;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 1.7;
	color: #fff;
}
#footer-address span{
	display: block;
	font-weight: bold;
}
#footer-address a{
	color: #fff;
}

/* フッターリンク */
#footer2{
	display: none;
}
/* COPYRIGHT */
#copy{
	margin: 50px 0 0 0;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}


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



/* [ 07.フォント ] -------------------------------------- */

.txt-red{
	color: #E50019 !important;
}

.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.under-line{
	background: linear-gradient(transparent 70%, #FFF697 70%);
}

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




/* [ 08.テーブル ] -------------------------------------- */

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




/* [ 09.clearfix ] -------------------------------------- */

.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

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




/* [ 10.ContactForm7 上書き ] ---------------------------- */

span.wpcf7-list-item {
	display: block;
}
/* 入力エラー内容 */
.wpcf7-not-valid-tip{
	padding: 2px 0 10px 0;
	color: #c80000;
}
/* 入力エラーメッセージ */
div.wpcf7-validation-errors{
	border: 0 ;
	background: #c80000;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
/* 送信成功メッセージ */
.wpcf7-mail-sent-ok{
	margin: 40px 0 100px !important;
	border: 0 !important;
	background: #aaaaaa;
	padding: 10px !important;
	text-align: center;
	font-weight: bold;
	
}
/* 送信完了後非表示に */
.sent .contact-input-area{
	display: none;
}
/* 問い合わせページ以外recaptcha非表示に */
body:not(.has-form) .grecaptcha-badge {
  visibility: hidden;
}

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



/* ########### 600px以上 (tablet) ########### */
@media (min-width: 600px) {
	
	/* ■トップページ
	--------------------------------------------*/
	/* 商品カテゴリ一覧 */
	#product-list li{
		margin-right: 3.5%;
		width: 31%;
	}
	#product-list li:nth-child(2n){
		margin-right: 3.5%;
	}
	#product-list li:nth-child(3n){
		margin-right: 0;
	}
	#product-list li:nth-last-child(-n+3){
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	/* ■カテゴリページ
	---------------------------------------*/
	/* カテゴリ内商品一覧 */
	#cate-list li{
		margin-right: 3.5%;
		width: 31%;
	}
	#cate-list li:nth-child(2n){
		margin-right: 3.5%;
	}
	#cate-list li:nth-child(3n){
		margin-right: 0;
	}
	#cate-list li:nth-last-child(-n+3){
		margin-bottom: 0;
		padding-bottom: 0;
	}
}




/* ########### 900px未満 ########### */
@media (max-width: 899px){
	/* SP非表示 */
	.sp-hide{
		display: none !important;
	}
	.cate-list-num {
		padding-right: 50px;
	}
}




/* ########### 900px以上 ########### */
@media (min-width: 900px) {
	
	body {
		font-size: 15px;
		
		min-width: 1100px;
	}
	
	/* PCのみ隠す */
	.pc-hide{
		display: none !important;
	}
	/* PCのみ表示 */
	.pc-show{
		display: inherit;
	}
	
	/* スマホ時 非表示テキスト */
	.hide-sp {
		display: inherit;
	}
	/* マージン */
	.mg-b20 { margin-bottom: 20px !important; }
	.mg-b25 { margin-bottom: 25px !important; }
	.mg-b30 { margin-bottom: 30px !important; }
	.mg-b40 { margin-bottom: 40px !important; }
	.mg-b50 { margin-bottom: 50px !important; }
	.mg-b100{ margin-bottom: 100px !important; }
	.mg-t25 { margin-top: 25px !important; }
	.mg-t50 { margin-top: 50px !important; }
	.mg-t100{ margin-top: 100px !important; }
	.mg-t-head{ margin-top: 100px !important; }
	
	
	/* PC用の改行を有効に */
	.br-pc {
		display: inline;
	}
	/* スマホ用の改行を無効に */
	.br-sp {
		display: none;
	}
	.pc-center{
		text-align: center;
	}
	
	.flt-l{ float: left; }
	.flt-r{ float: right; }
	
	
	/* ■共通
	-----------------------------------*/
	.loader img{
		width: 120px;
	}
	
	#container{
		margin-top: 452px;
	}
	.container-top{
		margin-top: 0 !important;
	}
	.full-wrapper{
		box-sizing: border-box;
		width: 100%;
		padding: 0 30px;;
		margin-bottom: 100px;
	}
	.main-wrapper1150{
		width: 1150px;
		margin: 0 auto;
		padding: 0;
	}
	.main-wrapper1250{
		width: 1250px;
		margin: 0 auto;
		padding: 0;
	}
	.main-wrapper1350{
		width: 1350px;
		margin: 0 auto;
		padding: 0;
	}
	
	.white-wrapper,
	.gray-wrapper{
		padding: 100px 0;
	}
	
	/* h2 */
	.h2title{
		margin-bottom: 45px;
		font-size: 38px;
	}
	.h2title span{
		margin: 40px auto 0 auto;
		font-size: 14px;
	}
	.h2title::after{
		top: 45px;
		left: 0;
		right: 0px;
		width: 2px;
		height: 20px;
	}
	
	
	
	/* サブページヘッダー */
	#sub-head{
		top: 52px;
		height: 400px;
	}
	#sub-head p{
		position: relative;
		display: block;
		margin: 0 auto;
		width: 1250px;
		height: 400px;
	}
	#sub-head p span{
		position: absolute;
		bottom: 0;
		left: 0;
		
		padding: 25px 40px;
		background-color: #fff;
		
		font-size: 38px;
	}
	
	
	
	/* 白色ブロック */
	.white-block{
		margin: 0;
		padding: 100px;
	}
	
	/* 表組み */
	.tbl-main th{
		display: table-cell;
		padding: 25px 0;
		text-align: left;
		font-weight: normal;
		min-width: 250px;
	}
	.tbl-main td{
		display: table-cell;
		padding: 25px 0;
	}
	
	/* ボタン */
	.btn a{
		padding: 18px 50px;
	}
	.formbtn{
		padding: 18px 50px;
		font-size: inherit;
	}
	
	
	
	
	
	/* ■ヘッダー
	-----------------------------------*/
	header{
		padding: 30px 0;
		min-width: 1100px;
		height: 22px;
		transition: 0.3s ease-in-out;
	}
	
	header.scrolldown{
		padding: 15px 0;
		opacity: 0.9;
	}
	#head{
		padding: 0 50px;
	}
	#head-logo{
		width: 300px;
		height: 22px;
	}
	#head-logo h1{
		width: 134px;
	}
	#head-logo img{
		width: 134px;
		height: 22px;
	}
	#head-logo p{
		line-height: 29px;
	}
	
	/* ハンバーガーメニュー */
	#header-navbtn{
		box-sizing: border-box;
		padding: 0;
		width: 120px;
		height: 30px;
		position: absolute;
		right: 0;
		top: -4px;
	}
	.hamburger-label{
		display: block;
		width: 50px;
		margin-top: 10px;
		float: left;
		line-height: 1;
		font-size: 10px;
		color: #fff;
		text-align: left;
		letter-spacing: 2px;
	}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		
		width: 26px;
		height: 2px;
		background-color: #fff;
	}
	.hamburger-box{
		width: 26px;
	}
	.hamburger-inner::before {
		top: -7px;
	}
	.hamburger-inner::after {
		bottom: -7px;
	}
	
	
	
	
	
	
	/* 全画面メニュー */
	#gnav{
		padding: 60px 30px 40px;
	}
	
	#gnav-wrapper{
		display: flex;
		align-items: center;
		flex-direction: row-reverse; /* 並び順を逆に */
		justify-content: space-between;
		width: 730px;
		height: 460px;
	}
	#gnav1{
		margin-bottom: 0;
	}
	#gnav1 li:not(:last-child){
		margin-bottom: 10px;
		border-bottom: none;
	}
	#gnav1 li{
		position: relative;
		padding: 15px 0 15px 70px;
		font-size: 18px;
	}
	#gnav1 li span{
		font-size: 12px;
	}
	#gnav1 li::before{
		top: 15px;
		left: 20px;
	}
	
	#gnav2{
		box-sizing: border-box;
		width: 400px;
		height: 460px;
		border-right: 1px solid #fff;
		text-align: center;
		
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	#gnav2-inner{
		padding: 0 100px 0 0;
	}
	#gnav-logo{
		margin-bottom: 25px;
		width: 300px;
		text-align: center;
	}
	#gnav-logo img{
		width: 164px;
		height: 22px;
	}
	#gnav-logo p{
		margin-left: 20px;
		display: inline-block;
		font-size: 13px;
		line-height: 12px;
		vertical-align: bottom;
	}
	
	
	#gnav-about{
		margin-bottom: 110px;
	}
	#gnav-about a{
		color: #7C7C7C !important;
	}
	#gnav-about a:hover{
		color: #fff !important;
	}
	#gnav-tel{
		margin-bottom: 33px;
		text-align: center;
		line-height: 15px;
		font-size: 15px;
	}
	#gnav-tel a{
		padding: 2px 15px;
	}
	#gnav-tel span::before{
		display: inline-block;
		margin-right: 5px;
		content: "";
		width: 13px;
		height: 13px;
		background-size: 13px 13px;
		background-image: url('img/tel-icon.svg');
		background-position: bottom;
		background-repeat: no-repeat;
	}
	
	/* ■フッター
	-----------------------------------*/
	footer{
		position: relative;
		display: flex;
		justify-content: space-between;
		padding: 100px 50px;
	}
	#footer-logo{
		margin-bottom: 15px;
		width: 191px;
		height: 25px;
	}
	#footer-name{
		font-size: 15px;
		line-height: 1;
		color: #fff;
	}
	#footer-reed{
		margin-top: 30px;
		font-size: 15px;
		letter-spacing: inherit;
	}
	#footer-address{
		font-size: 15px;
		letter-spacing: inherit;
	}
	
	/* フッターリンク */
	#footer2{
		display: flex;
		justify-content: space-between;
		padding: 30px 0 30px 50px;
		width: 450px;
		border-left: 1px solid #fff;
	}
	#footer1 a,
	#footer2 a{
		color: #fff;
	}
	#footer1 a:hover,
	#footer2 a:hover{
		color: #E50019;
	}
	#footer-nav1,
	#footer-nav2{
		line-height: 1.8;
	}
	#footer-nav2 li:not(:first-child){
		padding-left: 1em;
	}
	/* COPYRIGHT */
	#copy{
		position: absolute;
		
		bottom: 100px;
		left: 50px;
		text-align: left;
	}
	

	
	
	
	
	/* ■トップページ
	-----------------------------------*/
	/* スライダー */
	#topslide{
		display: block;
		min-width: 1100px;
		height: 1000px;
	}
	#topslide-sp{
		display: none;
	}
	.toptxt{
		padding-top: 100px;
		width: 540px;
		height: 226px;
	}
	
	
	/* OUR CONCEPT & OUR COMPANY*/
	#top-reed{
		position: relative;
		padding: 100px 0;
	}
	#top-reed::after{
		content: "";
		position: absolute;
		top: 0;
		left: 39.25%;
		display: block;
		width: 60.75%;
		height: 100%;
		background-color: #E2E9ED;
		z-index: auto;
	}
	#top-reed-inner{
		display: flex;
		width: 1150px;
		margin: 0 auto;
	}
	#top-reed-inner1,
	#top-reed2-inner1,
	#top-reed-inner2,
	#top-reed2-inner2{
		padding: 0;
		background-color: transparent;
		z-index: 10;
	}
	
	#top-reed-inner1{
		width: 620px;
	}
	#top-reed-inner2{
		width: 530px;
	}
	#top-reed-inner1 .t1{
		margin-bottom: 50px;
		font-size: 25px;
	}
	#top-reed-inner1 .t2{
		padding-left: 50px;
		font-size: 38px;
	}
	#top-reed-inner1 .t2 span,
	#top-reed2-inner .t2 span{
		margin-top: 25px;
		font-size: 23px;
	}
	#top-reed-inner2 p{
		font-size: 16px;
		line-height: 2;
	}
	
	#top-reed2{
		padding: 100px 0;
		background-color: #F7F7F7;
		
	}
	#top-reed2-inner{
		position: relative;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 80px 90px;
		width: 1150px;
		background-color: #fff;
	}
	#top-reed2-inner1,
	#top-reed2-inner2{
		width: 550px;
	}
	#top-reed2-inner1 .t1{
		margin-bottom: 50px;
		font-size: 25px;
		text-align: center;
	}
	#top-reed2-inner1 .t2{
		margin-bottom: 70px;
		font-size: 38px;
		text-align: center;
	}
	.shadow{
		box-shadow: 0px 20px 80px 10px #dadada;
	}
	#top-reed2-inner2 p{
		font-size: 16px;
		line-height: 2;
	}
	
	#top-reed2-img{
		position: absolute;
		top: -30px;
		right: -45px;
		width: 42%;
	}
	
	
	/* 新着情報一覧 */
	#news-list li,
	#news-list2 li{
		margin-right: 50px;
		margin-bottom: 0;
		padding-bottom: 30px;
		width: 350px;
	}
	
	#news-list li{
		margin-bottom: 0;
	}
	#news-list2 li{
		margin-bottom: 45px;
	}
	
	#news-list li:nth-child(2n),
	#news-list2 li:nth-child(2n){
		margin-right: 50px;
	}
	#news-list li:nth-child(3n),
	#news-list2 li:nth-child(3n){
		margin-right: 0;
	}
	#news-list li:nth-child(4){
		display: none;
	}
	#news-list img,
	#news-list2 img{
		margin-bottom: 20px;
	}
	#news-list a,
	#news-list2 a{
		display: block;
		height: 100%;
	}
	#news-list p.news-list-date,
	#news-list2 p.news-list-date{
		margin-bottom: 13px;
		font-size: 13px;
	}
	#news-list p.news-list-title,
	#news-list2 p.news-list-title{
		font-size: inherit;
	}
	
	
	/* 商品カテゴリ一覧 */
	#product-list li{
		margin-bottom: 40px;
		margin-right: calc(168px / 3);
		width: 270px;
	}
	#product-list li:nth-child(2n){
		margin-right: calc(168px / 3);
	}
	#product-list li:nth-child(3n){
		margin-right: calc(168px / 3);
	}
	#product-list li:nth-child(4n){
		margin-right: 0;
	}
	#product-list li:nth-last-child(-n+4){
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#product-list li img{
		margin-bottom: 25px;
	}
	.product-list-txt2{
		margin-top: 20px;
	}
	
	
	
	/* ■カテゴリページ
	---------------------------------------*/
	/* カテゴリ内商品一覧 */
	#cate-list li{
		margin-bottom: 40px;
		margin-right: 50px;
		width: 350px;
	}
	#cate-list li:nth-child(2n){
		margin-right: 50px;
	}
	#cate-list li:nth-child(3n){
		margin-right: 0;
	}
	.product-img-box{
		margin-bottom: 25px;
		padding: 20px;
	}
	.product-img-box2 > div{
		margin-bottom: 25px;
		padding: 20px;
	}
	/* ブランドロゴ */
	div.brand-ab::after{
		bottom: 10px;
		right: 10px;
		width: 150px;
		height: 30px;
		background-size: 150px 30px;
	}
	div.brand-nv::after{
		bottom: 10px;
		right: 10px;
		width: 47px;
		height: 30px;
		background-size: 47px 30px;
	}
	div.brand-rv::after{
		bottom: 10px;
		right: 10px;
		width: 136px;
		height: 30px;
		background-size: 136px 30px;
	}
	div.brand-cb::after{
		bottom: 10px;
		right: 10px;
		width: 157px;
		height: 30px;
		background-size: 157px 30px;
	}
	div.brand-vc::after{
		bottom: 10px;
		right: 10px;
		width: 204px;
		height: 30px;
		background-size: 204px 30px;
	}
	div.brand-sg::after{
		bottom: 10px;
		right: 10px;
		width: 155px;
		height: 30px;
		background-size: 155px 30px;
	}
	div.brand-sk::after{
		bottom: 10px;
		right: 10px;
		width: 71px;
		height: 30px;
		background-size: 71px 30px;
	}
	div.brand-tailored::after{
		bottom: 10px;
		right: 10px;
		width: 90px;
		height: 30px;
		background-size: 90px 30px;
	}
	
	.cate-list-num{
		margin-bottom: 10px;
		font-size: 23px;
		letter-spacing: 1px;
	}
	.cate-list-num span{
		top: 3px;
	}
	.cate-list-name{
		font-size: 14px;
		line-height: 1.5
	}
	.cate-list-color{
		margin-top: 12px;
		letter-spacing: 0;
		font-size: 11px;
		line-height: 1.5;
		color: inherit;
	}
	
	
	
	/* ■商品詳細 ページ
	---------------------------------------*/
	#detail-box{
		display: flex;
		justify-content: space-between;
	}
	#detail-box-img{
		margin: 0;
		width: 600px;
	}
	#detail-box-info{
		margin: 0;
		width: 475px;
	}
	.detail-num{
		margin-bottom: 10px;
		padding-bottom: 15px;
		font-size: 26px;
	}
	.detail-num span{
		top: 4px;
	}
	.detail-name{
		margin-bottom: 55px;
		font-size: 14px;
		line-height: 1.5
	}
	
	
	/* ■プライバシーポリシー
	---------------------------------------*/
	.sub-reed{
		margin-bottom: 70px;
		text-align: center;
	}
	#privacy-list{
		padding-top: 70px;
	}
	#privacy-list li:not(:last-child){
		margin-bottom: 70px;
	}
	#privacy-list li h3{
		font-size: 18px;
		margin-bottom: 30px;
	}
	#privacy-list li p{
		box-sizing: border-box;
		padding-left: 2.5em;
	}
	
	
	
	
	/* ■お問い合わせページ
	---------------------------------------*/
	#contact-reed{
		margin-bottom: 80px;
	}
	#contact-reed-t{
		margin-bottom: 20px;
	}
	#tel-box{
		margin-bottom: 80px;
	}
	.contact-title{
		padding: 10px 0;
		margin: 0 auto 45px auto;
		width: 420px;
		font-size: 18px;
	}
	.contact-tel1{
		margin-bottom: 10px;
		text-align: center;
		font-size: 16px;
	}
	.contact-tel1 span{
		display: inline-block;
		margin-left: 10px;
		font-size: 50px;
	}
	.contact-tel2{
		text-align: center;
		font-size: 14px;
	}
	.form-reed{
		text-align: center;
		margin-bottom: 50px;
	}
	/* お問い合わせフォーム */
	.tbl-contact{
		margin: 0 0 30px;
		width: 100%;
	}
	.tbl-contact tr{
		border-top: 1px solid #9b9b9b;
	}
	.tbl-contact tr:last-child{
		border-bottom: 1px solid #9b9b9b;
	}
	.tbl-contact th{
		display: table-cell;
		padding: 15px 0;
		width: 260px;
		text-align: left;
		vertical-align: middle;
		background: #fff;
		color: #000;
		border-radius: 0;
	}
	.tbl-contact th span{
		color: #fff;
	}
	.tbl-contact td{
		display: table-cell;
		box-sizing: border-box;
		padding: 15px 0 15px 70px;
		width: auto;
	}
	
	
	/* ■販売パートナー募集 ページ
	---------------------------------------*/
	#partners-list{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 100px;
	}
	
	#partners-list li{
		margin-right: 45px;
		margin-bottom: 0;
		padding-bottom: 30px;
		width: 320px;
	}
	#partners-list li:nth-child(3n){
		margin-right: 0;
	}
	#partners-list img{
		margin-bottom: 22px;
	}
	
	p.partners-list-title{
		margin-bottom: 15px;
		font-size: 17px;
	}
	p.partners-list-txt{
		font-size: inherit;
	}
	
	
	/* ■オリジナル傘制作 ページ
	---------------------------------------*/
	#caution-list li{
		text-align: center;
	}
	#caution-list li span::before{
		position: inherit;
		display: inline;
	}
	/* 流れ */
	#flow-list li{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#flow-list li:not(:last-child){
		margin-bottom: 50px;
	}
	.flow-num{
		width: 415px;
		margin-bottom: 0;
		padding: 25px 0;
		border-radius: 15px;
	}
	.flow-num::before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #1B7D69;
	}
	#flow-list li:last-child .flow-num::before{
		display: none;
	}
	.flow-txt{
		width: 580px;
	}
	
	
	/* ■新着情報 詳細 ページ
	---------------------------------------*/
	#news-content{
		margin: 0 auto;
		width: 800px;
	}
	#news-content p,
	#news-content img{
		margin-bottom: 35px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ■共通アニメーション
	---------------------------------------*/
	
	/* ホバー時：半透明 */
	.fade {
		transition: 0.4s ease-in-out;
	}
	.fade:hover {
		opacity: 0.65;
		filter: alpha(opacity=65);
	}
	
	
	/* ホバー時：画像ズーム
	-----------------------------------*/
	.zoom-imgbox{
		margin-bottom: 20px;
		overflow: hidden;
		width: 350px;
		height: 250px;
	}
	.zoom-imglink:hover .zoom-img{
		transform: scale3d(1.1, 1.1, 1);
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.zoom-img{
		transition: opacity 0.5s ease 0s, transform 0.7s ease 0s;
	}
	

}/* min-width: 900px 終了 */





/* ########### 1300px以上 ########### */
@media (min-width: 1300px) {
	
	
}





/* ########### 1400px以上 ########### */
@media (min-width: 1400px) {
	
	
}