@charset "utf-8";

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

/* ボックスサイズの計算方法を指定 */
* {
box-sizing: border-box;
}

/* 段落の基本スタイル */
p {
padding-bottom: 1.5em;
}
/* リンクの基本スタイル */
a {
color: #000;	
}
/* リンクにマウスが乗ったときのスタイル */
a:hover {
opacity: 1;
}

/* 画像の基本スタイル */
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

/* パンくずリスト */
.breadcrumbs {
margin-bottom: 20px;
font-size: 13px;
}

/*スクロール　ふわっとでる
----------------------------------------------------------------------------------------------------------------------------------*/
.sa {
opacity: 0;
transition: all .5s ease;
} 
.sa.show {
opacity: 1;
transform: none;
} 
.sa--lr {
transform: translate(-100px, 0);
} 
.sa--rl {
transform: translate(100px, 0);
} 
.sa--up {
transform: translate(0, 100px);
} 
.sa--down {
transform: translate(0, -100px);
} 
.sa--scaleUp {
transform: scale(.5);
} 
.sa--scaleDown {
transform: scale(1.5);
} 
.sa--rotateL {
transform: rotate(180deg);
} 
.sa--rotateR {
transform: rotate(-180deg);
}
/*画像拡大
----------------------------------------------------------------------------------------------------------------------------------*/
.scale {
width: 100%;
height: auto;
overflow: hidden;
}
.scale img {
-moz-transition: -moz-transform 0.9s linear;
-webkit-transition: -webkit-transform 0.9s linear;
-o-transition: -o-transform 0.9s linear;
-ms-transition: -ms-transform 0.9s linear;
transition: transform 0.9s linear;
}
.scale img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.1);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（770px以上）
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:770px) {
/* PC専用コンテンツを表示 */
.pc {
display: block;
}
/* スマホ専用コンテンツを非表示 */
.sp {
display: none;
}
/* ページ全体の基本スタイル */
body {
color: #000;
font-size: 16px;
font-family: "UD新ゴ R";
line-height: 1.6;
}
.bxslider{
display: none;
}
.bx-wrapper{
display: none;
}
#hukoidan {
   margin-top:-160px;
   padding-top:160px;
}

/* ------------------------------------------------ */
/* レイアウト
/* ------------------------------------------------ */
/* ページ全体を囲む枠 */
#wrapper {
margin: 0 auto;
width: 100%;
}
.h1box {
width: 1200px;
margin: 0 auto;
}
h1 {
color: #000;
font-size: 12px;
font-weight: normal;
margin: 10px 0 0 0px;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.h1pc{
color: #000;
font-size: 12px;
font-weight: normal;
margin: 10px 0 0 0px;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.h1sp{
display: none;
}
h2 {	
text-align:center;
color: #06064A;
font-size: 38px;
margin-top: 50px;
margin-bottom: 5px;
padding: 0.5em 1em;	
font-weight:bold;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
line-height: 50px;
}
.h2text {
display: block;
text-align: center;
font-size: 16px;	/*文字サイズ*/
color: #352717;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/	
}
.h2kasen {
width: 250px;
margin: 0 auto 50px auto;
border-bottom: solid 4px #06064A;
}
h3 {	
text-align:center;
color: #06064A;
font-size: 36px;
margin-top: 50px;
margin-bottom: 5px;
padding: 0.5em 1em;	
font-weight:bold;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}

/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
content: "\A" ;
white-space: pre;
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
/* エリア外枠のスタイル */
header {
width: 100%;
margin: 0 auto;
}
/* 見出しのスタイル */
.header-area {
width: 100%;
}
.header-area1 {
width: 1200px;
height: 90px;
margin: 0px auto;
}
/* ロゴのスタイル */
.h-logo {
float: left;
width: 300px;
}
.h-logo1 {
display: none !important;
}
.h-tel {
float: right;
width: 200px;
}
.h-tel1 {
display: none !important;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
background:#fff;
padding-top:10px;
opacity: 0.9;
height: 160px; /* 高さ 50px */
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu a {
text-decoration: none;	
}
/* PC用ナビゲーション */
.drawer_menu #gNav {
transform: translate(0);
-ms-transform: translate(0);
width: 100%;
height: 50px;
/* PC用メニュー高さ */
position: relative;
top: auto;
right: auto;
z-index: 100;
background-color: #000047;
margin-top:10px;	
	/* PC用メニュー背景色 */
}
.drawer_menu .drawer_nav {
max-width: 100%;
/* コンテンツ幅に合わせる */
padding: 0;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
list-style-type: none;	
}
.drawer_menu .drawer_nav li {
font-size: 15px;
font-weight: normal;
margin: 0;
padding: 0;
width: 170px;
height: 50px;
/* PC用メニュー高さ */
line-height: 50px;
/* PC用メニュー高さ */
background-color: #000047;
/* PC用メニューボタン背景色 */
text-align: center;
list-style-type: none;
color: #fff;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.drawer_menu .drawer_nav li:hover {
background:#fff;
color: #fff;
/* PC用メニューボタンマウスオーバー背景色 */
}
.drawer_menu .drawer_nav li a {
color: #fff;
display: block;		
/* PC用メニューボタン文字色 */
}
.drawer_menu .drawer_nav li a:hover {
color: #fff;
background:#00001E;
/* PC用メニューボタン文字色 */
}
/* 各ページメニューボタン色 */
.drawer_menu .drawer_nav .home {
color: #fff;
background: #00001E;	
}
.drawer_menu .drawer_nav .syouhin {
color: #fff;
background: #00001E;	
}
.drawer_menu .drawer_nav .kaisya {
color: #fff;
background: #00001E;	
}
.drawer_menu .drawer_nav .tokutei {
color: #fff;
background: #00001E;	
}
.drawer_menu .drawer_nav .shop {
color: #fff;
background: #00001E;	
}
.drawer_menu .drawer_nav .media {
color: #fff;
background: #00001E;	
}
.drawer_menu .drawer_nav .toi {
color: #fff;
background: #00001E;	
}
/* PC非表示 */
.pc-hidden {
display: none;
text-align: center;
}	
.drawer_menu .drawer_button {
color: #fff;
/* ハンバーガーメニュー文字色 */
display: none;
}
.touch-btn {
display: none;
}

/* ------------------------------------------------ */
/*フッターボタン部分（スマホ固定）
/* ------------------------------------------------ */
#floatingmenu {
display: none;
}
.tel{
display: none;
}
.mail{
display: none;
}
.br1{
display: none;
}

/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
/* エリア外枠のスタイル */
footer {
background: #00004A;
color: #ffffff;
padding: 50px;
}
/* 著作権表記 */
#copyright {
text-align: center;
font-size: 12px;
margin-top: 30px;
display: block;
}
/* メニューリストを囲む枠 */
#fNav ul {
display: -webkit-flex;				/* safari用 */
display: flex;
-webkit-justify-content: center;	/* safari用 */
justify-content: center;
width: 100%;
margin: 0 auto;
}
/* メニューリストの共通スタイル */
#fNav li {
font-size: 15px;
padding: 0 15px;
border-right: 1px solid #ffffff;
}
/* 一番最後のメニュー */
#fNav li:last-child {
border-right: none;
padding-right: 0;
}
/* メニューリンクの共通スタイル */
#fNav a {
color: #ffffff;
text-decoration: none;
}
.f-text {
text-align:center;
padding: 25px 0 0 0;
color: #fff;
}
.f-text a:link {
color: #fff;
text-decoration: none;
}

/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */

#contents {
width:100%;
margin-bottom: 0px;
}

.t-saku {
text-decoration: line-through;
}



/* 料金改定のお知らせ */
.t-ryo {
width: 100%;
padding: 50px 0px 100px 0;
}
.t-ryo-text {
width: 1000px;
margin: 0 auto;
line-height: 30px;
}
.t-ryo-text1 {
text-align: right;
padding: 30px 0px 0 0;
}
.t-ryo-text001 {
font-family: "Sawarabi Mincho";
}


/* youtube */
.t-you {
width: 900px;
margin: 0 auto;
padding: 50px 0 0 0;
}
/* seaクリーム */
.t-sea-ga-pc{
display: block;
}
.t-sea-ga-sp{
display: none;
}
.t-sea {
width: 900px;
margin: 0 auto;
padding: 80px 0 0 0;
position: relative;
}
.t-sea-text {
position: absolute;
bottom: 100px;
left: 30px;
font-size: 13px;
line-height: 25px;
}
/* sea化粧水 */
.t-sea1-ga-pc{
display: block;
}
.t-sea1-ga-sp{
display: none;
}
.t-sea1 {
width: 900px;
margin: 0 auto;
padding: 80px 0 0 0;
position: relative;
}
.t-sea-text1 {
position: absolute;
bottom: 375px;
left: 230px;
font-size: 14px;
line-height: 25px;
text-align:center;
}
.t-sea-text2 {
position: absolute;
bottom: 155px;
left: 200px;
font-size: 13px;
line-height: 22px;
}

/* 3.5本販売 */
.t-set {
width: 100%;
background-color: #e4e4e4;
padding: 20px 0px 50px 0;
}
.t-set-text {
width: 1200px;
margin: 0 auto;
line-height: 30px;
}
.set-waku {
width:100%;
display: flex;
justify-content: space-around;
padding: 0px 0px 50px 0;
}
.set-waku1 {
display: flex;
flex-direction: column;
width:32%;
text-align:center;
}
.set-center-text {
line-height: 25px;
text-align:center;
padding: 10px 0 20px 0;
}
.text-red {
color: #ff0000;
}
.set-kou {
width:75%;
font-size: 16px;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 15px;
margin: 0 auto;
}
.set-kou a {
width:100%;
display:block;
text-decoration: none;
font-size: 18px;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 0px;
margin: 0 auto;
}

/* 1本販売 */
.sin-waku {
width:30%;
text-align: center;
}
.sin-waku1 {
width:70%;
margin: auto 0;
}
.sin-text {
font-size: 20px;
padding: 20px 0 30px 0;
}
.sin-kou {
width:50%;
font-size: 18px;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 15px;
}
.sin-kou a {
width:100%;
display:block;
text-decoration: none;
font-size: 18px;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 0px;
}

/* バナー */
.t-bana {
width: 100%;
padding: 80px 0px 20px 0;
}
.t-bana-text {
width: 1000px;
margin: 0 auto;
line-height: 30px;
}
.bana-center-text {
font-size: 14px;
line-height: 25px;
text-align:center;
padding: 10px 0 20px 0;
}
.bana-waku {
width:100%;
display: flex;
justify-content: space-around;
padding: 0px 0px 50px 0;
}
.bana-waku1 {
display: flex;
flex-direction: column;
width:100%;
text-align:center;
}

/* --------商品案内-------- */

.syouhin-waku {
width: 100%;
padding: 10px 0px 0px 0;
background: #eee;
}
.syouhin-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 60px 0 10px 0;
}
.syouhin-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.syouhin-ga {
text-align:center;
padding: 0px 0px 50px 0;
}

/* --------会社案内-------- */

.kaisya-waku {
width: 100%;
padding: 10px 0px 50px 0;
background: #eee;
}
.kaisya-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 60px 0 30px 0;
}
.kaisya-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.kaisya-table {
width:100%;
}
th.kaisya { 
width: 30%;
text-align:left;
padding: 25px;
padding-left: 50px;
border-top: dotted 1px #dfdfdf;
vertical-align:middle;
}
td.kaisya {
width: 70%;
text-align: left;
padding: 25px;
border-top: dotted 1px #dfdfdf;
line-height: 25px;
}

/* --------特定商取引法-------- */

.tokutei-waku {
width: 100%;
padding: 10px 0px 50px 0;
background: #eee;
}
.tokutei-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 60px 0 60px 0;
}
.tokutei-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.tokutei-table {
width:100%;
}
th.tokutei { 
width: 28%;
font-size: 15px;
text-align:left;
padding: 15px;
padding-left: 50px;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
background: #EAEAEA;
vertical-align:middle;
}
td.tokutei {
width: 72%;
font-size: 15px;
text-align: left;
padding: 15px;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
line-height: 25px;
}
.tokutei1 {
width: 100%;
font-size: 15px;
text-align: center;
padding: 15px;
line-height: 25px;
background: #FFFFCC;
vertical-align:middle;
}

/* --------メディア掲載情報-------- */

.media-waku {
width: 100%;
padding: 10px 0px 0px 0;
background: #eee;
}
.media-bg {
background: #fff;
width: 100%;
margin: 0px auto 0 auto;
padding: 50px 0 30px 0;
}
.media-waku900 {
width: 1000px;
margin: 0px auto 0 auto;
background: #fff;
}
.media-douga {
width: 100%;
}

.media1-waku {
width: 100%;
padding: 10px 0px 50px 0;
background: #eee;
}
.media1-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 0px 0 60px 0;
}
.media1-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.media1-text {
padding: 50px 0 30px 0;
line-height: 25px;
}
.media1-flex {
display: flex;
justify-content: space-between;
}
.media1-sya {
padding: 0px 1px 0px 0;
}

/* --------お問合わせ-------- */

.toi-waku {
width: 100%;
padding: 10px 0px 50px 0;
background: #eee;
}
.toi-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 60px 0 60px 0;
}
.toi-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.toi-text {
padding: 0px 0 30px 0;
line-height: 30px;
}
.hisu {
font-size: 13px;
color:#fff;
background: #EB748D;
padding:1px 3px;
border-radius: 3px;
margin-right: 5px;
margin-left: 10px;
}
.hoge {
border:0;
padding:15px;
font-size:1.0em;
color:#333;
border:solid 1px #ccc;
margin:10px 0px;
margin-bottom:30px;
width:90%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* --------取扱店-------- */

.tori-waku {
width: 100%;
padding: 10px 0px 50px 0;
background: #eee;
}
.tori-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 60px 0 60px 0;
}
.tori-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.tori-h3 {
font-size: 28px;
padding: 8px 0 8px 8px;
background: #00afcc;
color: #fff;
width: 100%;
box-shadow: 2px 2px 4px gray;
border-radius: 2px;
}
.tori-text {
padding: 30px 0 30px 0;
line-height: 30px;
}
.tori-flex {
display: flex;
justify-content: space-between;
}
.tori-gazou {
margin-bottom: 40px;
}
.tori-h4 {
font-size: 20px;
padding: 8px 0 8px 8px;
background: #dcdcdc  ;
color: #000;
width: 40%;
margin: 0 auto;
text-align:center;
border-radius: 12px;
}

/* --------お客様の声-------- */

.okyaku-waku {
width: 100%;
padding: 10px 0px 50px 0;
background: #eee;
}
.okyaku-bg {
background: #fff;
width: 55%;
margin: 0px auto 0 auto;
padding: 60px 0 60px 0;
}
.okyaku-waku900 {
width: 900px;
margin: 0 auto;
background: #fff;
}
.okyaku-flex {
display: flex;
justify-content: space-between;
}
.okyaku-gazou {
border: 1px solid #d3d3d3;
margin: 40px 0 10px 0;
}


}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（769px以下）
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:769px) {

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

/* PC専用コンテンツを非表示 */
.pc {
display: none;
}
/* スマホ専用コンテンツを表示 */
.sp {
display: block;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
body {
color: #000;
font-size: 15px;
font-family: 'UD新ゴ R';
line-height: 1.5;
}
.wideslider {
display: none;
}

/* ------------------------------------------------ */
/* レイアウト
/* ------------------------------------------------ */
/* ページ全体を画面の横幅に合せる */
#wrapper {
width: 100%;
}
#kotei{
width: 100%;
top: 0;
left: 0;
padding-bottom:10px;
}
.fixed {    
top: 0;
width: 100%;
z-index: 10000;
}

/* ------------------------------------------------ */
/* 改行brの代わり
/* ------------------------------------------------ */
.css-br::after {
display:none;
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */	
header { 
width: 100%;	
padding: 0px;
border-top: 2px solid #00004A;
}
/* 見出しを非表示 */
h1 {

}
.h1pc{
display: none;
}
.h1sp{
color: #352717;
font-size: 11px;
font-weight: normal;
padding: 5px 0 0 10px;
}
/* 見出しを左右中央寄せ */
h2 {
text-align: center;
font-size: 18px;
margin-top: 15px;
margin-bottom: 5px;	
font-weight:none;
letter-spacing: 0em;	/*文字間隔を広くとる設定*/
}
.h2text {
display: block;
text-align: center;
font-size: 16px;	/*文字サイズ*/
color: #352717;		/*文字色*/
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/	
}
.h2kasen {
width: 200px;
margin: 0 auto 30px auto;
border-bottom: solid 3px #352717;
}
h3 {	

}
.header-area {
width: 100%;
}
.header-area1 {
width: 100%;
margin: 0px auto 0px auto;
}

/* ロゴのスタイル */
.h-logo {
display: none;
}
.h-logo1 {
width:200px;
padding: 7px 0 5px 8px;
}
.h-tel {
display: none;
}

/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
/* エリアの外枠 */
footer {
padding: 10px 0px;
}
/* メニューリストを囲む枠 */
#fNav ul {
display:none;
}
/* メニューリストの共通スタイル */
#fNav li {
display:none;
}
/* 一番最後のメニュー */
#fNav li:last-child {
display:none;
}
/* メニューリンクの共通スタイル */
#fNav a {
display:none;
}
.f-text {
font-size: 13px;
text-align:center;
padding: 0px 0 0 0;
color: #000;
}
/* 著作権表記 */
#copyright {
text-align: center;
font-size: 12px;
margin-top: 10px;
display: block;
}

/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 2;
}
.tel{
width:50%;
}
.mail{
width:50%;
}
.br1{
margin-bottom:50px;
}

/* ------------------------------------------------ */
/* コンテンツ
/* ------------------------------------------------ */
/* エリア内枠のスタイル */
#contents {
width:100%;
background: #fff;
margin: 0;
padding: 0;
}	
/* 料金改定のお知らせ */
.t-ryo {
width: 100%;
padding: 10px 0px 0px 0;
}
.t-ryo-text {
width: 95%;
margin: 0 auto;
font-size: 14px;
line-height: 25px;
}
.t-ryo-text1 {
padding: 20px 0px 0 0;
}
.t-ryo-text001 {
font-family: "Sawarabi Mincho";
}
.t-saku {
text-decoration: line-through;
}

/* youtube */
.t-you {
width: 100%;
margin: 0 auto;
padding: 30px 0 0 0;
}
/* seaクリーム */
.t-sea-ga-pc{
display: none;
}
.t-sea-ga-sp{
display: block;
}
.t-sea {
width: 100%;
margin: 0 auto;
padding: 50px 0 0 0;
position: relative;
}
.t-sea-text {
font-size: 13px;
line-height: 20px;
padding: 10px 0 0 0;
}
/* sea化粧水 */
.t-sea1-ga-pc{
display: none;
}
.t-sea1-ga-sp{
display: block;
}
.t-sea1 {
width: 100%;
margin: 0 auto;
padding: 30px 0 0 0;
position: relative;
}
.t-sea-text1 {
font-size: 13px;
line-height: 20px;
padding: 20px 0 0 0;
}
.t-sea-text2 {
font-size: 13px;
line-height: 20px;
padding: 10px 0 30px 0;
}

/* 3.5本販売 */
.t-set {
width: 100%;
background-color: #e4e4e4;
padding: 20px 0px 20px 0;
}
.t-set-text {
width: 95%;
margin: 0 auto;
line-height: 30px;
}
.set-waku {
width:100%;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 0px 0px 10px 0;
}
.set-waku1 {
display: flex;
flex-direction: column;
width:100%;
text-align:center;
padding: 0px 0px 30px 0;
}
.set-center-text {
line-height: 25px;
text-align:center;
padding: 10px 0 20px 0;
}
.text-red {
color: #ff0000;
}
.set-kou {
width:80%;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 10px;
margin: 0 auto;
}
.set-kou a {
width:100%;
display:block;
text-decoration: none;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 0px;
margin: 0 auto;
}

/* 1本販売 */
.sin-waku {
width:100%;
text-align: center;
}
.sin-waku1 {
width:100%;
margin: auto 0;
padding: 20px 0 0px 0;
line-height: 25px;
}
.sin-text {
padding: 10px 0 30px 0;
}
.sin-kou {
width:80%;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 10px;
margin: 0 auto;
}
.sin-kou a {
width:100%;
display:block;
text-decoration: none;
color: #fff;
text-align: center;
background: #06064A;
border: solid 1px #06064A;
border-radius: 30px;
padding: 0px;
}

/* バナー */
.t-bana {
width: 100%;
padding: 30px 0px 20px 0;
}
.t-bana-text {
width: 95%;
margin: 0 auto;
line-height: 30px;
}
.bana-center-text {
font-size: 14px;
line-height: 25px;
text-align:center;
padding: 10px 0 20px 0;
}
.bana-waku {
width:100%;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 0px 0px 0px 0;
}
.bana-waku1 {
display: flex;
flex-direction: column;
width:100%;
text-align:center;
}

/* --------商品案内-------- */

.syouhin-waku {
width: 100%;
padding: 0px 0px 0px 0;
}
.syouhin-waku900 {
width: 95%;
margin: 0 auto;
}
.syouhin-ga {
width: 100%;
text-align:center;
padding: 0px 0px 20px 0;
}

/* --------会社案内-------- */

.kaisya-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.kaisya-bg {

}
.kaisya-waku900 {
width: 95%;
margin: 0 auto;
}
.kaisya-table {
width:100%;
margin: 0 auto;
}
th.kaisya { 
font-size: 13px;
font-weight: normal;
width: 32%;
text-align:left;
padding: 15px 0;
padding-left: 10px;
border-top: dotted 1px #dfdfdf;
vertical-align:middle;
}
td.kaisya {
font-size: 13px;
width: 68%;
text-align: left;
padding: 15px 0;
border-top: dotted 1px #dfdfdf;
}

/* --------特定商取引法-------- */

.tokutei-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.tokutei-bg {

}
.tokutei-waku900 {
width: 95%;
margin: 0 auto;
}
.tokutei-table {
width:100%;
}
th.tokutei { 
width: 28%;
font-size: 13px;
text-align:left;
padding: 10px;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
background: #EAEAEA;
vertical-align:middle;
}
td.tokutei {
width: 72%;
font-size: 13px;
text-align: left;
padding: 10px;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
line-height: 22px;
vertical-align:middle;
}
.tokutei1 {
width: 100%;
font-size: 13px;
text-align: center;
padding: 10px;
line-height: 22px;
background: #FFFFCC;
vertical-align:middle;
}

/* --------メディア掲載情報-------- */

.media-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.media-bg {
margin-top:30px;
}
.media-waku900 {
width: 95%;
margin: 0 auto;
}
.media-douga {
width: 100%;
}
.media1-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.media1-bg {

}
.media1-waku900 {
width: 95%;
margin: 0 auto;
}
.media1-text {
padding: 10px 0 10px 0;
line-height: 25px;
}
.media1-flex {
display: flex;
flex-direction: column;
}
.media1-sya {
text-align: center;
padding: 10px 0px 10px 0;
}

/* --------  お問い合わせ  ------- */

.toi-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.toi-bg {

}
.toi-waku900 {
width: 95%;
margin: 0 auto;
}
.toi-text {
padding: 20px 0 30px 0;
line-height: 25px;
}

.hisu {
font-size: 13px;
color:#fff;
background: #EB748D;
padding:1px 5px;
border-radius: 3px;
margin-right: 5px;
margin-left: 5px;
}
.hoge {
border:0;
padding:15px;
font-size:1.0em;
color:#333;
border:solid 1px #ccc;
margin:10px 0px;
margin-bottom:30px;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* --------取扱店-------- */

.tori-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.tori-bg {

}
.tori-waku900 {
width: 95%;
margin: 0 auto;
}
.tori-h3 {
font-size: 20px;
padding: 5px 0 5px 5px;
background: #00afcc;
color: #fff;
width: 100%;
text-align: center;
box-shadow: 2px 2px 4px gray;
border-radius: 2px;
}
.tori-text {
padding: 20px 0 30px 0;
line-height: 25px;
}
.tori-flex {
display: flex;
flex-direction: column;
}
.tori-gazou {
text-align: center;
padding: 0px 0px 15px 0;
}
.tori-h4 {
font-size: 18px;
padding: 5px 0 5px 5px;
background: #dcdcdc  ;
color: #000;
width: 100%;
margin: 0 auto;
text-align:center;
border-radius: 12px;
}

/* --------お客様の声-------- */

.okyaku-waku {
width: 100%;
padding: 0px 0px 30px 0;
}
.okyaku-bg {
background: #fff;

}
.okyaku-waku900 {
width: 95%;
margin: 0 auto;
}
.okyaku-flex {
display: flex;
flex-direction: column;
}
.okyaku-gazou {
text-align: center;
border: 1px solid #d3d3d3;
margin: 25px 0px 5px 0;
}



/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
.drawer_menu .drawer_button .drawer_bar {
background-color: #fff;
/* ハンバーガーメニュー三本線の色 */
}
.drawer_menu .drawer_bg {
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
background-color: rgba(51, 51, 51, 0.5);
display: none;
top: 0;
left: 0;
}
.drawer_menu .drawer_button {
display: block;
background-color: #00004A;
color: #fff;
border: none;
padding: 5px;
width: 50px;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
z-index: 1001;
text-align: center;
outline: none;
}
.drawer_menu .drawer_button.active .drawer_bar {
width: 40px;
}
.drawer_menu .drawer_button.active .drawer_bar1 {
transform: rotate(30deg);
-ms-transform: rotate(30deg);
}
.drawer_menu .drawer_button.active .drawer_bar2 {
opacity: 0;
}
.drawer_menu .drawer_button.active .drawer_bar3 {
transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}
.drawer_menu .drawer_button.active .drawer_menu_text {
display: none;
}
.drawer_menu .drawer_button.active .drawer_close {
display: block;
}
.drawer_menu .drawer_bar {
display: block;
height: 2px;
margin: 8px 2px;
transition: all 0.2s;
transform-origin: 0 0;
-ms-transform-origin: 0 0;
}
.drawer_menu .drawer_text {
text-align: center;
font-size: 10px;
}
.drawer_menu .drawer_close {
letter-spacing: 0.08em;
display: none;
}
.drawer_menu .drawer_menu_text {
display: block;
}
.drawer_menu #gNav {
width: 300px;
height: 100%;
transition: all 0.2s;
transform: translate(300px);
-ms-transform: translate(300px);
position: fixed;
top: 0;
right: 0;
z-index: 1000;
background-color: #FFF;
/* ドロワーメニュー内背景色 */
overflow-x: hidden;
overflow-y: auto;
}
.drawer_menu .drawer_nav {
display: block;
position: relative;
margin-top: 40px;
}
.drawer_menu .drawer_nav li {
background-color: #fff;
height: auto;
line-height: 50px;
/*  ドロワーメニューリスト項目高さ */
position: relative;
border-bottom: 1px solid #eee;
}
.drawer_menu .drawer_nav li a {
background-color: #fff;
/* ドロワーメニューリスト背景色 */
color: #000;
/* ドロワーメニューリスト文字色 */
display: block;
text-decoration:none;
text-align: left;
padding-left: 20px;
}
/* スマートフォン2階層目 */
.drawer_menu .drawer_nav li:hover ul.second-level {
}
.drawer_menu .drawer_nav li ul.second-level {
display: none;
position: relative;
padding: 0;
z-index: 1001;
}
.drawer_menu .drawer_nav li ul.second-level li a {
padding-left: 40px;
}
.drawer_menu #gNav.open {
transform: translate(0);
-ms-transform: translate(0);
}
.drawer_menu.left .drawer_button {
right: auto;
left: 32px;
}
.drawer_menu.left #gNav {
transform: translate(-300px);
-ms-transform: translate(-300px);
right: auto;
left: 0;
}
.drawer_menu.left #gNav.open {
transform: translate(0);
-ms-transform: translate(0);
}
.pc-hidden {
text-align: center;
}
.touch-btn {
color: #000;
position: absolute;
top: .25rem;
right: 2%;
display: block;
z-index: 10;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
}

}