@charset "UTF-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
base_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* kyoutu body
--------------------------------------- */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
height: 100%;
}
body {
margin: 0 auto;
padding: 0;

width: 100%;
height: 100%;

font-size: 16px;
-webkit-text-size-adjust: 100%;
color: #333333;
line-height: 1.5;
letter-spacing: 0.8pt;

background-color: #ffffff;
word-wrap : break-word;
overflow-wrap : break-word;
}

a {
text-decoration: none;
outline: none;
color: #1d33b7;
}
a:hover {
color: #6e9ed1;
text-decoration: underline;
}


h1, h2, h3 {
font-size: 16px;
}
ul, li {
list-style-type: none;
}
hr {
margin: 0 0 30px 0;
border: 1px solid #bfbfbf;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
}
img {
border: none;
max-width: 100%;
height: auto;
}
section {
clear:both;
}
body { 
display: none;
transition: display .3s;
}
.red {
color: #A30709;  
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
base_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
リセット_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html, body {
background: #FFF;
color: #000;
}
body, div, span,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, dfn,
p, blockquote, pre, code, abbr, address, cite, del,
strong, em, img, b, i, small,
table, thead, tbody, tfoot, tr, th, td, caption,
object, iframe, form, fieldset, legend, label {
margin: 0;
padding: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body.mac {
font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
* html body {
font-size: small;
}
*:first-child+html body {
font-size: small;
}
head~/* */body {
font-size: small;
}
html:not(:target) body {
font-size: 16px;
}
#document {
font-size: 77%;
} /* 10px */
img {
border: none;
vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
font-size: 18px;
font-weight: bold;
line-height: 1.5;
}
strong, dt, dfn {
font-style: normal;
font-weight: bold;
}
em {
font-style: italic;
font-weight: normal;
}
address, caption, cite, code, th {
font-style: normal;
font-weight: normal;
}
sup {
vertical-align: text-top;
font-size: 0.75em;
line-height: 1;
}
sub {
vertical-align: text-bottom;
font-size: 0.75em;
line-height: 1;
}
input,textarea,select {
margin: 0;
font-family:inherit;
font-size: inherit;
font-weight:inherit;
}
* html input,* html textarea,* html select {
font-size: 100%;
}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {
font-size: 100%;
}
head~/* */body input, head~/* */body textarea, head~/* */body select {
font-size: 100%;
}
html:not(:target) body input, html:not(:target) body textarea, html:not(:target) body select {
font-size: inherit;
}
pre, code {
font-family: monospace;
}
fieldset {
border: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
}
th,td {
vertical-align: top;
}
caption {
text-align: left;
}

ul, dl, ol {
text-indent: 0;
}

li {
list-style: none;
list-style-position: outside;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
margin: 0;
padding: 0;
}

audio, video {
margin: 0;
padding: 0;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
リセット_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パーツ_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*ヘッダー下注意文*/
.main_attention {
padding: 5px;
background-color: #ffffff;
}
.main_attention p {
color: #A30709;
font-weight: bold;
}
.main_attention p span {
margin: 0 0.3em;
padding: 0 0.2em;
}
.main_attention p span.under {
border-bottom: 2px solid #A30709;
}
.main_attention p span.block {
border-bottom: 2px dashed #A30709;
}
/*決済画面メルマガボタンけす*/
input input--is_checkbox input--is_success ng-scope {
display:none;
}


/*おしらせのiframe*/
.oshirase iframe {
display: block;
width: 90%;
height: 500px;
}

/*コンテンツタイトル*/
.contents-tittle {
text-align: center;
padding:5em 0;
}

.contents-tittle h2 {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 600;
border-bottom: 3px solid #8D0249;
display: inline-block;
}	

/*よくある質問*/
.yokuaruoshirase {
margin-top: 3em;
margin-right: auto;
margin-bottom: 3em;
margin-left: auto;
width:80%;
text-align: center;
}

.p-privacy-box {
margin-top: 2em;
margin-bottom: 2em;
}
.p-privacy-box .c-ttl-second {
margin-bottom: 0.5em;
padding: 0.5em;
display: inline-block;
position: relative;
font-size: 1.5em;
}
.p-privacy-box .c-ttl-second::before {
content: '';
margin-bottom: 0.3em;
margin-right: 0.5em;
width: 15px;
height: 15px;
display: inline-block;
background-color: #8D0249;
transform: rotate(45deg);
vertical-align: middle;
}
.p-privacy-box dd {
margin-bottom: 4em;
line-height: 1.5;
}
.p-privacy-box table {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
min-width: 45%;
}
.p-privacy-box table th,
.p-privacy-box table td {
padding: 0.8em;
vertical-align: middle;
}
.p-privacy-box table tr {
border-bottom: 1px solid #000000;
}
.p-privacy-box table td:last-of-type {
text-align: left;
}

/*営業日カレンダー*/

.calendar_container .side_cal {
margin-bottom: 1.5em;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.calendar_container .side_cal table tr:nth-child(n+2) {
border-bottom: 1px solid #000000;
}
.calendar_container .side_cal table tr:last-of-type {
border: 0;
}
.calendar_container .side_cal table tr,
.calendar_container .side_cal table th,
.calendar_container .side_cal table td {
box-sizing: border-box;
text-align: center;
}
.calendar_container .side_cal table th,
.calendar_container .side_cal table td {
padding: 0.5em 0;
width: calc(100%/7);
}
.calendar_container caption {
margin-bottom: 1em;
font-size: 1.5em;
text-align: center;
}
.calendar_txt {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 90%;
text-align: center;
}
.calendar_txt p {
margin-bottom: 1em;
}
.calendar_txt ul {
margin-top: 2em;
margin-bottom: 3em;
display: inline-block;
text-align: left;
}
.calendar_txt ul li {
margin-bottom: 1em;
}
.calendar_txt .closed {
padding: 0.2em;
background-color: #A30709;
color: #ffffff;
}
.calendar_txt .stopped {
padding: 0.2em;
background-color: #0F1DA3;
color: #ffffff;
}
.calendar_container .side_cal_memo {
margin-bottom: 5em;
}


/*カテゴリから探すボタン*/	
.category_button {
text-align: center;
border: 1px solid #000;
border-radius: .5em;
display: block;
width:20%;
margin: 0 0 1.5em 0;
box-sizing: border-box;
}

.category_button p {
font-size:1.5em;
height: auto;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 600;
display: inline-block;
text-align: center;
border-bottom: 3px solid #8D0249;
}

.category_button a {
text-decoration: none;
color: #000;
display: block;
padding: 2em 0;
}

.category_button a:hover {
color: #fff;
}

.category_button:hover {
transition: .3s;
color: #fff;
border: 1px solid #8D0249;
background-color: #8D0249;
}

/*ページ送り*/
.send_page {
width: 95%;
margin: 2em auto 5em auto;
text-align: center;
}

.send_page p{
padding-bottom: 5em;
}

.send_page_wrap p{
text-decoration: none;
color: #000;
border: 1px solid #000;
margin: 2em;
padding: 1em;
}
.send_page_wrap a{
text-decoration: none;
color: #000;
border: 1px solid #000;
margin: 2em;
padding: 1em;
}





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パーツ_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ヘッダー_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#headerWrap {
padding: 0em 2em;
margin-bottom: 2em;
background-color: #fff;
}

.header_top {
display: flex;
justify-content:space-between;
align-items: center;
padding: 1em 0;
}

.header_top ul {
display: flex;
}

.header_top ul li {
padding: 0 2em;
}

.header_top ul li a {
text-decoration:none;
color: #000;
}

.header_top ul li a:hover {
transition: 0.4s;
opacity: 0.5;
}

.header_top ul li img {
width: 1.5em;
padding-right: 0.5em;
vertical-align: baseline;
}
.header_top .nav_bt_f a {
display: none;
}

#headerWrap h1 {
display: inline-block;
width: 18%;
}

#headerWrap h1 a img {
width:100%;
}

#headerWrap h1 a {
display: block;
}

.header_under {
display: flex;
align-items: center;
justify-content: space-between;
}


.header_under .panel ul {
display: flex;
}

.header_under .panel ul li{
padding: 0 2em;
}

.header_under .panel ul li:not(:first-child){
border-left: 1px solid #000;
}

.header_under .panel ul li a {
text-decoration:none;
}

.header_under .panel ul li a {
text-decoration:none;
color: #000;
}

.header_under .panelul li a:hover {
transition: 0.4s;
opacity: 0.5;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ヘッダー_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッター_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footerWrap {
width: 100%;
margin: 0 auto;
background-color: #000;
color: #fff;
padding-top: 4em;
}

.footer_container{
width:90%;
margin: 0 auto;
}

.company {
display: flex;
}

.company img {
}

.shopimg {
width: 66%;
padding-bottom: 2em
}

.company_info {
padding-left: 4em;
}

.company_info p {
border-bottom: solid 1px #fff;
margin-bottom: 0.5em;
}

.company_info section {
padding-top: 2em;
}

.category {
margin-bottom:5em;
}

.category .panel ul {
display: flex;
width: 100%;
flex-wrap: wrap;
padding-top: 2em;
}

.category .panel ul li {
flex-grow: 1;
text-align: center;
}

.category .panel ul li:not(:first-child) {
border-left: 1px solid #fff;
}

.category.panel ul li a {
text-decoration:none;
}

/*ul li a の装飾*/
.category ul li a {
text-decoration:none;
color: #fff;
}

/*メニューのホバー*/
.category ul li a:hover {
transition: 0.4s;
opacity: 0.5;
}

.copyright {
text-align:center;
font-size: 12px;
}

.shopkeeper {
display: flex;
margin-bottom:2em;
}

.shopkeeper_item {
width: 100%;
line-height: 1.5;
padding: 0 0;
}

.shopkeeper_item p {
line-height: 1.5;
padding-bottom: 2em;
}

.shopkeeper_item:first-child {
padding-right:2em;	
}

.shopkeeper_item:nth-child(2) {
padding: 0 2em;	
}

.shopkeeper_item:not(:last-child) {
border-right:solid 1px;
}

.shopkeeper_item p span img {
width: 100%;
margin: 2em 0;
}

.shopkeeper_tittle {
display: flex;
align-items: center;
margin-bottom: 1em;
}

.shopkeeper_tittle img {
padding-right: 1em;
width: 2em;
}

.sns {
margin-bottom: 2em;
}


.sns_item ul {
display: flex;
padding-top: 2em;
}

.sns_item ul li a {
text-decoration:none;
}

.sns ul li a {
text-decoration:none;
color: #fff;
}

.sns ul li a:hover {
transition: 0.4s;
opacity: 0.5;
}

.sns a span i {
padding-right: 0.5em;	
}

.footer_menu {
margin-bottom:5em;
}
.footer_menu h2 {
padding-left:2em;
}

.footer_menu_item ul {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-top: 2em;
}

.footer_menu_item ul li {
flex-grow: 1;
text-align: center;
}

.footer_menu_item ul li span {
font-size: 1.1em;
}

.footer_menu_item li+ li {
border-left: 1px solid #fff;
}

.footer_menu_item ul li a {
text-decoration:none;
}

.footer_menu ul li a {
text-decoration:none;
color: #fff;
}

.footer_menu ul li a:hover {
transition: 0.4s;
opacity: 0.5;
}

#footer #payment table tr th,
#footer #payment table tr td {
padding: 0.2em;
border: 1px solid #ffffff;
}
#footer #payment table tr th {
background-color: #dfdfdf;
color: #000000;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
フッター_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
コンテンツ関連_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* ランキング */	
.rank_wrap {
padding: 5em 0;
}
.rank_container {
margin: 0 auto;
width: 90%;
display: flex;
justify-content: space-between;	
gap:1em;
}
.rank_contants a {
margin-bottom: 1em;
display: block;
position: relative;
}
.rank_contants a::before {
content: '';
width: 45px;
line-height: 45px;
display: block;
border-radius: 100px;
color: #ffffff;
font-size: 26px;
text-align: center;
position: absolute;
top: 15px;
left: 15px;
}
.rank_contants:first-of-type a::before {
content: '1';
background-color: rgba(153,129,51,1);
}
.rank_contants:nth-child(2) a::before {
content: '2';
background-color: rgba(128,128,128,1);
}
.rank_contants:nth-child(3) a::before {
content: '3';
background-color: rgba(149,111,47,1);
}
.rank_contants:nth-child(4) a::before {
content: '4';
background-color: rgba(170,170,170,1);
color: rgba(102,102,102,1);
}
.rank_contants:nth-child(5) a::before {
content: '5';
background-color: rgba(170,170,170,1);
color: rgba(102,102,102,1);
}
.rank_tittle {
font-size:1.25em;
}


/* 価格帯から探す */
.price_wrap {
background-image: url("https://oshirase.meatcenter.co.jp/gazou/top/washi_bg.jpg");
padding: 5em 0;
}

.price_container {
display: flex;
width: 90%;
margin: 0 auto;
flex-wrap: wrap;
justify-content: center;
column-gap:2em;
}

.price_container a{
text-decoration: none;
background-color: #fff;
border-radius: 5em;
color: #000;
display: block;
flex-grow: 1;
text-align: center;
}

.price_container a:hover {
color: #fff;
background-color: #8D0249;
transition: .5s;
}	




/* 第二階層 パンクズリスト */
.pankuzu {
background-color:#000;
padding: 2em;
}
.pankuzu nav ul {
display:flex;
}
.pankuzu nav ul li {
color: #fff;
}
.pankuzu nav ul li span::before {
content: ">";
padding: 1em;	
}
.pankuzu nav ul li a {
color: #fff;
}

/* 第二階層 タブ */
.c-item-list__item{
width: 30%;
}
.tab_wrap {
display: flex;
flex-wrap: wrap;
background-color: #534741;
}
.tab_wrap.menu li{
width: 12%;
}

.tab_wrap.menu li a{
  font-size: 18px;
}

.tab_wrap.menu .tab_container .tab_contents a {
    padding: 1.5rem 0;
}

.tab_wrap.menu li:nth-child(5) .tab_contents a {
    padding-left: .8rem;
}

.tab_wrapper {
width:90%;
margin: 0 auto;
}
.tab_box_wrap {
display: flex;
gap: 2em;
padding-top: 5em;
flex-wrap: wrap;
justify-content: space-between;
}
.tab_container:not(:last-child) {
border-right: 1px solid #534741;
}
.tab_container:hover {
background-color: #fff;
}
.tab_container .tab_contents a {
color: #fff;
display: block;
text-align: center;
padding: 2em;
}
.tab_contents a:hover {
text-decoration: none;
color: #000;
}
.tab_box_container {
width: 100%;
}
.tab_box_container img {
width: 100%;
}
.tab_box_tittle {
font-size: 1.8rem;
}
.tab_box_tittle a {
text-decoration: none;
color: #000;
}

/* 第二階層メイン画像にかかる文字 */
.second_level_main {
position: relative;
}
.second_level_main_txt {
display: flex;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: drop-shadow(0 0 1em rgba(0,0,0,0.5));
}
.second_level_main_txt h2 {
font-size: 2em;
color: #fff;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: 100;
}
.second_level_main_txt p {
color: #fff;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: 100;
padding-left: 2em;
margin-left: 2em;
border-left: 3px solid #fff;
}

/* 会社概要 */
table.gaiyou {
margin: 5em auto 0em auto;
}	
table.gaiyou tr {
border-bottom:1px solid #000;
}
table.gaiyou tr:last-child {
border-bottom:none;
}
table.gaiyou td,th {
padding: 1em;
}
table.gaiyou th {
width: 30%;
text-align: left;
padding: 1em;
}
.map iframe {
margin: 5em 0 5em 0;
width:100%;
display: block;
height: 500px;
}

/* ご利用案内 */
.guideFlowList {
margin: 80px  auto 40px auto;
display: block;
}
.guideFlowList dt {
margin-bottom: 1em;
font-size: 1.5rem;
text-align: center;
}
.guideFlowList dd {
text-align: center;
}
.guideFlowList ul {
display: inline-block;
text-align: left;
}
.guideFlowList li {
width: auto;
min-width: 300px;
line-height: 1.6;
font-size: 1.3rem;
text-align: left;
}
.guideFlowList li  a {
color: #333333;
}

  

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
コンテンツ関連_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PC表示_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media (min-width: 1200px) {

.contents-tittle h2 {
font-size:3em;
}	
.hamburger-menu {
display: none;
}
.kaigyo {
display: none;
}
/* ヘッダー下注意文 */
.main_attention p {
font-size: 0.9vw;
}

/*第二階層こだわりページ*/
.price_container a {
filter: drop-shadow(0 0 1em rgba(0,0,0,0.3));
padding: 1em;
}
.price_container a:hover {
filter: drop-shadow(0 0 0 rgba(0,0,0,0.0));
}
 .process_wrap {
display: block;
width:80%;
margin: 0 auto;
}
.process_wrap .contents-tittle {
padding: 5em 0 0 0;
}  
.process_container_01::after , .process_container_02::after ,
.process_container_03::after , .process_container_04::after,
.process_container_05::after {
content: " ";
margin-bottom: 5em;
}
.process_container_01 , .process_container_03 ,
.process_container_05 {
width:50%;
padding: 15em 0;
margin-left: auto;
}
.process_container_02 , .process_container_04 {
width:50%;
padding: 15em 0;
margin-right: auto;
}
.process_container_01 img ,.process_container_03 img , 
.process_container_05 img {
width: 35%;
border: none;
height: auto;
position: absolute;
right: 49%;
z-index: -5;
}
.process_container_02 img ,.process_container_04 img {
width: 35%;
border: none;
height: auto;
position: absolute;
left: 49%;
z-index: -5;
}
.process_contents {
text-align: center;
margin: 0 auto;
width: 80%;
}
.process_contents h3 {
font-size: 8em;
font-weight: 100;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-align: left;
}
.process_contents p {
font-size: 2em;
text-align: left;	
padding-bottom: 2em;
}
.process_contents_txt {
padding: 2em;
background-color: #fff;
filter: drop-shadow(0 0 1em rgba(0,0,0,0.3));
text-align: left;
}
.tab_container {
flex-grow:1;
height: auto;
background-color: #978475;
border-bottom: 1px solid #534741
}
.shopkeeper_item:last-child {
padding-left:2em;	
}

 /* 人気ランキング　*/
.rank_contants {
display: block;
width: calc(100%/5);
}
/* 営業日カレンダー　*/
.calendar_container {
gap:10em;
}
.calendar_container .side_cal {
margin-right: auto;
margin-left: auto;
width: 90%;
}
.calendar_container .side_cal table {
width: calc(95%/2);
}

/* ご利用案内 */
.guideFlowList {
width: 70%;
}

}/* PC表示_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP表示_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media (max-width: 1199px) {
/*バーガーメニュー*/	
.menu-btn {
position: fixed;
top: 10px;
right: 10px;
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
background-color: #8D0249;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #ffffff;
position: absolute;
}
.menu-btn span:before {
bottom: 8px;
}
.menu-btn span:after {
top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0);
}
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
#menu-btn-check {
display: none;
}

/*バーガータップ後の展開後	*/
.menu-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 80;
background-color: transparent;
transition: all 0.5s;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.menu-content ul {
margin-right: 0;
margin-left: auto;
padding: 3em 0;
background-color: #666464;
width: 90%;
}
.menu-content ul li {
border-bottom: solid 1px #ffffff;
list-style: none;
}
.menu-content ul li a {
display: block;
text-align: center;
font-size: 1.5em;
color: #ffffff;
text-decoration: none;
padding: 1em 1em;
}
.menu-content ul li img {
margin-right: 5px;
max-width: 25px;
display: inline-block;
vertical-align: baseline;
filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}
#menu-btn-check:checked ~ .menu-content {
background-color: rgba(0,0,0,0.8);
left: 0;/*メニューを画面内へ*/
}
.header_under {
display: initial;
text-align: center;
}
.header_under .panel {
display: none;
}
#headerWrap h1 {
display: block;
width: 40%;
}
.header_top p {
margin: 1em auto;
text-align: center;
display: none;
}
.header_top ul {
display: none;
}
.header_top ul li {
margin: 1em 0;
}
/* ヘッダー下注意文 */
.main_attention p {
font-size: 0.9rem;
text-align: justify;
}

  /* ご利用案内 */
.guideFlowList {
width: 90%;
}
  
/*=================================
フッターSP
===================================*/
.company {
display: initial;
margin: 0;
}

.shopimg {
width: 100%;
margin-bottom: 2em;
}

.company_info {
width: 90%;
margin: 0 auto;
padding-left:0;
text-align: center;
}		

.company_info img {
margin: 0 auto 3em auto;
text-align: center;
padding-bottom: 1em;
}	

.company_info p {
display: inline-block;
font-size: 1.5em;
margin-bottom: 2em;
}	

.company_info section {
padding: 0;
}

.company_info ul {
margin-bottom: 2em auto;
width: 100%;
}	
.company_info ul li {
margin-bottom: 1em;
}

.company_info ul li:last-child {
margin-bottom: 5em;
}

.category {
margin: 0 auto 5em auto;
text-align: center;
}	

.category h2 {
padding-left: 0;
font-size: 1.5em;
text-align: left;
}		

.category .panel ul li {
width:50%;
padding: 1em 0 1em 0;
border-bottom:1px solid #000;
box-sizing: border-box;
background-color: #666464;
}
.category .panel ul li:not(:first-child) {
border-left: none;
}
.category .panel ul li:nth-child(odd) {
border-right:1px solid #000;
}
.shopkeeper {
display: initial;
margin-bottom:2em;
}	
.shopkeeper_item {
padding: 0;
width: 90%;
margin: 0 auto 5em auto;
}
.shopkeeper_item:first-child {
padding-right: 0;
} 

.shopkeeper_item:not(:last-child) {
border-right:0;
}
.shopkeeper_item:nth-child(2){
padding:0;
}  
.shopkeeper_tittle h2 {
font-size: 1.5em;
}
.shopkeeper_tittle img {
font-size: 1.5em;
}
.sns {
margin: 0 auto;
}	
.sns h2 {
padding-left: 0;
width:80%;
font-size: 1.5em;
}	
.sns_item ul {
text-align: center;
align-items: center;
justify-content: space-between;
}
.sns_item ul li {
width: 50%;
}
.footer_menu {
margin: 0 auto 5em auto;
}	
.footer_menu_item ul li {
width: 48%;
padding: 1em 0 1em 0;
background-color: #666464;
border:1px solid #000;
box-sizing: border-box;
}
.kaigyo_sp {
display: none;
}		
section #wrap {
width: 90%;
margin: 0 auto;
}		
.contents-tittle h2 {
font-size: 2em;
padding-bottom: .5em;
}	
.tab_box_container {
text-align: center;
margin-bottom: 2em;
}
.tab_box_container img {
margin-bottom: 1em;
}
.tab_box_tittle {
font-size: 1.5em;
}	
.tab_container {
width: calc(100%/2);
flex-grow:1;
box-sizing: border-box;
}		
.tab_container:not(:last-child) {
border-bottom: 1px solid #534741;
}
.pankuzu nav ul {
justify-content: flex-start;
}

	
.price_container a {
width:75%;
margin: 0 auto;
filter: drop-shadow(0 0 0.5em rgba(0,0,0,0.3));
padding: 1em;
}	
.price_container a:hover {
filter: drop-shadow(0 0 0 rgba(0,0,0,0.0));
}	

.rank_contants {
margin-bottom: 1.5em;
}

.rank_contants p:not(:last-child) {
font-size: 1.5em;
margin-top: 1em;
}




/*第二階層のべのこだわりSP*/
.second_level_main img {
width: 100%;
height: 300px;
object-fit: cover;
}	
.second_level_main_txt {
width: 90%;
text-align: center;
display: initial;
align-items: none;
}
.second_level_main_txt p {
padding-left:0;
margin-left:0;
border-left:0;
}	
.process_contents {
border-left:3px solid #000;
padding-left: 1em;
}	
.process_contents h3 {
font-size: 1.5em;
}	
.process_container_01 img , .process_container_02 img , .process_container_03 img , .process_container_04 img , .process_container_05 img {
margin-bottom:2em;
}
.process_contents_txt {
margin: 2em 0;
}	
/*第二階層贈答用SP*/
.tab_box_wrap {
gap:5em;
padding-top:2em;
}


/*会社概要*/	
table.gaiyou {
margin:0;
}
.map iframe {
margin:0;
}	
	


  /*カレンダー*/
.calendar_container {
display: inherit;
justify-content: center;
gap: 10em;
width: 90%;
margin: 0 AUTO;
}
.calendar_container .side_cal table {
margin-bottom: 2em;
width: 100%;
}



}/* SP表示_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/