@charset "utf-8";
/*
Theme Name: Kuwacha
Theme URI: https://ritzmedia.biz/
Template: lightning
Description: PCやタブレット、スマートフォンでも操作しやすい、レスポンシブ対応のテンプレートです。
Author: RITZMEDIA
Tags: 
Version: 0.1.2
*/

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

テンプレートの修正

--------------------------------------------*/
body {
    font-feature-settings: "palt"1;
    font-size: 16px;
	line-height: 1.8;
}

div.siteContent .container p,
div.siteContent .container dd{
    text-align: justify;
}
/*上下の空白を削除*/
.home .siteContent {
	padding: 0 !important;
}
/*サイトマップのページが、
　2カララムになっていたのを1カラムへ変更*/
body.page-id-70 .col-md-6.sitemap-col,
body.error404 .col-md-6.sitemap-col{
    max-width: 100% !important;
    flex: none;
}
#main .sectionBox{
	padding-top: 3em;
	padding-bottom: 0;
}
/*Copyrightの部分を編集*/
.copySection {
    border-top: none;
    background: #006901;
    color: #fff;
}
footer.section.siteFooter{
	background-image: url(/wp-content/uploads/2020/01/bk-irogami.jpg);
	background-repeat: repeat;
	background-position: center center;
}

.siteFooter{
	border-top: none;
}
em{
	font-style: normal!important;
}

/*サイトロゴの右に、注文関係のメニューを追加
　グローバルメニューを下に移動させる
--------------------------------------------*/
/*WEB＆FAX注文部分*/
.gMenu_outer {
    width: 100%;
}
.gMenu_outer nav {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.gMenu{
	float: none;
}

.siteTop-order {
    text-align: right;
    overflow: hidden;
}
.siteTop-order ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.siteTop-order li {
    display: inline-block;
    margin-left: .2em;
	margin-bottom: .5em;
}
.siteTop-order li a{
	font-size: 14px;
	padding: .3em .8em;
	border-radius: 5px;
	color: #fff;
}
.siteTop-order li a.stoTel{
	background-color: #E94100 ;
}
.siteTop-order li a:hover.stoTel{
	background-color:#A32D00;
	text-decoration: none;
}
.siteTop-order li a.stoFax{
	background: #7804A4;
}
.siteTop-order li a:hover.stoFax{
	background: #490264;
	text-decoration: none;
}
/*電話番号とお問い合わせボタンの部分*/
.siteHeader_sub {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.siteHeader_sub p {
    line-height: 1.3em;
    text-align: left;
}
.siteHeader_sub p span {
    display: block;
}
.siteHeader_sub p .contact_txt_tel {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 700;
}
.siteHeader_sub p.contact_txt {
    margin-bottom: 0;
}
.siteHeader_sub p .contact_txt_catch,
.siteHeader_sub p .contact_txt_time {
    font-size: 11px;
}
/*問い合わせボタン*/
.siteHeader_sub .contact_btn {
    padding-left: 1em;
}


/*フォーム
--------------------------------------------*/
/*入力欄の余白を調整*/
.form-control{
	padding: .375rem .5rem;
}



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

見出し

--------------------------------------------*/
h1.entry-title {
    font-size: 1.5em;
	font-weight: bold;
} 

h2{
	margin-bottom: 0;
	border: none;
	text-align: center;
}

h3{
	border-bottom: none;
	border-left: 5px solid #006901;
	padding-left: 10px;
	padding-bottom: 0;
}

h3::after{ border: none; }

h4{
	border-bottom: 1px #ccc solid;
	margin-bottom: .5em;
}


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

各ページのページヘッダーの修正

--------------------------------------------*/
body.page-id-18 .page-header_pageTitle,/*とうとるんについて*/
body.page-id-20 .page-header_pageTitle,/*製品販売*/
body.page-id-27 .page-header_pageTitle,/*販売元*/
body.page-id-107 .page-header_pageTitle,
body.page-id-125 .page-header_pageTitle,
body.page-id-121 .page-header_pageTitle,
body.page-id-139 .page-header_pageTitle,
body.page-id-31 .page-header_pageTitle,
body.page-id-158 .page-header_pageTitle,/*お問い合わせ-確認画面*/
body.page-id-160 .page-header_pageTitle,/*お問い合わせ-送信完了画面*/
body.page-id-172 .page-header_pageTitle,
body.page-id-174 .page-header_pageTitle,
body.page-id-131 .page-header_pageTitle,
body.page-id-22 .page-header_pageTitle,/*よくある質問*/
body.page-id-25 .page-header_pageTitle,/*お客様の声*/
body.page-id-33 .page-header_pageTitle,/*特定商取引表記*/
body.page-id-3 .page-header_pageTitle,/*プライバシーポリシー*/
body.page-id-70 .page-header_pageTitle,
body.page-id-29 .page-header_pageTitle,/*お問い合わせ*/
body.postid-432 .page-header_pageTitle,/*【携帯用】とうとるん(スティックタイプ20本入り)*/
body.postid-429 .page-header_pageTitle,/*【食卓用】とうとるん(スティックタイプ40本入り)*/
body.postid-457 .page-header_pageTitle,/*【食卓用】とうとるん(スティックタイプ60本入り)*/
body.postid-426 .page-header_pageTitle,/*【お得用】とうとるん(40gスプーン付き)*/
body.postid-423 .page-header_pageTitle{/*「さがみの桑茶飴 とうとるん」*/
	opacity: 0;
}

.page-header{
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center center!important;
}
body.page-id-18 .page-header{
	background:url(/wp-content/uploads/2020/02/page-header-img01.jpg);
}
body.page-id-20 .page-header,
body.page-id-27 .page-header,
body.page-id-107 .page-header,
body.page-id-125 .page-header,
body.page-id-121 .page-header,
body.page-id-139 .page-header,
body.page-id-31 .page-header,
body.page-id-158 .page-header,
body.page-id-160 .page-header,
body.page-id-172 .page-header,
body.page-id-174 .page-header,
body.page-id-131 .page-header,
body.postid-432 .page-header,
body.postid-429 .page-header,
body.postid-457 .page-header,
body.postid-426 .page-header,
body.postid-423 .page-header{
	background:url(/wp-content/uploads/2020/02/page-header-img02.jpg);
}
body.page-id-22 .page-header,
body.page-id-25 .page-header{
	background:url(/wp-content/uploads/2020/02/page-header-img03.jpg);
}
body.page-id-27 .page-header{
	background:url(/wp-content/uploads/2020/02/page-header-img04.jpg);
}
body.page-id-33 .page-header,
body.page-id-3 .page-header,
body.page-id-70 .page-header,
body.page-id-29 .page-header{
	background:url(/wp-content/uploads/2020/02/page-header-img05.jpg);
}


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

トップページ

--------------------------------------------*/
/*なでしこブランド認定・会頭賞受賞*/
div#award{
	margin: 0 calc(50% - 50vw);
    padding: 0em calc(50vw - 50%);
	background-image: url(/wp-content/uploads/2020/01/bk-irogami.jpg);
	background-repeat: repeat;
	background-position: center center;
	overflow: hidden;
}
/*このような方のために*/
div#top-about{
	padding: 5em 0;
}
/*おすすめ商品
--------------------------------------------*/
/*おすすめ商品の背景*/
div#top-recommend{
	margin: 0 calc(50% - 50vw);
    padding: 3em calc(50vw - 80%) 6em;
	background-image: url(/wp-content/uploads/2020/01/bk-irogami.jpg);
	background-repeat: repeat;
	background-position: center center;
	overflow: hidden;
}

div#top-recommend dt,
div#top-recommend dd{
	padding-left: 0;
	border-left-width: 0;
	margin-bottom: .2em;
	text-align: center;
}

/*おすすめ商品のボタンを全幅にする*/
div#top-recommend .btn-primary{
	display: block;
}

.tr-container{
	width: 100%;
	padding: 0 10px;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	display: flex;
	display: -ms-flexbox; /* IE10 */
	line-height: 1.5;
}

/*お知らせのリスト
--------------------------------------------*/
div#top-news{
	padding: 3em 0;
}

div#top-news ul.su-posts.top-news {
    list-style: none;
    padding-left: 0;
}
div#top-news li {
    border-bottom: 1px #ccc dotted;
    padding-bottom: .8em;
}
div#top-news .post-date{
	margin-right: 1em;
}

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

とうとるんについて

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

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

製品販売

--------------------------------------------*/
/*オンラインショップ*/
.productList{
    overflow: hidden;
    padding: 2em 0;
	border-bottom: 1px solid #ccc;
}
/*.productList a{
	float: right;
}*/

.productList-info dl,
.details-info dl{
    margin: 0;
}
.productList-info dt,
.productList-info dd,
.details-info dt,
.details-info dd{
	padding-left: 0;
	border-left: none;
}
.productList-info dt{
	border-bottom: 1px dotted #666;
	padding-bottom: .5em;
}

/*送料について*/
#souryou table{
	background-color: #fff;
}
#souryou th{
	text-align: center;
}
#souryou table th,
#souryou table td{
	border-right: 1px solid rgba(0,0,0,.05);
}
#souryou table th:nth-child(1),
#souryou table td:nth-child(1){
	border-left: 1px solid rgba(0,0,0,.05);
}
/*販売店舗一覧*/
#store thead th{
	text-align: center;
	background: #eeeeee;
}
#store tbody td ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#store tbody td li{
	margin-bottom: 0;
}

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

商品の詳細ページ

--------------------------------------------*/
.details {
    overflow: hidden;
    padding: 0 0 2em;
}
.details-info dt{
	border-bottom: 1px solid #ddd;
	padding-bottom: .5em;
}
.commission {
    border-top: 1px solid #ddd;
    padding-top: 1em;
}

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

お客様の声

--------------------------------------------*/
#review {
	margin-bottom: 1em;
}
#review > div {
	padding: 3em;
	border-bottom:1px solid #ccc;
}
#review > div dl{
	margin: 0;
}

#review > div dl dt,
#review > div dl dd{
	border: none;
	padding-left: 0;
}
#review > div dl dd{
	margin-bottom: 0;
}
#review dt span.customer{
	display: block;
	color: #006901;
	font-size: 87.5%;
}

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

お問い合わせ

--------------------------------------------*/
input#zip,
input#gift-zip{
	width: 10em;
	display: inline-block;
	margin: 0 0 .5em 0;
}

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

table.mobile-block

--------------------------------------------*/
.mobile-block th{
	background: rgba(54,143,55,.13);
	position: relative;
	border-bottom: 1px #fff solid;
}

.mobile-block tr th:last-child{
	border-bottom: 1px solid #e6e6e6;
}

.mobile-block td dl,
.mobile-block td ul{
	margin: 0;
}
.mobile-block td dd,
.mobile-block td dt{
	padding-left: 0;
	border: none;
}
.mobile-block td ul{
	padding-left: 0;
	list-style: none;
}
.mobile-block td li{
	margin-bottom: 0;
}
/*--------------------------------------------

Shortecode Ultimated

--------------------------------------------*/
span.su-lightbox {
    cursor: pointer;
}

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

Welcart

--------------------------------------------*/
/*単価と小計を中央揃えにする*/
#cart td.unitprice,
#cart td.subtotal{
	text-align: center!important;
}
/*アーカイブページ
------------------------*/
/*カテゴリーと公開日を非表示*/
body.post-template-default .entry-meta,
body.category .entry-meta,
body.blog .entry-meta {
    display: none;
}
/*サイドメニューの公開日を非表示
body.blog .published.postList_date.postList_meta_items {
    display: none;
}*/
/*カート上部の進行状況*/
div.usccart_navi li.usccart_cart,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_confirm{
    background-color: #ff7100!important;
	background-image: none!important;
}
/*商品ページの調整
------------------------*/
/*商品名と商品コードを非表示*/
#itempage h3{
	display: none;
}
/*注文数量とカートへ入れるボタンを横並びにする*/
#itempage .skuform .skuquantity {
    display: inline-block;
}
/*カートへ入れるのボタン左に空白*/
body.post-name-item001 [type=submit]:not(:disabled),
body.post-name-item002 [type=submit]:not(:disabled),
body.post-name-item003 [type=submit]:not(:disabled),
body.post-name-item004 [type=submit]:not(:disabled){
	margin-left: 1em;
}
.vk_posts.postNextPrev {
    display: none;
}

/*カートの中身ページの調整
------------------------*/
div.header_explanation {
    padding-top: 0px!important; 
    padding-bottom: 0px!important; 
	clear: both;
}
/*通貨 : 円を非表示に*/
.currency_code {
    display: none;
}
#cart .upbutton {
    text-align: center!important;
    margin-bottom: 1em!important;
}
/*単価の欄*/
#cart th.aright, #cart td.aright {
    text-align: center!important;
}
/*数量の入力欄*/
#cart .quantity {
    margin: 0 auto;
}
/*非表示項目:番号と在庫表示*/
#cart .num,
#cart .stock{
	display: none;
}

/*買い物を続けるボタンを、btn-primaryに揃える*/
input#previouscart {
    background-color: #006901;
    color: #fff;
    border:1px solid #043a00!important;
	padding: .375rem 1.5rem;
    border-radius: .25rem;
}


/*お客様情報入力ページ
------------------------*/
.customer_form th,
.customer_form td{
	padding: 1em!important;
}
/*#customer-info .customer_form em*/
#delivery-info .customer_form em {
	float: right!important;
}
/*郵便番号と都道府県の入力欄*/
.customer_form #zipcode_row td input[type=text],
.customer_form td select#customer_pref{
	width: 10em!important;
}
/*住所、電話番号、FAXの入力欄*/
.customer_form td input#mailaddress1,
.customer_form td input#mailaddress2,
.customer_form td input#name1,
.customer_form td input#name2,
.customer_form td input#name3,
.customer_form td input#name4,
.customer_form #address1_row td input[type=text], 
.customer_form #address2_row td input[type=text], 
.customer_form #address3_row td input[type=text], 
.customer_form #tel_row td input[type=text], 
.customer_form #fax_row td input[type=text] {
	width: 100%!important;
	margin: 0!important;
}

/*発送・支払い方法入力画面
------------------------*/
/*通常配送を非表示にする*/
select#delivery_method_select {
    display: none;
}

tr#delivery_method_row td::after{
	content: "通常配送（ヤマト運輸）";
	font-size: 1rem;
}

/*内容確認ページ
------------------------*/
#info-confirm .action{
	display: none;
}
#confirm_table th{
	width: 35%!important;
}
#confirm_table th,
#confirm_table td{
	font-size: 14px!important;
}
/*確認画面のh3*/
#confirm_table h3{
	font-size: 16px!important;
	border-left: none;
	color: #006901!important;
}
/*確認画面のh3の背景*/
#confirm_table .ttl {
    background-color: rgba(146, 211, 147, 0.3)!important;
}
/*注文完了ページ
------------------------*/
/*トップページへ戻るのリンクを非表示*/
body.page-template-default .send a {
    display: none!important;
}

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

会員ログイン／パスワードはお忘れですか？

--------------------------------------------*/
/*ログインボックスの幅調整*/
#memberpages div.loginbox{
	width: 290px!important;
}
/*ナビの左側の空白をなくす*/
#memberpages .loginbox p#nav{
	padding-left: 0px!important;
}

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

新規会員登録

--------------------------------------------*/
/*冒頭の文章のul左側の空きを調整*/
div#newmember ul {
    padding-left: 1.3em;
}
/*ラジオボタン、チェックボタンの幅が120pxに設定されていたものを、解除*/
.customer_form input {
    width: auto!important;
}
/*ラジオボタン、チェックボタンのラベル下のマージン設定を0にした*/
.customer_form input.form-control{
	margin-bottom: 0;
}

/*thの幅を調整*/
.customer_form th,
#customer-info .customer_form th{
	background-color: rgb(54,143,55,.13)!important;
	font-weight: normal!important;
	font-size: 75%!important;
	line-height: 1!important;
	position: relative;
	border-bottom: 1px solid #fff!important;
	text-align: left!important;
}

/*フォーム最終行の下の線を白からグレーへ変更*/
.customer_form tr:last-child th,
#customer-info tr:last-child th{
    border-bottom: 1px #e6e6e6 solid;
}

/*必須項目の前についている*を非表示*/
.customer_form th em{
	display: none;
}
/*必須項目が未入力の場合に
　表示されるエラーメッセージを調整*/
.error_message {
    color: #DD0000;
    line-height: 1.8;
    margin-bottom: 1rem;
}
/*ラジオボタンとラベルの位置調整*/
.customer_form input[type=radio]{
	margin-right: .3rem;
}

/*必須項目に「必須」を付ける*/
tr#mailaddress1_row th::after,
tr#mailaddress2_row th::after,
tr#password1_row th::after,
tr#password2_row th::after,
tr#name_row th::after,
tr#zipcode_row th::after,
tr#states_row th::after,
tr#address1_row th::after,
tr#address2_row th::after,
tr#tel_row th::after,
tr.customkey_sex th::after,
tr.customkey_mail-magazine th::after{
    content: "必須";
    color: #FFFFFF;
	background-color: #CB0003;
	font-weight: normal;
	padding: .2em .5em;
	font-size: 70%!important;
	line-height: 1.2;
	position: absolute;
	top:50%;
	right: 1.8em;
	-webkit-transform : translateX(-50%);
	transform: translateY(-50%);
}

/*「メールマガジン送付について」のラジオボタンのラベル表示を調整*/
.customkey_mail-magazine td label{
	display: block;
}

/*メールマガジン送付についてのlabel調整*/
tr.customkey_mail-magazine td label {
    margin-bottom: .5em;
}

/*「メールマガジン送付について」の選択肢最終行の下の空きを0に*/
.customer_form .customkey_mail-magazine label:last-child{
	margin-bottom: 0;
}
/*「性別」の選択肢の下の空きを0に*/
/*.customer_form .customkey_sex label,*/
.customer_form label{
	margin-bottom: 0;
	font-size: 1rem;
}
/*郵便番号入力欄下の「住所検索」ボタンを非表示*/
input#search_zipcode {
    display: none;
}


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

マイページ

--------------------------------------------*/
/*共通
------------------------------*/
/*見出し3の装飾を解除*/
h3#edit {
    border-left: none;
}

/*ログイン画面
------------------------------*/
/*ログイン画面下の説明文の調整*/
div.footer_explanation {
    padding-top: 3rem!important;
    padding-bottom: 0!important;
}

div.footer_explanation ol{
	margin-left: -1.3rem;
}


/*会員情報
-------------------------------------------*/
table.member-info{
	margin-bottom: 1rem!important;
}
/*会員情報下のメニューの文字サイズを変更*/
ul.member_submenu li {
    font-size: 1rem!important;
}
/*会員情報の項目名の文字サイズをtdと合わせる*/
table.member-info th {
    font-size: 14px!important;
	width: 8rem;
}
table.member-info tr.men-info01 td{
	text-align: center;
}

/*購入履歴
-------------------------------------------*/
/*値引きを非表示に*/
table#history_head th.historyrow.discount,
table#history_head td.rightnum.discount{
	display: none;
}
/*テーブルの見出し部分を均等に割りに*/
table#history_head thead th{
	width: 16.666%;
	width: calrc(100% / 6);
}
/*購入履歴の上に空きをつくる*/
table#history_head {
    margin-top: 2rem!important;
}

/*ご利用規約の部分の調整
-------------------------------------------*/
/*ご利用規約を囲むエリアの調整*/
#newmember .agree_member_area,
#customer-info .agree_member_area {
    margin: 2rem 1rem!important;
}
/*上部の文章部分の幅を調整*/
#newmember .at_exp_text,
#customer-info .at_exp_text {
    width: 100%!important;
}
/*下部の利用規約部分の幅を調整*/
#newmember .at_cont_text,
#customer-info .at_cont_text {
    width: 100%!important;
	font-size: 90%;
    padding: 1em;
	height: 400px!important;
}
/*「会員規約に同意する」を調整*/
.agree_member_area label {
    margin: 1rem .5rem 0;
    font-size: 1.3rem;
	font-weight: bold;
}
/*チェックボックスの大きさを変更する*/
.agree_member_area input[type=checkbox],
.agree_member_area input[type=radio] {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
/*-------------------------------------------

特定商取引表記

-------------------------------------------*/
#tokutei{}

#tokutei ul{
	list-style: disc;
	padding-left: 1.2rem;
}

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

ご利用規約

-------------------------------------------*/
/*規約の文章が入る部分*/
.kiyaku{
	overflow: scroll;
	width: 100%;
	height: 400px;
	background-color: rgba(0,0,0,.03);
	padding: 1em 2em;
	font-size: 90%;
	border: 1px solid rgba(0,0,0,.09);
}

/*-------------------------------------------
その他
-------------------------------------------*/
.irogami{
	background-image: url(/wp-content/uploads/2020/01/bk-irogami.jpg);
	background-repeat: repeat;
	background-position: center center;
	padding: 2em;
}
.bkGreen{ background: #368f3721;}
.bgRed{ background-color: #CB0003; }
.bgRed-txt{
	color: #FFFFFF;
    background-color: #CB0003;
    font-weight: normal;
    padding: .2em .5em;
    font-size: 70%!important;
	margin: 0 .3em;
}
.mb0{ margin-bottom: 0; }
.mb1{ margin-bottom: 1rem; }

.mincho{
	font-family: "Sawarabi Mincho";
}
.txtCenter{ text-align: center!important; }

.txtGreen{ color: #006901; }
.txtRed{ color: #CB0003; }
.txtWhite{ color: #fff; }
.fWb{ font-weight: bold; }
.smallTxt-block{
	margin: .5em 0;
	display: block;
}
.bigTxt{
	font-size: 150%;
	display: block;
	line-height: 1.5;
}
.Required {
    background-color:#CB0003;
    color: #FFF;
    font-size: 70%;
    padding: .2em .5em;
    vertical-align: middle;
    position: absolute;
	top:50%;
	right: 2em;
	-webkit-transform : translateX(-50%);
	transform: translateY(-50%);
}
/*画面全幅にコンテンツを埋め込む*/
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
}

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

レスポンシブ用

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

@media ( min-width: 1200px ){
	
	/*-----------------------
	テーマの編集
	------------------------*/
	.siteHeadContainer.container .navbar-header {
		width: 1140px;
	}
	.gMenu_outer nav {
		width: 1140px;
	}
	nav.menu-globalmenu-container {
		margin: 0 auto;
		display: inherit;
	}
	.gMenu>li{
		width: 50%;
		border-left: 1px solid #f5f5f5;
	}
	.gMenu>li:last-child {
    border-right: 1px solid #f5f5f5;
	}
	/*トップページ
	--------------------------------------------*/
	/*おすすめ商品をご列で表示*/
	.tr-container > div{
		width: calc( 100% / 5 - 30px);
    	margin: 0 15px;
	}

}/*end*/

@media ( max-width: 1199px ){
	.siteHeader_logo img{
		margin: 0;
	}
	
	/*トップページ
	--------------------------------------------*/
	/*おすすめ商品をご列で表示*/
	.tr-container > div{
		width: calc( 100% / 5 - 20px);
    	margin: 0 10px;
		font-size: .75rem!important
	}
	/*.tr-container > div内のボタンの調整*/
	.tr-container > div .btn {
		padding: .75rem;
		font-size: 100%;
	}
	
}/*end*/

@media ( min-width: 992px ){
	
	.siteHeader_logo {
		float: left;
		width: auto;
		text-align: left;
	}
	.navbar-brand img {
		max-height: 90px;
	}
	
	.siteHeadContainer.container .navbar-header {
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 15px;
		overflow: hidden;
	}
	.siteHeadContainer.container {
		width: 100%;
		max-width: unset;
		padding: 0;
	}
	.gMenu_outer {
		top: -54px;
		-webkit-transition: top 1s;
		transition: top 1s;
	}
	.header_scrolled .gMenu_outer nav {
		display: block;
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*-----------------------
	トップページ
	------------------------*/
	/*このような方のために*/
	.ta-conteiner {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	.ta-left {
		width: 45%;
		position: absolute;
		top: 5%;
		left: 0;
	}
	.ta-right {
		text-align: right;
	}
	.ta-right img {
		width: 65%;
	}
	
	
	/*新規会員登録フォームのメインとサイドを左右入れ替え*/
	body.page-id-414 .mainSection-col-two,
	body.page-id-415 .mainSection-col-two{
		float: right!important;
	}
	body.page-id-414 .sideSection-col-two,
	body.page-id-415 .sideSection-col-two{
		float: left!important;
	}
	
	/*-------------------------------------------
	サイドメニュー
	-------------------------------------------*/
	/*コンテンツメニューと商品購入メニューを各ページで切り替える*/
	
	/*コンテンツメニュー表示する為に
	　商品購入メニュー（aside#nav_menu-3）を隠す*/
	body.page-id-18 aside#nav_menu-3,	/*とうとるんについて*/
	body.page-id-22 aside#nav_menu-3,	/*よくある質問*/
	body.page-id-25 aside#nav_menu-3,	/*お客様の声*/
	body.page-id-27 aside#nav_menu-3,	/*販売元*/
	body.page-id-29 aside#nav_menu-3,	/*お問い合わせ*/
	body.page-id-70 aside#nav_menu-3,	/*サイトマップ*/
	body.page-id-158 aside#nav_menu-3{	/*お問い合わせの確認画面*/
		display: none;
	}
	
	/*商品購入メニュー表示する為に
	　コンテンツメニュー（aside#nav_menu-2）を隠す*/
	body.page-id-3 aside#nav_menu-2,	/*プライバシーポリシー*/
	body.page-id-20 aside#nav_menu-2,	/*製品販売*/
	body.page-id-33 aside#nav_menu-2,	/*特定商取引表記*/
	body.page-id-174 aside#nav_menu-2,	/*注文完了*/
	body.page-id-414 aside#nav_menu-2,	/*カート関連*/
	body.page-id-415 aside#nav_menu-2,	/*会員関連*/
	body.page-id-466 aside#nav_menu-2{	/*利用規約*/
		display: none;
	}
	
	/*-----------------------
	Welcart
	------------------------*/
	/*カートの中身*/
	/*買い物を続けるボタンを、btn-primaryに揃える*/
	input#previouscart {
		line-height: 1.5;
	}

}/*end*/

/*　2カラムが1カラムに変更になるブレイクポイント
--------------------------------------------*/
@media ( max-width: 991px ){
	/*-----------------------
	テーマ
	------------------------*/
	aside#nav_menu-2,
	aside#nav_menu-3{
		display: none;
	}
	aside#text-2 {
		padding-top: 3em;
	}
	/*サイトロゴ右を非表示*/
	.siteTop-order,
	.siteHeader_sub{
		display: none;
	}
	.siteHeader_logo img {
		margin: 0 auto;
	}
	/*-----------------------
	トップページ
	------------------------*/
	/*このような方のために*/
	.ta-conteiner {
		width: 85%;
		margin: 0 auto;
		position: unset;
		overflow: hidden;
	}
	.ta-left {
		width: 100%;
		position: unset;
		top: 0;
		left: 0;
	}
	.ta-right {
		text-align: center;
	}
	.ta-right img {
		width: 100%;
	}
	/*-----------------------
	Welcart
	------------------------*/
	/*カートの中身*/
	/*買い物を続けるボタンを、btn-primaryに揃える*/
	input#previouscart {
		line-height: 1.3;
	}
	
}/*end*/

@media ( min-width: 768px ){
	/*-----------------------
	製品販売
	------------------------*/
	/*オンラインショップ*/
	.productList{
		position: relative;
	}
	.productList-img {
		width: 170px;
		float: left;
	}
	.productList-info {
		margin-left: 185px;
	}
	/*詳しくはこちらのボタンの位置を指定*/
	.productList-info div.detail-bt {
		position: absolute;
		bottom: 2rem;
		right: 0;
	}
	/*-----------------------
	テーマ
	------------------------*/
	/*フッターを左揃えから、中央揃えに変更*/
	nav {
    	display: block;/*範囲を全幅に*/
	}
	ul#menu-footermenu {
		
	}
	.nav{
		display: block;/*範囲を全幅に*/
		flex-wrap: nowrap;/*無効化*/
	}
	.footerMenu ul{
		text-align: center;
		margin: 2em 0 10px;
	}
	.footerMenu li {
		display: inline-block;
		float: none;/*無効化*/
		padding: 0 1em;
		border-left: 1px #ccc solid;
	}
	.footerMenu li:last-child {
		border-right: 1px #ccc solid;
	}
	.footerMenu li a{
		border-left: none;
		padding: 0;
	}
	.footerMenu li:last-child a{
		border-right: none;
	}
	/*-------------------------
	トップページ
	---------------------------*/
	body.home h2{
		font-size: 3rem;
	}
	
	/*新規会員登録
	--------------------------------------------*/
	/*thの幅を調整*/
	.customer_form th,
	#customer-info .customer_form th{
		width: 35%!important;
	}
	/*--------------------------------------------
	マイページ
	--------------------------------------------*/
	/*会員情報
	------------------------------*/
	table.member-info tr.men-info02{
		display: none;
	}
	
	table.member-info tr.men-info01 th,
	table.member-info tr.men-info01 td{
		width: 25%;
	}
	
}/*end*/

@media ( max-width: 767px ){
	
	/*-----------------------
	トップページ
	------------------------*/
	/*おすすめ商品をご列で表示*/
	.tr-container > div{
		width: calc( 100% / 3 - 20px);
    	margin:0 10px 2rem;
		font-size: 1rem!important
	}
	
	/*おすすめ商品の商品名を指定ヶ所で改行*/
	.tr-container > div dt span.block{
		display: block;
	}
	/*-----------------------
	製品販売
	------------------------*/
	/*オンラインショップ*/
	.productList-img {
		width: 100px;
		float: left;
	}
	.productList-info {
		margin-left: 115px;
	}
	/*詳しくはこちらのボタンの位置を指定*/
	.productList-info div.detail-bt {
		text-align: right;
	}
	
	/*-----------------------
	Welcart
	------------------------*/
	/*カートの中身
	------------------------*/
	/*カートの中身ページの調整：非表示項目*/
	#cart .thumbnail{
		display: none;
	}
	#cart td.productname {
		width: 40%;
	}
	#cart .unitprice,
	#cart .subtotal,
	#cart .action{
		width: 15%;
	}
	/*新規会員登録
	--------------------------------------------*/
	/*thの幅を調整*/
	.customer_form th,
	#customer-info .customer_form th{
		width: 100%!important;
		display:block;
		border: none!important;
	}
	/*thの幅を調整*/
	.customer_form td,
	#customer-info .customer_form td{
		width: 100%;
		display: inline-block;
		border: none!important
	}
	/*名前とフリガナは左右に分ける*/
	#newmember td.name_td,
	#newmember tr#furikana_row td,
	.customer_form td.name_td,
	.customer_form tr#furikana_row td{
		width: 50%!important;
	}
	/*入力欄の幅を調整*/
	.table tbody tr td .form-control,
	.table tbody tr th .form-control,
	.table td .form-control,
	.table th .form-control,
	.table thead tr td .form-control,
	.table thead tr th .form-control,
	table tbody tr td .form-control,
	table tbody tr th .form-control,
	table td .form-control,
	table th .form-control,
	table thead tr td .form-control,
	table thead tr th .form-control,
	.iopt_text form-control{
		max-width: 100%;
	}
	/*--------------------------------------------
	マイページ
	--------------------------------------------*/
	/*会員情報
	-------------------------------------------*/
	table.member-info tr.men-info01{
		display: none;
	}
	table.member-info tr.men-info02 th{
		width: 25%;
	}
	
}/*end*/


@media ( min-width: 576px ){
	/*-----------------------
	製品販売
	------------------------*/
	/*送料について*/
	#souryou td:nth-child(1){
		width: 20%;
	}
	#souryou  td:nth-child(3){
		width: 20%;
		text-align: center;
	}
	/*販売店舗一覧*/
	#store tbody th{
		width: 30%;
	}
	#store tbody td{
		width: 70%;
	}
	#store tbody td span{
		display: block;
	}
	/*-----------------------
	Welcart
	------------------------*/
	/*お客様情報の入力ページ*/
	#customer-info th{
		width: 30%!important;
	}
	
}/*end*/

@media (min-width:576px ) and ( max-width:991px ){}/*end*/
@media (min-width:576px ) and ( max-width:767px ){}/*end*/

@media ( max-width: 575px ){
	/*-----------------------
	トップページ
	------------------------*/
	/*おすすめ商品をご列で表示*/
	.tr-container > div{
		font-size: .75rem!important
	}
	/*-----------------------
	製品販売
	------------------------*/
	/*送料について*/
	#souryou th{
		display: none;
	}
	#souryou td{
		border: none;
	}
	#souryou td:nth-child(1){
		width: 100%;
		display: block;
		background: #368f3721;
		border: none;
	}
	#souryou  td:nth-child(2),
	#souryou  td:nth-child(3){
		display: block;
		width: 100%;
	}
	#souryou  td:nth-child(2){
		padding-bottom: 0;
	}
	#souryou  td:nth-child(3){
		text-align: right;
		padding-top: .5em;
	}
	/*販売店舗一覧*/
	#store tbody th {
		width: 40%;
	}
	/*-----------------------
	Welcart
	------------------------*/
	/*お客様情報の入力ページ*/
	#customer-info tr,
	#delivery-info tr{
		display: block;
	}
	#customer-info th,
	#delivery-info th{
		width: 100%!important;
		display: block;
	}
	#customer-info th,
	#customer-info td,
	#delivery-info th,
	#delivery-info td{
		border: 0!important;
	}
	.customer_form td {
		display: inline-block;
		width: 100% !important;
	}
	td.name_td,
	#furikana_row td{
		width: 50%!important;
	}
	
	/*---------------------------------------
	マイページ
	---------------------------------------*/
	/*会員情報
	---------------------------------------*/
	/*それぞれを縦並びにする*/
	table.member-info tr.jyouhou th{
		display: block;
		width: 100%!important;
		text-align: center;
	}

}/*end*/

@media (min-width:481px ) and ( max-width:1199px ){}/*end*/
@media (min-width:481px ) and ( max-width:575px ){}/*end*/

@media ( min-width: 481px ){

	/*-----------------------
	とうとるんについて
	------------------------*/
	/*医師も認める桑の葉パワー*/
	div#p-power img{
		width: 70%;
		height: auto;
	}
	/*-----------------------
	製品販売
	------------------------*/
	/*オンラインショップ*/
	.productList figure{
		margin-bottom: 0;
	}
	.productList-info p{
		margin-bottom: .5rem;
	}
	
	/*-----------------------
	製品詳細ページ
	------------------------*/
	/*オンラインショップ*/
	.details-img {
		width: 35%;
		float: right;
	}
	.details-info {
		width: 60%;
		overflow: hidden;
	}
	
	/*-----------------------
	table.mobile-block
	------------------------*/
	.mobile-block th{
		width: 30%;
		border-left:1px solid #e6e6e6;
	}
	.mobile-block td{
		width: 70%;
	}
	.mobile-block th,
	.mobile-block td{
		border-right:1px solid #e6e6e6;
	}
	/*-----------------------
	Welcart
	------------------------*/
	/*商品詳細ページのレイアウト調整*/
	/*商品の画像*/
	.itemimg {
		width: 30%;
		float: left;
	}
	/*商品の詳細説明*/
	.exp.clearfix {
		padding-left: 32%;
	}
	/*内容確認ページ*/
	#cart .totalend{
		width: 20%!important;
	}
	
}/*end*/

@media ( max-width: 480px ){
	/*-----------------------
	テーマ
	------------------------*/
	/*見出し*/
	h1.entry-title {
		font-size: 1.3em;
		font-weight: bold;
	}
	h2{ font-size: 1.75em !important; }
	h3{ font-size: 1.3em !important; }
	h4{ font-size: 1em !important; }
	
	/*-----------------------
	トップページ
	------------------------*/
	/*おすすめ商品を2列で表示*/
	.tr-container > div{
		width: calc( 100% / 2 - 20px);
    	margin: 0 10px 2rem;
		font-size: 1rem!important;
	}
	.tr-container > div dd{
		font-size: 80%;
	}
	/*ニュースの日付と記事のタイトルを二行に分ける*/
	span.post-date {
		display: block;
	}

	/*-----------------------
	とうとるんにいて
	------------------------*/
	/*医師も認める桑の葉パワー*/
	div#p-power img{
		width: 80%;
		height: auto;
	}
	/*-----------------------
	製品販売
	------------------------*/
	/*オンラインショップ*/
	.productList-img {
		width: 50%;
		margin: 0 auto 1em auto;
		float: none;
	}
	.productList-info {
		width: 100%;
		margin-left: 0%;
		overflow: hidden;
	}
	.productList-info p{
		text-align: center !important;
		margin-bottom: 0;
	}
	.productList-info p span {
		display: block;
	}
	.productList-info a{
		float: none;
		margin-top: .5em;
	}
	.productList-info dt{
		text-align: center;
	}
	.productList-info dt span.block{
		display: block;
	}
	/*詳しくはこちらのボタンの位置を指定*/
	.productList-info div.detail-bt {
		text-align: center;
	}
	/*-----------------------
	製品詳細ページ
	------------------------*/
	/*オンラインショップ*/
	.details-img {
		width: 50%;
		margin: 0 auto 1em;
		float: none;
	}
	
	/*-----------------------
	table.mobile-block
	------------------------*/
	.mobile-block th,
	.mobile-block td{
		display: block;
		width: 100%;
		border: none;
	}
	/*-----------------------
	Welcart
	------------------------*/
	/*商品詳細ページのレイアウト調整*/
	/*商品の画像*/
	.itemimg {
		text-align: center;
		margin-bottom: 1em;
	}
	/*カート上部の手順説明*/
	li.ucart {
		font-size: 12px;
	}
	/*カート画面*/
	#cart .upbutton {
		padding-right: 0!important;
	}
	div.upbutton input.btn.btn-primary {
		display: block;
		margin: 0 auto;
	}
	/*内容確認ページ*/
	#cart .totalend{
		width: 30%!important;
	}
	div.send input#back_button{
		display: block;
    	margin: 0 auto 1em;
	}
	
	/*--------------------------------------------
	マイページ
	--------------------------------------------*/
	/*会員情報
	-------------------------------------------*/
	table.member-info tr{
		border: 1px solid #e6e6e6;
	}
	table.member-info th,
	table.member-info td{
		display: block;
		width: 100%!important;
	}
	table.member-info td{
		padding: 1rem .3rem!important;
		text-align: center;
	}
	
	/*購入履歴
	---------------------------------------*/
	#memberinfo h3{
		padding: .5em 0 .4em!important;
		height: auto!important;
		line-height: 1!important;
	}
	
	/*購入履歴　注文内容
	-----------------------*/
	/*項目名を非表示にする*/
	table#history_head thead{
		display: none;
	}
	/*注文内容を縦に並べる*/
	table#history_head tbody td {
		display: block;
		width: 100%;
		text-align: right!important;
		padding: 1rem!important;
		font-size: 100%!important;
		border-bottom: none;
	}
	
	table#history_head td.order_number{
		background: rgba(54,143,55,.13);
	}

	/*注文内容にbeforeで項目名を付ける*/
	/*ここから*/

	table#history_head td.order_number::before {
		content: "お問合せナンバー:";
	}
	table#history_head td.date.purchase_date::before {
		content: "購入日:";
	}
	table#history_head td.rightnum.purchase_price::before{
		content: "購入金額:";
	}
	table#history_head td.rightnum.tax::before{
		content: "内消費税:";
	}
	table#history_head td.rightnum.shipping::before{
		content: "送料:";
	}
	table#history_head td.rightnum.cod::before{
		content: "代引き手数料:";
	}

	/*項目名ここまで*/
	
	/*項目名を左へ移動させる*/
	table#history_head td.order_number::before,
	table#history_head td.date.purchase_date::before,
	table#history_head td.rightnum.purchase_price::before,
	table#history_head td.rightnum.tax::before,
	table#history_head td.rightnum.shipping::before,
	table#history_head td.rightnum.cod::before{
		float: left;
	}
	
	/*購入履歴　購入した商品
	-----------------------*/
	/*項目名を非表示にする*/
	table.retail thead {
		display: none;
	}
	/*購入商品の詳細を縦に並べ調整*/
	table.retail tbody td {
		display: block;
		font-size: 100%!important;
		padding: 1rem!important;
		border-top: none!important;
	}
	
	/*注文商品ナンバー*/
	table.retail td.cartrownum{
		text-align: center;
		background-color: #eee;
	}
	/*注文商品ナンバーに項目名をプラス*/
	table.retail td.cartrownum::before {
		content: "注文商品：";
	}
	/*購入商品画像*/
	table.retail td.thumbnail{
		text-align: center;
	}
	/*購入商品の画像の大きさを調整*/
	table.retail td.thumbnail img{
		width: 50%;
	}
	/*購入商品名*/
	table.retail td.aleft.productname{
		text-align: center;
	}
	/*単価を右へ*/
	table.retail td.rightnum.price{
		text-align: right;
	}
	/*単価に項目名を付ける*/
	table.retail td.rightnum.price::before{
		content: "単価:";
	}
	/*数量を右へ*/
	table.retail td.rightnum.quantity{
		text-align: right;
	}
	/*数量に項目名を付ける*/
	table.retail td.rightnum.quantity::before{
		content: "数量:";
	}
	/*金額を右へ*/
	table.retail td.rightnum.subtotal{
		text-align: right;
	}
	/*金額に項目名を付ける*/
	table.retail td.rightnum.subtotal::before{
		content: "金額:";
	}
	
	table.retail td.rightnum.price::before,
	table.retail td.rightnum.quantity::before,
	table.retail td.rightnum.subtotal::before{
		float: left;
	}
	
}/*end*/

@media (max-width: 375px){
	/*-----------------------
	Welcart
	------------------------*/
	/*送信ボタン等が画面幅で折りかえったときに、
	　上下のボタン間を空ける*/
	input.to_reganddeliveryinfo_button.btn.btn-primary,
	input[name="deletemember"] {
		margin-top: .8rem;
	}
}/*end*/