<style>

@charset "euc-jp";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
* {-webkit-appearance: none;/*webkit系ブラウザのデフォルトスタイル*/}
/*-------------------------------------------
共通
-------------------------------------------*/

body {
 background:#f4f2f2; /*背景*/
 color: #212121;  /*文字カラー*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
   font-family: "Hiragino Kaku Gothic ProN", "Noto Sans CJK", "モトヤフォント", "Roboto", "モトヤマルベリ", "Droid Sans Japanese", "Meiryo", "ヒラギノ", "MS PGothic","游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  "sans-serif";
 -webkit-text-size-adjust: 100%;
}

img {
max-width: 100%;
height: auto;
vertical-align:top;/*画像の下の謎の空白を消す*/
}

a {
 text-decoration: none;
}

.wrap {
 vertical-align:top;/*画像の下の謎の空白を消す*/
 zoom: 1;
}
.wrap img {
 vertical-align:top;/*画像の下の謎の空白を消す*/
}

.cf:before,
.cf:after {
 content: "";
 display: table;
}

.cf:after {
 clear: both;
}

/*
* layout
*/
.outer {
 overflow-x: hidden;
 max-width: 100%;
 height: auto;
 margin: 50px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}

.wrapper {
 position: relative;
 -moz-transition-property: all;
 -o-transition-property: all;
 -webkit-transition-property: all;
 transition-property: all;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 -webkit-transition-duration: 0.2s;
 transition-duration: 0.2s;
}

.wrapper.open {
 -moz-transform: translate3d(280px, 0, 0);
 -webkit-transform: translate3d(280px, 0, 0);
 transform: translate3d(280px, 0, 0);
}








.toolbar--totop {
 width: 56%;
 border: none;
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 font-size:100%;　/*フォントサイズ*/
}
.toolbar--totop a {
 font-size: 100%;
 width: 100%;
 line-height: 1;
}
.toolbar--totop a .icon--up_w {
 width: 16px;
}


/*お気に入り欄*/
.saikintyekusita2{
 margin: 5px 5px 0px 5px; /*アイコンなどの外側の幅を変える*/
 padding: 0px 5px 0px 5px; /*アイコンなどの内側の幅を変える*/
 border-top: 1px solid #a19b96;/*上に線*/
 background: linear-gradient(#f4dee3,#f7f3f0);　/*下方向にグラデーション*//*文字の所の背景*/
}
.saikintyekusita2 h2{
 margin: 0px 10px 5px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 5px; /*アイコンなどの内側の幅を変える*/
 font-size:100%;　/*フォントサイズ*/
}
.saikintyekusita2 a{
 color:#000000; /*文字カラー*/
}






.switch {
 margin: 0 0 10px;
}



.sns-link {
 text-align: center;
 margin: 0 3px 0;
 padding: 10px 11px;
 color: #fff;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 display: inline-block;
}
.sns-link .icon {
 width: 20px;
}

.sns-link--twitter {
 background: #00acee;
}

.sns-link--facebook {
 background: #3b579d;
}

.sns-link--instagram {
 background: #393939;
}

.sns-link--google {
 background: #d95333;
}

.sns-link--pinterest {
 background: #c9232d;
}

.sns-link--youtube {
 background: #FF0000;
}

.copyright {
 margin: 0 0 20px;
}

.powered {
 font-size: 85.71429%;
 color: #212121;
}
.powered img {
 width: 195px;
 margin: 0 0 -3px 3px;
}





/*******************/
/* サイドメニュー */
/******************/

.burogu{ /*ブログアイコン*/
 background:#cfb274;/*文字の所の背景*/
 padding: 10px 10px 10px 10px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 10px 5px 10px; /*アイコンなどの外側の幅を変える*/
 border-radius:10px;/*角の丸み*/
 text-align:center; /*文字をセンタリング*/
}
.burogu a{
 color:#ffffff; /*文字カラー*/
 font-size:120%;　/*フォントサイズ*/
}

.Twitter{ /*ツイッターアイコン*/
 background:#919191;/*文字の所の背景*/
 padding: 10px 10px 10px 10px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 10px 5px 10px; /*アイコンなどの外側の幅を変える*/
 border-radius:10px;/*角の丸み*/
 text-align:center; /*文字をセンタリング*/
}
.Twitter a{
 color:#ffffff; /*文字カラー*/
 font-size:120%;　/*フォントサイズ*/
}




#drawer {
 position: fixed;
 top: 0;
 left: -280px;
 overflow-x: hidden;
 overflow-y: scroll;
 width: 280px;
 height: 100%;
 color: #a19b96;
 -webkit-overflow-scrolling: touch;
 -moz-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px inset;
 -webkit-box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px inset;
 box-shadow: rgba(0, 0, 0, 0.3) -2px 0px 5px inset;
 -moz-transition-property: all;
 -o-transition-property: all;
 -webkit-transition-property: all;
 transition-property: all;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 -webkit-transition-duration: 0.2s;
 transition-duration: 0.2s;
 background:#f7f3f0;/*文字の所の背景*/
}

#drawer.open {
 -moz-transform: translate3d(280px, 0, 0);
 -webkit-transform: translate3d(280px, 0, 0);
 transform: translate3d(280px, 0, 0);
}
 .drawer.open {
   left: 0;
 }

.drawer-item {
 border-bottom: 1px solid #333;
}

.drawer-item-name {
 font-size: 114.28571%;
 font-weight: normal;
 display: inline-block;
 clear: both;
 width: 100%;
 margin: 0;
 padding: 20px;
 color: #fff;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.drawer-item-name .icon {
 width: 24px;
 margin: 0 10px 0 0;
}

.drawer-item-name-text {
 display: inline-block;
 width: 70%;
 margin: 0 8px 0 0;
 vertical-align:top;/*画像の下の謎の空白を消す*/
}

.drawer-item-name-icon {
 width: 10%;
 height: auto;
 text-align: right;
}
.drawer-item-name-icon .icon {
 width: 16px;
 margin: 0;
}

.drawer-accordion {
 border-bottom: 1px solid #333;
}
.drawer-accordion ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.drawer-accordion-name {
 font-size: 114.28571%;
 font-weight: normal;
 display: inline-block;
 clear: both;
 width: 100%;
 margin: 0;
 padding: 20px;
 color: #fff;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.drawer-accordion-name .icon {
 width: 24px;
 margin: 0 10px 0 0;
}

.drawer-accordion-name-text {
 display: inline-block;
 width: 70%;
 margin: 0 8px 0 0;
 vertical-align:top;/*画像の下の謎の空白を消す*/
}

.drawer-accordion-name-icon {
 width: 10%;
 height: auto;
 text-align: right;
}
.drawer-accordion-name-icon .icon {
 width: 16px;
 margin: 0;
}

.drawer-accordion-item {
 border-bottom: 1px solid #111;
 background: #222;
}
.drawer-accordion-item:last-child {
 border: none;
}
.drawer-accordion-item a {
 position: relative;
 display: inline-block;
 width: 100%;
 padding: 20px;
 color: #fff;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.drawer-accordion-item a:active {
 background: rgba(255, 255, 255, 0.1);
}
.drawer-accordion-item a img {
 vertical-align:top;/*画像の下の謎の空白を消す*/
}
.drawer-accordion-item .icon {
 width: 24px;
 margin: 0 10px 0 0;
}

.drawer-accordion-item-text {
 display: inline-block;
 width: 87%;
 margin: 0 8px 0 0;
 vertical-align:top;/*画像の下の謎の空白を消す*/
}

.drawer-accordion-item-icon {
 width: 10%;
 height: auto;
 text-align: right;
}
.drawer-accordion-item-icon .icon {
 width: 16px;
 margin: 0;
}

.drawer--search {
 border-bottom: 2px solid #333;
 padding: 20px;
}

/*
* product
*/
.regular {
 text-decoration: line-through;
 color: #aaa;
}

.price {
 font-size: 142.85714%;
 font-weight: bold;
}

.rate {
 color: #f44336;
}

.breadcrumblist {
 padding: 20px;
}

.taglist {
 padding: 0px 0 0;
}
.taglist p {
 margin: 0 0 10px;
}
.taglist a {
 margin: 0 6px 8px 0;
 align-items: center; /*縦方向に中央寄せ*/
}

.productform-inner {
 margin: 0 0 15px;
}

.stock_error {
 font-weight: bold;
 text-align: center;
 color: #f44336;
}

.table {
 width: 100%;
 height: auto;
}

.table--bordered {
 font-size: 85.71429%;
 border-top: 1px solid #ddd;
}
.table--bordered th {
 font-weight: normal;
 padding: 5px 3px 5px 25px; /*アイコンなどの内側の幅を変える*/
 text-align: center;
 border-bottom: 1px solid #ddd;
 text-align: left; /*文字を左寄せ*/
}
.table--bordered td {
 padding: 5px 10px 5px 15px;
 border-bottom: 1px solid #ddd;
}

.otherlist {/*ツイッターとラインの商品リンク*/
 padding: 0;
 list-style: none;
 margin: 3px 10px 3px 10px; /*アイコンなどの外側の幅を変える*/
}
.social {
 width: 100px;
 float: left;
 margin: 10px 0 0;
}




/*
* product-list
*/
.boxlist {
 list-style: none;
 padding: 0 10px;
 margin: 0;
}

.box {
 display: block;
 float: left;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.box .box-inner {
 display: block;
 padding: 0px 3px 5px 3px; /*アイコンなどの内側の幅を変える*/
}
.box .box-image {
 display: block;
 margin: 0 0 5px;
 text-align: center;
}
.box .box-title {
 margin: 0 0 0px;
 color: #212121;
 
   display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
 overflow: hidden;
 
 
}
.box .box-price {
 font-weight: bold;
 margin: 3px 0px 3px 0px; /*アイコンなどの外側の幅を変える*/
 color: #212121;
 font-size:12px;　/*フォントサイズ*/
}
.box .box-price--soldout {
 margin: 0 0 5px;
 color: #f44336;
}
.box .box-caption {
 font-size: 85.71429%;
 color: #999;
 line-height: 1rem;
}

.box--half {
 width: 50%;
}
.box--half img{
  background:#ffffff;/*文字の所の背景*/
}

.box--full {
 float: none;
 width: 100%;
}
.box--full img{
  background:#ffffff;/*文字の所の背景*/
}

.result {
 margin: 0px 10px 0px 10px; /*アイコンなどの外側の幅を変える*/
}
.result span {
 font-size: 128.57143%;
 font-weight: bold;
}

.sort {
 text-align: center;
}

.pager {
 padding: 0 20px 20px;
}

.rest {
 text-align: center;
 margin: 15px 0;
}
.rest span {
 font-size: 114.28571%;
 font-weight: bold;
}

.pager-prev {
 float: left;
 line-height: 1;
}
.pager-prev .icon {
 width: 14px;
}

.pager-next {
 float: right;
 line-height: 1;
}
.pager-next .icon {
 width: 14px;
}

.section--list .boxlist {
 padding: 0px 0px 0;
 margin: 0;
}

.section--list--sub .section-inner {
 padding: 0 20px 10px;
}

.subcategorylist {
 margin: 0;
 padding: 0;
 list-style: none;
}

.subcategorylist-item {
 margin: 0 20px 10px 0;
}
.subcategorylist-item a {
 font-size:80%;　/*フォントサイズ*/
}

.freespace01 {
 margin: 0 0 20px;
}

.freespace02 {
 padding: 20px 0 0;
}

.freespace-item {
 font-size: 85.71429%;
}

/*
* 特商法・その他
*/
.deflist {
 margin: 0;
}

.deflist-title {
 font-size: 128.57143%;
 margin: 0 0 0.5rem;
}

.deflist-body {
 margin: 0 0 20px;
}

.section--search .section-inner,
.section--free .section-inner,
.section--push .section-inner {
 padding: 20px;
}
.section--main {
 padding: 0 0 20px;
}

.section--search--detail {
 background: #212121;
}
.section--search--detail h2 {
 margin: 0 0 .5rem;
 padding: 20px 20px 0;
 color: #fff;
}
.section--search--detail .section-inner {
 padding: 0 20px 30px;
}

.section--push ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

/*
* パーツ
*/



.icon {
 display: inline-block;
 vertical-align: middle;
}

.icon-open--flip {
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}

.button {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
 border: none;
 display: inline-block;
}

.button--red {
 background: #f44336;
 color: #fff;
}

.button--blue {
 background: #ED8D49;
 color: #fff;
}

.button--orange {
 background: #ED8D49;
 color: #fff;
}

.button--line {
 border: 1px solid #ED8D49;
 color: #ED8D49;
}

.button--sort {
 font-size: 100%;
 padding: 5px 0;
 width: 28%;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

.button--tag {
 padding: 5px 10px 5px 10px; /*アイコンなどの内側の幅を変える*/
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

.button--small {
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 font-size: 114.28571%;
 padding: 10px 5px 10px 5px; /*アイコンなどの内側の幅を変える*/

 line-height: 1;
}

.button--medium {
 font-size: 100%;
 padding: 10px;
 margin: 8px 0;
 width: 100%;
 line-height: 1;
}
.button--medium .icon {
 width: 14px;
 margin: 0 0 0 5px;
}

.button--large {
 font-size: 128.57143%;
 font-weight: bold;
 padding: 20px 0;
 width: 93%;
 margin: 0px 10px 5px 10px; /*アイコンなどの外側の幅を変える*/
 text-align:center; /*文字をセンタリング*/
}

.button--disabled {
 background: #a19b96;
 color: #fff;
}





input[type="number"].productnum {
 padding: 10px 10px;
 width: 93.5%;
 height: 28px;
 font-size:110%;　/*フォントサイズ*/
}

input[type="text"].productnum {
 padding: 8px 10px;
 width: 15%;
}

.pulldown {
 width: 100%;
 height: 40px;
 background: #fff;
 margin: 0 0 15px;
 border: 1px solid #bdbdbd;
}

input[type="text"].name-title {
 padding: 8px 10px;
 width: 100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

/*
* モーダル
*/
#modal-content {
 position: absolute;
 z-index: 9999;
 display: none;
 width: 75%;
 margin: 0;
 padding: 10px 20px;
 background: #fff;
}

#modal-overlay {
 position: fixed;
 z-index: 2000;
 top: 0;
 left: 0;
 display: none;
 width: 100%;
 height: 120%;
 background-color: rgba(0, 0, 0, 0.75);
}

#modal-close {
 font-size: 28px;
 position: absolute;
 top: -20px;
 right: -5%;
 padding: 10px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
}

#modal-close .icon{
 width: 20px;
 vertical-align: initial;
}




/**************************商品ページのサイズなどの表のCSS******************************/
.saizuhyou2{
 max-width:500px;
 border-radius: 4px;/*角の丸み*/
 background:#f1eeeb;/*文字の所の背景*/
 color:#696562; /*文字カラー*/

}
.saizuhyou2 th{
 text-align:center; /*文字をセンタリング*/
 padding: 3px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 border-bottom: 1px solid #ffffff;/*下に線を引く*/
}
.saizuhyou2 td{
 padding: 3px 10px 3px 10px; /*アイコンなどの内側の幅を変える*/
 border-bottom: 1px solid #ffffff;/*下に線を引く*/
 border-left: 1px solid #ffffff;/*左に線を引く*/
}
.ue2{
 background:#a19a95;/*文字の所の背景*/
 border-left: 1px solid #ffffff;/*左に線を引く*/
}

 .saizuhyou3{

   border: solid 1px #c6c6c6; /*アイコンなどの縁*/
   border-radius: 4px;/*角の丸み*/
 }
 .saizuhyou3 th{
   text-align:center; /*文字をセンタリング*/
   padding: 3px 5px 3px 5px; /*アイコンなどの内側の幅を変える*/
 }
 .saizuhyou3 td{
   padding: 3px 10px 3px 10px; /*アイコンなどの内側の幅を変える*/
 }
 .ue3{
   background:#a19a95;/*文字の所の背景*/
 }
 .yoko3{
   border-right: 1px solid #c6c6c6;/*上に線を引く*/
 }


/***********************************************************************/

select {
 -webkit-appearance: none;
 border-radius: 0;
 padding: 0px 0px 0px 5px; /*アイコンなどの内側の幅を変える*/
 background-color: #FFF;
 border: 1px solid #555;
}
input[type="text"] {
 appearance: none;
 -webkit-appearance: none;
 line-height: 18px;/*下のvertical-alignとセットで使う親要素にこれを*/
 vertical-align: middle;/*インラインブロックの時の縦方向の真ん中寄せ*/
}

/**************************特集ページベーシック(一応残してる)******************************/
.meka15{/*全体*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 8px;/*角の丸み*/
 border: solid 1px #c6c6c6; /*アイコンなどの縁*/
 margin: 0px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.obiobi1 img{/*上の帯画像*/
 border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
}
.obiobi2 img{/*下の帯画像*/
 border-radius: 0px 0px 8px 8px;/*角の丸み変則*/
}
.huripetaitoru{/*タイトル*/
 background:#a19b96;/*文字の所の背景*/
 color: #ffffff;
 border-radius: 8px 8px 0px 0px;/*角の丸み変則*/
 padding: 3px 0px 3px 0px; /*アイコンなどの内側の幅を変える*/
}
.meka0{/*サブタイトル*/
 display: flex;/*フレックスボックス*/
 margin: 7px 7px 5px 7px; /*アイコンなどの外側の幅を変える*/
 border-bottom: 1px solid #fbfbfb;/*下に線を引く*/
}
.meka0 a{
 margin: 5px 0px 5px 7px; /*アイコンなどの外側の幅を変える*/
 font-size:80%;　/*フォントサイズ*/
}
.meka{/*コンテナ*/
 display: flex;/*フレックスボックス*/
 flex-wrap: wrap;/*フレックスボックスで折り返し*/
 justify-content: center;/*フレックスボックス中央寄せ*/
}
.meka img{
 width:100%;/*横のサイズ指定*/
 margin: 0px 0px 5px 0px; /*アイコンなどの外側の幅を変える*/

}
.nakami{/*アイテム*/
 width:30%;/*横のサイズ指定*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}

.nakami66{/*アイテム*/
 width:30%;/*横のサイズ指定*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
}

.nakamitaitoru{/*商品名*/
 text-align: left; /*文字を左寄せ*/
 display: -webkit-box;/*↓ここから文字がはみ出した時に…にする*/
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
 overflow: hidden;
 font-size:11px;　/*フォントサイズ*/
}
.nakamitaitoru a{
 color:#000000; /*文字カラー*/
}
.nakaminedan{/*商品金額*/
 text-align: left; /*文字を左寄せ*/
 overflow: hidden;
 height: 20px;
 font-size:70%;　/*フォントサイズ*/
}

/********************************************************
　　　　　↓↓↓　ここから設定しなおした項目　↓↓↓
********************************************************/

/**************************上ヘッダー******************************/
.header{
position: fixed;
top: 0vh;
width: 100%; /*横のサイズ指定*/
background: #303d54; /*文字の所の背景*/
z-index: 100; /* 重なり順指定 */
max-height: 50px; /*縦のサイズ指定*/
}
.header_nakami{
display: flex; /*フレックスボックス*/
width: 96.5%; /*横のサイズ指定*/
align-items: center; /*フレックスボックス縦方向に中央寄せ*/
padding: 5px 7px 5px 8px; /*アイコンなどの内側の幅を変える*/
}
.header_nakami_1{
height: 40px; /*縦のサイズ指定*/
 margin: 3px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.header_nakami_1 img{
width: 40px; /*横のサイズ指定*/
}
.header_nakami_2{
margin: 0px 0px 0px 10px; /*アイコンなどの外側の幅を変える*/
width: 100%; /*横のサイズ指定*/
}
/**************************上ヘッダーの検索窓******************************/

/*文字検索窓*/
.nyuuryokumado{
font-size: 80%; /*フォントサイズ*/
background: #fff; /*文字の所の背景*/
padding: 0px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
box-sizing: border-box;
width: 83%;/*横のサイズ指定*/
height: 30px;/*縦のサイズ指定*/
border: 0; /*枠線を消す*/
border-radius: 3px 0px 0px 3px; /*角の丸み変則*/
}
/*検索窓の虫眼鏡の所*/
.btnmusimegane{
text-align:center; /*文字をセンタリング*/
width: 15%;/*横のサイズ指定*/
height: 30px;/*縦のサイズ指定*/
border: 0; /*枠線を消す*/
background:#83aa6c;/*文字の所の背景*/
color:#ffff; /*文字カラー*/
vertical-align:top;/*画像の下の謎の空白を消す*/
border-radius: 0px 3px 3px 0px; /*角の丸み変則*/
}
/**************************土日祝も15時までのご注文で******************************/
.hassou15zi{
padding: 3px 15px 2px 15px; /*アイコンなどの内側の幅を変える*/
background:#cdc6c0; /*文字の所の背景*/
color:#775641; /*文字カラー*/
text-align:center; /*文字をセンタリング*/
font-size:90%;　/*フォントサイズ*/
}
/**************************あと〇〇円で送料無料*******************************/
.souryoumu1{
text-align:center; /*文字をセンタリング*/
display: inline-block; /*ブロック化してpaddingやmarginを適用させる*/
width: 100%; /*横のサイズ指定*/
color: #303d54; /*文字カラー*/
}
.souryoumu1 li{
list-style: none;　/*リストの点を消す*/
padding: 0px 0px 0px 0px; /*アイコンなどの内側の幅を変える*/
margin: 8px 5px 1px 5px; /*アイコンなどの外側の幅を変える*/
border: 1px solid #f16911; /* 下側を含む四辺に1pxの線を引く */
border-radius: 3px; /*角の丸み*/
}
.souryoumu1 p{
margin: 1px 1px 1px 1px; /*アイコンなどの外側の幅を変える*/
}
/**************************全体******************************/
.zentai{
 width: 100%; /*横のサイズ指定*/
 margin: 50px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/**************************下フッターというか下固定メニュー******************************/
.footer{
 position: fixed;
 bottom: 0vh;
width: 100%;
background: #b4b4b4; /*文字の所の背景*/
z-index: 100; /* 重なり順指定 */
}
.footer_nakami{
display: flex; /*フレックスボックス*/
padding: 3px 3px 3px 3px; /*アイコンなどの内側の幅を変える*/
justify-content: space-around; /*フレックスボックス左右両端のスペースを含めて等間隔に配置*/
}
.footer_nakami a{
max-width: 40px; /*横のサイズ指定*/
}
.footer_nakami img{
max-width: 40px; /*横のサイズ指定*/
margin: 3px 3px 3px 3px; /*アイコンなどの外側の幅を変える*/
}

/**************************ヘルプメニュー******************************/
.herupu_zentai{
 margin: 20px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 0px 5px 0px 5px; /*アイコンなどの内側の幅を変える*/
 list-style: none; /*点を消す*/
 color: #303d54; /*文字カラー*/
 background: linear-gradient(#ffffff,#e9e9e9); /*下方向にグラデーション*/
}
.herupu_zentai a{
 color: #303d54; /*文字カラー*/
}
/*項目*/
.herupu_nakami{
 padding: 8px 5px 8px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 0px 5px 0px 5px; /*アイコンなどの外側の幅を変える*/
 border-bottom: 1px solid #b4b4b4; /*下に線を引く*/
}
/*SNS/ブログ＆ツイッター*/
.herupu_sns{
 margin: 8px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.herupu_sns a{
 color: #ffffff; /*文字カラー*/
}
/*特定商取引法に基づく表記/プライバシーポリシー*/
.herupu_tokusyoupuraibasi{
 display: flex; /*フレックスボックス*/
 justify-content: center; /*フレックスボックス中央寄せ*/
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
.herupu_tokusyoupuraibasi a{
 color: #b4b4b4; /*文字カラー*/
 font-size: 50%; /*フォントサイズ*/
}
/**************************下の実店舗のまいちゃん******************************/
.zitutenpojouhou1{
 background: #e9e9e9; /*文字の所の背景*/
}
.zitutenpojouhou1 img{
 width: 100%; /*横のサイズ指定*/
 margin: 0px 0px 52px 0px; /*アイコンなどの外側の幅を変える*/
}
/**************************最近チェックした******************************/
/*最近チェック_全体*/
.saikintyekku {
 margin: 10px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
}
/*最近チェック_タイトル*/
.saikintyekku_taitoru{
 margin: 5px 0px 0px 0px; /*アイコンなどの外側の幅を変える*/
 padding: 10px 0px 0px 10px; /*アイコンなどの内側の幅を変える*/
 text-overflow: ellipsis;
 font-size:130%;　/*フォントサイズ*/
 display: inline-block;/*ブロック化してpaddingやmarginを適用させる*/
}
/*最近チェック_単体枠*/
.saikintyekku_waku{
 display: flex;/*フレックスボックス*/
 list-style: none;　/*点を消す*/
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 5px 5px 5px; /*アイコンなどの外側の幅を変える*/
 flex-wrap: wrap; /*フレックスボックスで折り返し*/
 justify-content: center; /*フレックスボックス中央寄せ*/
}
/*最近チェック_単体枠中身*/
.saikintyekku_naka{
 padding: 5px 5px 5px 5px; /*アイコンなどの内側の幅を変える*/
 margin: 5px 3px 5px 3px; /*アイコンなどの外側の幅を変える*/
 background:#ffffff;/*文字の所の背景*/
 border-radius: 5px;/*角の丸み*/
 width: 20%; /*横のサイズ指定*/
}
