@charset "utf-8";
@charset "utf-8";

      *,
::before,::after {background-repeat: no-repeat; box-sizing: inherit; } ::before,::after {text-decoration: inherit; vertical-align: inherit; } html {	box-sizing: border-box; cursor: default; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x : hidden;
-webkit-overflow-scrolling: touch;}  article,aside,footer,header,nav,section {	display: block;} body {	margin: 0;	overflow-x : hidden;    -webkit-overflow-scrolling: touch;} h1 {font-size: 2em;margin: .67em 0;}  figcaption,figure,main { display: block;} figure {margin: 1em 40px;} hr {box-sizing: content-box; height: 0; overflow: visible; } nav ol,nav ul {	list-style: none;} pre {	font-family: monospace, monospace; font-size: 1em; }  a {	background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {	border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {	font-weight: inherit;} b,
strong {	font-weight: bolder;} code,kbd,samp {	font-family: monospace, monospace; font-size: 1em; } dfn {font-style: italic;} mark {	background-color: #ffff00;	color: #000000;} small {	font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;	position: relative;	vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;} ::-moz-selection {	background-color: #b3d4fc; color: #000000; text-shadow: none;}
::selection {background-color: #b3d4fc; color: #000000; text-shadow: none;}  audio,canvas,iframe,img,svg,video {	vertical-align: middle;} audio,video {display: inline-block;} audio:not([controls]) {	display: none;	height: 0;} img {border-style: none;} svg {fill: currentColor;} svg:not(:root) {overflow: hidden;}  table {	border-collapse: collapse;}  button,input,optgroup,select,textarea {margin: 0;} button,input,select,textarea {background-color: transparent;color: inherit;font-size: inherit;line-height: inherit;} button,input { overflow: visible;} button,select { text-transform: none;} button,html [type="button"], [type="reset"],[type="submit"] {-webkit-appearance: button; } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {	border-style: none;	padding: 0;} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {	outline: 1px dotted ButtonText;} legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {display: inline-block; vertical-align: baseline; } textarea {overflow: auto; resize: vertical; } [type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit; }  details, menu {	display: block;} summary {display: list-item;}  canvas {display: inline-block;} template {display: none;}  a,area,button,input,label,select,summary,textarea,[tabindex] {	-ms-touch-action: manipulation; touch-action: manipulation;} [hidden] {	display: none;}  [aria-busy="true"] {cursor: progress;} [aria-controls] {cursor: pointer;} [aria-hidden="false"][hidden]:not(:focus) {clip: rect(0, 0, 0, 0);display: inherit;	position: absolute;} [aria-disabled] {cursor: default;} @font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: 400;
src: url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
src:url(https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2) format("woff2");
font-display: swap;
}
.r__sp--tabs{margin-top: 0;}
.r__c4{margin: 5px 0 0px;}
.r__avatar2 img { border-radius: 50%;  height: 20px; width: 20px; margin-right: 10px;
}
.r__flex4{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #ddd;
padding: 20px;
align-items: center;
}
.r__flex4--left{width:20%;}
.r__flex4--left img{width:100%;height: auto;}
.r__flex4--right{width:75%;padding-left:30px;}
.r__flex4--right p{margin-top:0;margin-bottom:0;}
#error-page p{font-size:14px!important;}
#error-page p.return_settlement a{color: #fff; background: #d40000;
padding: 15px 10px;
margin-top: 15px;
display: inline-block;
font-weight: bold;} .addbt1 {
background: #fff;
margin-bottom: -30px;
margin-top: 120px;
}
#r__main　div{max-width:100%;}
body{color:#333;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.ml30{margin-left:30px;}
.mb30{margin-bottom:30px;}
.r__flex{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} .r__flex2{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.r__flex3{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.r__flex img{width:100%;}
.r__flex3 img{width:100%;}
.r__box-img1{position: relative;    margin-bottom: 30px;}
.r__box-img1:before{ display: block;
content: '';
padding-top: 100%;}
.r__container--img1{position: absolute;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;}
.r__container--img1--style img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto!important;
max-width: unset!important;
height: 100%;
overflow: hidden; width: 100%; height: 100%; position: relative;
}
.r__shop--section{width:100%;max-width:1180px; margin:0 auto;padding:0px 30px;}
.r__index--section{max-width:1180px; width:100%;margin:0 auto 30px;padding:30px;}
.r__flex--w25{max-width:300px;width:30%;}
.r__flex--w25--side{max-width:300px;width:30%;text-align: center;}
.r__flex--w70{max-width: 779px;width: 67%;}
.r__flex--w30{width:30%;}
.r__flex--w22{width:30%;}
.r__flex--w50{width:47%;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.r__img_r {
float: right;
}
.r__img_l {
float: left;
margin-bottom: 30px;
}
.r__leftscript {
font-size: 16px;
font-weight: 500;
margin: 0 0 20px;
text-align: center;
color: #808080;
}
.r__leftitle{font-size:36px;line-height:54px;font-weight:bold;margin:0;text-align: center;}
.r__centertitle{font-size: 36px;
line-height: 54px;
font-weight: bold;
margin: 30px 0 40px;}
.r__new--entry{background:#fff;margin-bottom:60px;padding: 15px 15px 0;}
.r__contents--title{font-size:24px;}
.r__pickup--h4{font-size: 24px;line-height: 42px;font-weight: 500;margin:10px 0}
.r__neimgbox{width: 100%;height: 170px;position: relative;}
.r__netitle {line-height: 1.6;
padding: 0 10px;
margin: 5px 0 5px;
font-size: 16px;
font-weight: bold;
}
.ChangeElem_Btn_Content{height:40px;margin-bottom:50px;}
.ChangeElem_Panel{display: none;}
.indextab--button1,.indextab--button2,.indextab--button3{
border: none;cursor: pointer;outline: none;-webkit-transition: all 0.3s;transition: all 1.3s;font-size: 24px; margin: 0 20px;}
.indextab--button1.is-active{color:#c00;border-bottom:2px solid #c00;-webkit-transition: all 0.3s;transition: all 0.3s;}
.indextab--button2.is-active{color:#1870c3;;border-bottom:2px solid #1870c3;-webkit-transition: all 0.3s;transition: all 0.3s;}
.indextab--button3.is-active{color:#359c46;border-bottom:2px solid #359c46;-webkit-transition: all 0.3s;transition: all 0.3s;}
.r__tab--h4{font-size: 20px;line-height: 28px;font-weight: 500;padding:5px 0;margin:0;}
.r__tab--date{font-weight:600;color:#777;padding:0;margin:0;}
.tab__tags a{
padding: 3px 5px;
font-size: 9px;
background-color: #fff;
color: #888;
border: 1px solid #888;
text-decoration: none;
display: inline-block;
margin-right: 5px;
margin-bottom: 2px;
font-size: 75%;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.tab__tags a:hover{color: #FFF;background: #888;color: #FFF!important;}
.tab__tags a:visited{color: #888;}
a{color:#333;text-decoration: none;}
a:visited{color:#333;}
a:hover{color:#33bad2;-webkit-transition: all 0.3s;transition: all 0.3s;}
.current{color:#33bad2;font-weight: bold;}  .catetag{text-decoration: none;font-size:12px;font-weight:600;}
.catetag:hover{text-decoration: underline;}
.catetag.column,.catetag.column:visited,.catetag.column:hover{color:#c00;}
.catetag.show,.catetag.show:visited,.catetag.show:hover{color:#1870c3;}
.catetag.tuna,.catetag.tuna:visited,.catetag.tuna:hover{color:#F27398;}
.catetag.gourmet,.catetag.gourmet:visited,.catetag.gourmet:hover{color:#58BE89;}
.catetag.interview,.catetag.interview:visited,.catetag.interview:hover{color:#FBA848;}
.catetag.pr,.catetag.pr:visited,.catetag.pr:hover{color:#33BFDB;}
.catetag,.catetag:visited,.catetag:hover{color:#333;}  .mvborder{
display: inline-block;
text-decoration: none;
position: relative;
width: 100%;
}  .change-border01:hover::after,.change-border01:hover::before,.change-border01__inner:hover::after,.change-border01__inner:hover::before {background-color: #c00;}
.change-border02:hover::after,.change-border02:hover::before,.change-border02__inner:hover::after,.change-border02__inner:hover::before {background-color: #1870c3;}
.change-border03:hover::after,.change-border03:hover::before,.change-border03__inner:hover::after,.change-border03__inner:hover::before {background-color: #359c46;}
.change-border04:hover::after,.change-border04:hover::before,.change-border04__inner:hover::after,.change-border04__inner:hover::before {background-color: #fff;} .change-border01::after,.change-border01::before,.change-border01__inner::after,.change-border01__inner::before,
.change-border02::after,.change-border02::before,.change-border02__inner::after,.change-border02__inner::before,
.change-border03::after,.change-border03::before,.change-border03__inner::after,.change-border03__inner::before, 
.change-border04::after,.change-border04::before,.change-border04__inner::after,.change-border04__inner::before {
content: '';
display: block;
position: absolute;
z-index: 10;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
} .change-border01::after, 
.change-border02::after, 
.change-border03::after, 
.change-border04::after {
height: 5px;
left: -1px;
top: -1px;
width: 0px;
} .change-border01::before,
.change-border02::before,
.change-border03::before,
.change-border04::before{
bottom: -1px;
height: 5px;
right: -1px;
width: 0px;
} .change-border01__inner::after,
.change-border02__inner::after,
.change-border03__inner::after,
.change-border04__inner::after{
bottom: -1px;
height: 0px;
left: -1px;
width: 5px;
} .change-border01__inner::before,
.change-border02__inner::before,
.change-border03__inner::before,
.change-border04__inner::before
{
height: 0px;
right: -1px;
top: -1px;
width: 5px;
} .change-border01:hover::after,.change-border01:hover::before,
.change-border02:hover::after,.change-border02:hover::before,
.change-border03:hover::after,.change-border03:hover::before,
.change-border04:hover::after,.change-border04:hover::before
{
width: 100%;
width: calc(100% + 1px);
}
.change-border01:hover .change-border01__inner::after,.change-border01:hover .change-border01__inner::before,
.change-border02:hover .change-border02__inner::after,.change-border02:hover .change-border02__inner::before,
.change-border03:hover .change-border03__inner::after,.change-border03:hover .change-border03__inner::before,
.change-border04:hover .change-border04__inner::after,.change-border04:hover .change-border04__inner::before
{
height: 100%;
height: calc(100% + 1px);
}  body{font-family: 'Noto Sans JP', sans-serif;} .btn1{display:inline-block;position: relative;text-decoration: none;cursor: pointer;border:2px solid #c00;height: 60px;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;text-align: center;font-weight: bold;line-height: 55px;background: #fff;color: #c00;letter-spacing: 1px;width: 230px;}
.btn1:hover{opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;background:#c00;color:#fff!important;}
.btn1 .btn1-text{position: relative;z-index: 2;font-size:21px;}
.btn1:visited{color:#c00;}
.btn-tag1{display:inline-block;position: relative;text-decoration: none;cursor: pointer;border:2px solid #000;padding:3px 5px;line-height:12px;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;text-align: center;}
.btn-tag1:hover{opacity:0.7;-webkit-transition:all 0.3s;transition:all 0.3s;background:#c00;color:#fff;}
.btn-tag1 .btn-tag1-text{position: relative;z-index: 2;font-size:12px;}
.btns1{display:inline-block;position: relative;text-decoration: none;cursor: pointer;border:2px solid #000;width:150px;height: 45px;line-height: 40px;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s;text-align: center;background:#000;}
.btns1:hover{opacity:0.7;-webkit-transition:all 0.3s;transition:all 0.3s;background:#000;color:#fff;}
.btns1 .btns1-text{position: relative;z-index: 2;font-size:14px;}
.btns2{display: inline-block;
position: relative;
text-decoration: none;
cursor: pointer;
border: 2px solid #d2556a;
width: 200px;
height: 60px;
line-height: 60px;
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
background: #d2556a;}
.btns2:hover{opacity:0.7;-webkit-transition:all 0.3s;transition:all 0.3s;background:#d2556a;color:#fff;}
.btns2 .btns2-text{position: relative;
z-index: 0;
font-size: 16px;
color: #fff;
font-weight: bold;}  .r__slider--h{margin:150px auto 100px;color:#fff;}
.r__slider--h{height:470px;}
.r__slider{float:right;width:100%;height:100%;overflow:hidden;}
@media screen and (max-width: 1400px){
.r__slider--h{height:370px;}
}
@media screen and (max-width: 1280px){
.r__slider--h{height:350px;}
}
@media screen and (max-width: 1230px){
.r__slider--h{height:320px;}
}
@media screen and (max-width: 1160px){
.r__slider--h{height:370px;margin-bottom: 80px;}
}
@media screen and (max-width: 1060px){
.r__slider--h{height:330px;}
}
@media screen and (max-width: 1000px){
.r__slider--h{margin:70px auto 10px;}	
.r__slider--h{height:60vw;}
.r__slider{float:none;width:100%;height:100%;overflow:hidden;}	
.r_logop{width: 100%;height: 100%;}
.play{width:100%;height:100%;}	
.mainlogo{position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: 100%;
}
ul[data-liffect="flip"].play li{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
}
#slide li > img {
display: block;
margin: 0 auto;
}  .r__breaklist{max-width: 1160px;padding: 0 30px;margin: 0 auto;}
.r__flex--post{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.rpost img{height:auto;}
#r__main{
line-height: 36px;
letter-spacing: 2px;
border: 1px solid #ccc;
padding: 15px 30px;
color:#333;
}
#r__main img,.post-eye{max-width:100%;}
#r__main h1{color:#434343;letter-spacing: 0px;font-size: 1.6em;}
#r__main h2{ 
font-size: 24px;
padding: 18px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
div.r__main--content a{color:#33bad2;}
div.r__main--content a hover{color:#33bad2;}
div.r__main--content a:after{font-family: "Font Awesome 5 Free";content: '\f35d';padding:0 5px;font-weight: bold;}
#r__main blockquote{background: #ffeeee;padding: 10px 15px;}
#r__main blockquote p{margin:0;}
#r__main hr{background-color: #fff;border-top: 2px dotted #777;
}
.r__avatar img{
border-radius: 50%;
height: 50px;
width: 50px;
margin-right:15px;
}
.r__mip{font-size: 36px;
line-height: 36px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
color:#000;}
.r__mih2{font-size:24px;font-weight: normal;position:relative;font-weight: bold;padding-bottom:30px;color:#000;}
.r__mih2:before{content: '';
width: 60px;
border-bottom: 5px solid #000;
position: absolute;
bottom: 0;
left: 0;}
.r__tagh2{position:relative;
font-size: 36px;
line-height: 36px;
font-weight: bold;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom:30px;
color:#fff;}
.r__tagh2:before{content: '';
width: 60px;
border-bottom: 5px solid #fff;
position: absolute;
bottom: 0;
left: 0;}
.r__mainimage{background-color:#c00;}
.r__mainimage.column{background-color:#000;background-size: cover; background-image: url(//maguro-bito.jp/wp-content/uploads/2018/02/main_image_column.jpg);background-attachment: fixed;
background-position: center;
margin-top: -30px;}
.r__mainimage.show{background-color:#000;background-size: cover; background-image: url(//maguro-bito.jp/wp-content/uploads/2018/02/main_image_show.jpg);background-attachment: fixed;
background-position: center;
margin-top: -30px;}
.r__mainimage{background-color:#000;background-size: cover; background-image: url(//maguro-bito.jp/wp-content/uploads/2018/02/main_image_other.jpg);background-attachment: fixed;
background-position: center;
margin-top: -30px;}  .r__yarpp--h4{font-size:16px;line-height:22px;margin:5px;}
.r__yarpp--h4 a{color:#333;}
.r__yarpp--h4 a:hover{color:#33bad2;}  .swiper-container, .swiper-slide {	width: 100%;  height: auto;}
.skuquantity{background:#fff;outline: 0;padding: 0.45em .6em;}
.skubutton{	
border: 1px solid #c00;
background: #c00;
height: 50px;
width: 200px;
color: #FFF;
cursor: pointer;
margin-top: 30px;
}
.r__breaklist--shop{width:100%;max-width: 1180px;padding: 60px 30px 30px;margin: 0 auto; color:#333333;margin-top:70px;}
.r__breaklist--shop a {font-weight:bold;}
.r__breaklist--shop a:hover{text-decoration: underline;color: #999999;font-weight: bold;} 
.item_custom_field{list-style:none;padding:0;}
.item_name{margin:0;  padding: 0 0 16px;font-size:24px;}
.field_price{font-size: 28px; font-weight: bold;}
em.tax{font-size:16px!important;}
#r__boxa{display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;}
#r__boxb {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
#r__boxc {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
.rk__price{font-size:20px;}
.r__card{padding-bottom:20px;box-sizing: content-box; border:1px solid #f0f0f0;   margin-left: 20px;}
.r__card:hover{ background: #fff;border:1px solid #ddd;    margin-left: 20px; box-sizing: content-box;}
.r__card--a{font-weight: normal!important;}
.r__card--a:hover{color:inherit;}
.r__shopsing--topsection{background:#f0f0f0;}   .sp{display: none;}
.spnavi{font-size: 20px;background: inherit;}
.swiper-pagination-bullets{position:absolute;}
.swiper-pagination-bullet-active {
opacity: 1;
background: #fff!important;
}
.r__sbox{width: 120px; border: 1px solid;position: relative;outline:none;}
.r__sb{position: absolute;
border: none;
height: 20px;
top: 0px;
right: -25px;
width: 20px;
cursor: pointer;
outline: none;}
.r__sbf::after{font-family: "Font Awesome 5 Free";font-weight: 900; content: '\f002'; position: absolute; top: 2px; right: -25px;z-index: -1;}
.logo img{width:auto;height: 50px;}
.inner {
max-width: 1180px;
width:100%;
margin: 0 auto;
position: relative;
height: 70px;
}
.inner:after {
content:"";
clear: both;
display: block;
}
.mt150{margin-top:150px;} #top-head {
top: -100px;
position: absolute;
width: 100%;
margin: 100px auto 0;
padding: 0;
line-height: 1;
z-index: 999;
}
#top-head a,
#top-head {
color: #fff;
text-decoration: none;
}
#top-head .inner {
position: relative;
}
#top-head .logo {
float: left;
position: relative;
font-size: 36px;
height: 50px;    width: 82px;
}
#top-head .logo a {
position: absolute;
width: 100%;
height: 50px;
}
#global-nav ul {list-style: none; position: absolute; top: 0px; right: 30px; font-size: 16px; letter-spacing: 2px;padding-top: 15px;}
.fixed #global-nav ul {padding-top: 0px;}
#global-nav ul li {
float: left;
padding:10px 5px;
}
#global-nav ul li:last-child {
padding:0 0 0 30px;
font-size: 30px;
}
#global-nav ul li a {
padding: 5px 10px 10px;
position: relative;
display: inline-block;
}
#global-nav ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#global-nav ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
nav span{
background:#666;
height:2px;
display:block;
position:relative;
width:50px;
left:0;
} #top-head.fixed {
margin-top: 0;
top: 0;
position: fixed;
padding-top: 10px;
background: #fff;
background: rgba(255,255,255,.7);
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
position: relative;
font-size: 24px;
color: #fff;
}
#top-head.fixed .logo a {
position: absolute;
width: 100%;
height: 30px;
}
#top-head.fixed #global-nav ul li a {
color: #fff;
padding: 0 20px;
padding-bottom: 10px;
} #nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}  @media screen and (max-width: 767px) {
#r__main {border:none;}
.r__mainimage.column{background:none;}
.r__mainimage.column::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, -1px);
transform: translate3d(0, 0, -1px);
width: 100%;
height: 100vh;
background: url(//maguro-bito.jp/wp-content/uploads/2018/02/main_image_column.jpg) center/cover no-repeat;
-webkit-background-size: cover;
z-index: -4;
}
.r__mainimage.show{background:none;}
.r__mainimage.show::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, -1px);
transform: translate3d(0, 0, -1px);
width: 100%;
height: 100vh;
background: url(//maguro-bito.jp/wp-content/uploads/2018/02/main_image_show.jpg) center/cover no-repeat;
-webkit-background-size: cover;
z-index: -4;
}
.r__mainimage{background:none;}
.r__mainimage::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, -1px);
transform: translate3d(0, 0, -1px);
width: 100%;
height: 100vh;
background: url(//maguro-bito.jp/wp-content/uploads/2018/02/main_image_other.jpg) center/cover no-repeat;
-webkit-background-size: cover;
z-index: -4;
}
.head-inner {
display: none;
}
.slick-next {
right: 0;
}
#top-head,
.inner {
width: 100%;
padding: 0;
}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
} #top-head.fixed {
padding-top: 0;
background: transparent;
}
#mobile-head {
background: #fff;
width: 100%;
height: 56px;
z-index: 999;
position: relative;
}
#top-head.fixed .logo,
#top-head .logo {
position: absolute;
left: 13px;
height: 50px;
top: 15px;
color: #333;
font-size: 26px;
}
#global-nav {
position: absolute;
top: -465px;
top: -565px;
background: #000;
width: 100%;
text-align: center;
padding: 10px 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
}
#global-nav ul li {
float: none;
position: static;
padding: 18px 0;
color: #fff;
width: 90%;
margin: 0 auto;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
width: 100%;
display: block;
color: #fff;
padding: 18px 0;
}
#nav-toggle {
display: block;
} .open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
} .open #global-nav { -moz-transform: translateY(556px);
-webkit-transform: translateY(556px);
transform: translateY(556px);
}
.r__shop--section{width:100%;max-width:1180px; margin:0 auto;padding:0px 15px;}
.r__index--section{padding:0 0px;}
} @media screen and (max-width: 1200px) {
.head-inner {
display: none;
}
.r__sbox{height: 30px;}
.spnavi{display:inline;}	
.slick-next {
right: 0;
}
#top-head,
.inner {
width: 100%;
padding: 0;
}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
} #top-head.fixed {
padding-top: 0;
background: transparent;
}
#mobile-head {
background: #2b2b2b;
width: 100%;
height: 70px;
z-index: 999;
position: relative;
}
#top-head.fixed .logo,
#top-head .logo {
position: absolute;
left: 15px;
height: 50px;
top: 0px;
color: #333;
font-size: 26px;
}
.logo img {
width: auto;
height: 45px;
}
#global-nav {
position: absolute; top: -465px;
background-color: rgba(43,43,43,0.7);
width: 100%;
text-align: center;
padding: 30px 0 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul {list-style: none;position: static;right: 0;bottom: 0;font-size: 14px;width: 100%;padding: 0;}
#global-nav ul li {float: none;position: static;padding: 10px 0;color: #fff;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
width: 100%;
display: block;
color: #fff;
padding: 18px 0;
width: 90%;
margin: 0 auto;
}
#nav-toggle {
display: block;
right: 25px;
top: 20px;
} .open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
} .open #global-nav { -moz-transform: translateY(480px);
-webkit-transform: translateY(480px);
transform: translateY(480px);
}
}    .r__ranking{
max-width:1180px;
width:100%;
padding:30px 30px 25px;
margin:0 auto;
}
.r__ranking-border{border-top:1px solid #ddd;border-bottom:1px solid #ddd;	}
.r__flexranking{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content:flex-start; 
justify-content:flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.r__ranking h2 {text-align:center;}
.r__ranking--box img {width:100%;}
.r__ranking--box{width:18%;border:1px solid #fff;    margin-bottom: 20px;margin-right: 25px;}
.r__ranking--box:nth-child(5){width:18%;border:1px solid #fff;padding-bottom:30px;margin-right: 0px;}
.r__ranking--box:hover{background:#efefef;border:1px solid #ddd;}
.r__ranking--box h3{margin:15px 0 0;text-align: center;font-size: 13px;}
.r__ranking--box p{margin:0;text-align: center;}
.r__ranking--box a:hover{color:#777;}
.r__top--section{max-width:900px;width:100%;max-height:420px;height:auto; margin: 120px auto 50px;  padding:0px;}    .footer-contact{
max-width: 1180px; width:100%;   
background-color: rgba(255,255,255,0.5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 70%;
}
.footer-contact a{color:#fff;}
.footer-contact a:visited{color:#fff;}
.footer-contact-r{
background-image: url(//maguro-bito.jp/wp-content/uploads/2019/06/contact_bg-min.jpg);
background-size: cover;
height: 600px;
position: relative;
}  #shop-contact input[type="text"],#shop-contact input[type="email"]{height: 32px; margin-top:10px;   padding-left: 16px;    border: 1px solid #ddd;    max-width: 100%;}
#shop-contact{max-width: 430px;    width: 100%;    padding: 30px 30px 25px;    margin:0px auto;}
#shop-contact textarea{    max-width: 430px;    width: 100%;  border: 1px solid #ddd;height:220px;} 
#shop-contact input[type="submit"]{
border: 1px solid #ddd; width: 120px;
height: 50px;
background: #c00;
color: #fff;
letter-spacing: 2px;
text-align: center;outline: none;margin-top: 10px;}
#site-contact input[type="text"],#site-contact input[type="email"],#site-contact select{height: 32px; margin-top:10px;   padding-left: 16px;    border: 1px solid #ddd;    max-width: 100%;}
#site-contact select{width:120px;}
#site-contact{max-width: 430px;    width: 100%;    padding: 30px 30px 25px; }
#site-contact textarea{    max-width: 430px;    width: 100%;  border: 1px solid #ddd;height:220px;} 
#site-contact input[type="submit"]{
border: 1px solid #ddd; width: 120px;
height: 50px;
background: #c00;
color: #fff;
letter-spacing: 2px;
text-align: center;outline: none;margin-top: 10px;}
.header_explanation ul {list-syle:none;}
#newmember .customer_form input#mailaddress1, #newmember .customer_form input#mailaddress2, #newmember .customer_form input#address1, #newmember .customer_form input#address2, #newmember .customer_form input#address3 {
width: 50%;
margin-right: 3px;
height: 40px;
font-size: 18px;
}
.send input[name="regmember"]{
padding: 20px 70px;
font-weight: normal;
border: none;
background: #a40000;
color: #fff;}  .r__site--navi{background:none;}
#top-head.r__scrbg.fixed a, #top-head.r__scrbg.fixed {
text-decoration: none;
color:#fff;
background:#2b2b2b;}
#top-head.r__scrbg.fixed #global-nav ul li a.r__scrbg {
color: #fff;
padding: 5px 10px;
padding-bottom: 10px;
}
#global-nav ul li a.r__scrbg {
padding: 5px 10px 10px;
position: relative;
display: inline-block;
}
#global-nav ul li a.r__scrbg::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#global-nav ul li a.r__scrbg:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}  .r__company{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-lef:30px;
}
.r__company--box{width:100%;height: 70px; border-bottom: 1px solid #ddd;}
.r__company--box:last-child{border-bottom: none;}
.r__company--left{    
display: inline-block;
width: 120px;
text-align: center;
margin-right: 30px;
line-height: 70px;
vertical-align: top;
}
.r__company--right{display: inline-block;line-height: 70px;}
.r__company--right3{display: inline-block;  line-height: 24px; margin-top: 15px;}
.r__company--box2{width:100%; border-bottom: 1px solid #ddd;margin-top: 10px;
padding-bottom: 10px;}
.r__company--box2:last-child{border-bottom: none;}
.r__company--left2{        vertical-align: top;
display: inline-block;
margin-right: 30px;
width:275px;
}
.r__company--right2{display: inline-block;}
@media screen and (max-width: 480px){
.rf-box1{width: 100%;  padding: 91px auto;
padding: 84px 0;
background-color: rgba(0,0,0,0.4);}
.rf-box1 p{
color: #fff;
font-size: 16px;
margin: 0;
font-weight: bold;}
.rf-box1 h3{
color: #fff;
margin: 0;
font-size: 28px;
}
#r__main {
padding: 15px 15px;
border-top: 1px solid #ddd;
}
.r__company{paddin-left:0;}
.r__company--left {
display: block;
width: 80px;
text-align: left;
margin-right: 5px;
height: auto; line-height: 16px;
}
.r__company--right {
display: block;
height:auto;
line-height: 16px;
vertical-align: middle;
margin-top:15px;
}	
.r__company--box{width:100%;height: auto; border-bottom: 1px solid #ddd;padding:10px 0;}
} .rf-box1{width: 100%;    line-height: 1.6;  padding: 91px auto;
padding: 84px 0;
background-color: rgba(0,0,0,0.4);}
.rf-box1 p{
color: #fff;
font-size: 16px;
margin: 0;
font-weight: bold;}
.rf-box1 h3{
color: #fff;
margin: 0;
font-size: 28px;
}
.r__mbn{margin-bottom:0;} .r__bigb{
width:100%;
height:350px;
background-image:url(//maguro-bito.jp/wp-content/uploads/2019/06/megab.png-min.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
background-position: center;    
margin-top: -30px;
}
.r__bigba{
width: 100%;
height: 100%;
display: block;
background: rgba(255,255,255,.4);
position: relative;
}
.r__bigba:hover {
color: #777;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.r__bigba span{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
font-size: 48px;
}
.r__footer-fbox{width:33.33333%;height:300px;}
.r__footer-fbox--innerbox{height: 100%; width: 100%;    position: relative;}
.r__footer-fbox--innerbox--item{ height: 80%;width: 80%;display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;}
.fboxbg1{background-image:url(//maguro-bito.jp/wp-content/uploads/2018/02/fboxbg1.png);background-repeat: none;background-size:cover;}
.fboxbg2{background-image:url(//maguro-bito.jp/wp-content/uploads/2018/02/fboxbg2.png);background-repeat: none;background-size:cover;}
.fboxbg3{background-image:url(//maguro-bito.jp/wp-content/uploads/2018/02/fboxbg3.png);background-repeat: none;background-size:cover;}
.r_120c{width:155px;height: 155px;position:relative;}
.r_120c img{    position: absolute;
width: 100%;
height: 100%;
object-fit: cover;font-family: 'object-fit: cover';
}
.ebox1{line-height: 27px;    display: inline-block;width:68%;}
.r_180c{width:180px;height: 180px;position:relative;}
.r_100c{width:100px;height: 100px;position:relative;}
.side_widget_block h4{
margin: 30px 0;
position: relative;
padding: 9px 0 10px 32px;
line-height: 1.6;
border-top: solid 1px gray;
border-bottom: solid 1px gray;
background: #fffff4;
height: auto;
}
.side_widget_block h4:before{ 
font-family: "Font Awesome 5 Free";
content: "\f138";
position: absolute;
font-size: 24px;
left: 3px;
top: 3px;
color: #c00;
}
.side_widget_block ul{ 
list-style: none;
margin: 0px 0 20px;
padding: 0px 0 0 15px;
line-height: 30px;
}
.side_widget_block ul li{margin-bottom: 5px;   border-bottom: 1px dashed #ddd;}
div.new ul li{       padding: 0.5em 1em;
margin: 1em 0 0px;
background: white;
border-left: solid 5px #d40000;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;}
.r__top-slider{background:#2b2b2b;overflow:hidden;position: fixed;
width: 100%;
height: 100%;
right: 0;
top: -170px;
z-index: -1;}
.r__ava {
margin: 0;
position: absolute;
bottom: 10px;
right: 20px;
}
.r__ava--index {
margin: 0;    font-size: 12px;margin-bottom: 5px;
}
.r__h315{height:315px;}
.r__newmember{
max-width: 1180px;
width:100%;
padding: 15px 30px;
margin: 0 auto;
color: #333333;
margin-top: 120px;
}
.r__logop{position: absolute;top:0;left:0}
.mainlogo{max-width:500px;width:90%;z-index:1;    margin-left: 103px;}
.rs-bottom {
-webkit-animation: rs-bottom 2.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: rs-bottom 2.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rs-bottom {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes rs-bottom {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.sk-folding-cube {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: red;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; 
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; 
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; 
} 
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; 
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; 
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; 
}
}
#loader-bg {
background: #333;
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 20;
}
#loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
text-align: center;
z-index: 22;
}
.r__c3{
width: 100%;
height: 200px;
position: relative;
overflow: hidden;
}
.r__c3::before{
content: "";
display: block;
padding-top: 100%;
}
.r__c3 img{position:absolute;top:0;left:0;width:100%;height:100%; object-fit: cover;font-family: 'object-fit: cover'}
.r__c1{font-size: 16px;line-height: 14px;margin: 16px;}
#r__main h1.r__c2{font-size: 20px;  line-height: 32px;    margin: 5px 5px 8px;}
.r__c4 a{padding: 10px 0 0px 10px;} .arrowBoxs {
position: relative;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
text-align: center; width: 60px;
padding:  0px;
}
.arrowBoxs:after, .arrowBoxs:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrowBoxs:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 5px;
margin-left: -5px;
}
.arrowBoxs:before {
border-color: rgba(204, 204, 204, 0);
border-top-color: #cccccc;
border-width: 6px;
margin-left: -6px;
}
#share li.sns::before{content:'';} 
#share li.sns{display:inline-block;}
#share li.sns{padding-left:0;text-indent: 0;margin-right:10px;}
#share ul{margin-bottom:0px;  margin-top: 20px;text-align: right;padding-bottom: 10px;}
#share li img{width: 60px; margin-top: 10px;max-width:100%;} @media screen and (max-width: 1024px){
.r__top-slider{top: 70px;}
#top-head.r__scrbg.fixed a, #top-head.r__scrbg.fixed {
text-decoration: none;
color:#fff;
background:none;}
#top-head.r__scrbg.fixed #global-nav ul li a.r__scrbg {
color: #fff;
padding: 18px;
}
.r__sbf{display:inline;}
.r__sb{right:-25px;}
.r__sbf::after {
right: -25px;   font-size: 16px; top:3px;
}
#global-nav ul li:last-child {
padding: 0;
font-size: 30px;}
.r__flex--w25 {    width: 100%;max-width:100%;}
.r__flex--w25--side {    width: 100%;max-width:100%;}
.footer-contact{height:85%;}
.r__pickup--h4 {
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.r__flex--w70{width:100%;padding: 0 15px;}
.r__flex--w30{width:100%;    margin-bottom: 30px;}
.r__flex--w22{width:100%;}
.r__flex--w50{width:100%;}
.r__flex2{padding:0 15px;}	
.pc{display:none;}
.sppd20{padding-top:20px;}
.sppdb30{padding-bottom:30px;}
.indextab--button1, .indextab--button2, .indextab--button3 {
font-size: 13px;
margin: 0px ;
}
.r__tab--h4 {
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.r__neimgbox {
width: 100%;
height: auto;
position: relative;
}
.r__container--img1 {
position: absolute;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.r__box-img1 {
position: relative;
margin-bottom: 0px;
}
.r__footer-fbox {
width: 100%;
height: 300px;
}
.sp-center{text-align: center;}	
.addbt1 {
margin-top: 85px;
}
.r__breaklist{margin-bottom:15px; margin-top: 85px;}
.mr20{margin:0;}
.side_widget_block img {width:100%;}
#memberpages div.loginbox{margin-bottom:45px;margin-top:0;}
}
@media screen and (max-width: 1023px){
.r__newmember{margin-top: 44px;}
#sidebar{    margin-top: 0px;
margin-left: 15px;
margin-right: 15px;}	
.rs-bottom{height:100%;}
.sppl10{font-size:9px!important;}
.r__c1{font-size: 16px;line-height: 14px;margin: 0px;}	
.r__c3{float:left;width:43%;}	
.r__c4{padding: 10px 0 5px;}
.r__netitle {
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 500;
}
.r__new--entry {
background: #fff;
margin-bottom: 25px;padding:0;
}
.r__netitle a{padding: 0px 0 0 0px; margin-left: 10px;
display: inline-block;
width: 50%;
}
}
@media screen and (max-width: 665px){
.sp-txtctr{text-align: center!important;padding-left: 0;}
.r__c4 a {
padding: 0px 0 0px 10px;
}
.r__ava--index {margin: 0; font-size: 11px; margin-top: 0px;    line-height: 27px;}
.r__netitle {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 600;
}
.sppl10{   padding-left: 10px;}
.r__avatar2 img {
border-radius: 50%;
height: 24px;
width: 24px;
margin-right: 5px;
margin-left: 10px;
}
.r__c3 {
height: 100%;
}
.ebox1 {
line-height: 27px;
display: inline-block;
width: 65%;
margin-left: 10px;
}
.r__img_l{width:90px;height:90px;margin-bottom:15px;}
.r__tab--date {
text-align: left;
font-size: 9px;
line-height: 22px;
}
.r__tab--h4 {padding: 0;}
#r__main  h1.r__c2 { font-size: 12px;  line-height: 20px; margin: 0px 0px -14px 0px;}
.r__c4 {
font-size: 12px;
line-height: 15px;
margin: 0;
}
body{font-size:14px;}
.sp-mb20{margin-bottom: 20px;}
.r__newmember{
margin-top: 44px;
}
.r__top--section {
max-width: 900px;
width: 100%;
max-height: 420px;
height: auto;
margin: 44px auto 50px;
padding: 0px;
}
.mainlogo {
max-width: 500px;
width: 63%;
z-index: 1;
}
.r__sp--tabs{text-align: right;}
.mr30{margin:0 10px 0 0;}
.r__img_l {
float: left;
}
.footer-contact-r {
background-image: url(//maguro-bito.jp/wp-content/uploads/2018/01/contact_bg.jpg);
background-size: cover;
height: 370px;
position: relative;
}
#r__main h1 {
color: #434343;
letter-spacing: 0px;
font-size:20px;line-height: 28px;
}
.r__ava {
margin: 0;
position: relative;
bottom: 0px;
right: 0px;
text-align: left;
font-size: 9px;
}
.r__avatar img {
border-radius: 50%;
height: 24px;
width: 24px;
margin-right: 5px;
margin-left: 10px;
}
#site-contact {
max-width: 430px;
width: 100%;
padding: 0px 0 25px;
font-size: 14px;
}
.br::before {
content: "\A" ;
white-space: pre ;
}
.r__contents--title {
font-size: 20px;
}
.r__ranking--box,.r__ranking--box:nth-child(5) {
width: 100%;
border: 1px solid #fff;
padding-bottom: 20px;
margin-right:0px;
}
.r__breaklist--shop {
width: 100%;
max-width: 1180px;
padding: 15px 30px;
margin: 0 auto;
color: #333333;
margin-top:70px;
}
.r__h315{height: 100px;}
.ChangeElem_Btn_Content{    margin-bottom: 10px;}
table tr {
display: block;
width: 100%;
}
table thead {
display: none;
}
table tbody {
display: block;
width: 100%;
overflow: hidden;
}
table tbody th {
list-style: none;
}
table tbody td {width:100%;}
table tbody th, table tbody td {width: 100%;display: list-item;list-style:none;}
.r__bigb{height:350px;}
}
@media only screen and (max-width:767px) {
.r_120c ,.r_180c {
width: 90px;
height: 90px;
position: relative;
}
.r__flexranking h3{font-size: 1.17em;}	
.tab__tags{display: none;}
.r__bigb{background:none;}
.r__bigb::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, -1px);
transform: translate3d(0, 0, -1px);
width: 100%;
height: 100vh;
background: url(//maguro-bito.jp/wp-content/uploads/2018/02/megab.png) center/cover no-repeat;
-webkit-background-size: cover;
z-index:-4;
}
.r__flex4{ padding: 10px;}
.r__flex4--left{width:20%;}
.r__flex4--left img{width:100%;height: auto;}
.r__flex4--right{width:79%;padding-left:10px;}
.r__flex4--right p{margin-top:0;margin-bottom:0;    font-size: 9px;}	
}  #ls .npc{display:none;}
#ls{background:#fff;max-width:1280px;width:100%;margin:15px auto 0;}
#ls .section1{position:  relative;margin-bottom:30px;width: 100%;}
img.nsp{width: 100%;}
.section1--btn{    position: absolute;    bottom: 30px;    left: 186px;}
.r__flexlp--w50{width:50%;padding: 20px;}
.r__flexlp--w50 img{width:100%;}
.r__flexlp--w20{width:20%;padding: 20px;}
.r__flexlp--w20 img{width:100%;}
.r__flexlp--w70 {width:70%;}
.lp-itaric{font-style: italic;    font-weight: bold;    border-bottom: 1px solid;    display: inline-block;}
.section1--h3{      margin: 0px 0 5px 10px;    font-size: 30px;}
.section1--p{      margin: 0px 0 0 10px; line-height: 42px;}
.bb{border-bottom: 1px solid #2b2b2b;}
.mt60{margin-top:60px;}
#ls h2{   
display: inline-block;
position: relative;
padding: 0.5em 2em;
text-align: center;
border-top: solid 1px #7ED1E6;
border-bottom: solid 1px #7ED1E6;
font-weight: 500;font-size: 36px;
}
#ls h2:before,#ls h2:after{ 
content: ''; 
position: absolute; 
top: -.5em; 
width: 1px; 
height: calc(100% + 1em); 
background-color: #7ED1E6;
}
#ls h2:before{
left: .5em;
}
#ls h2:after{
right: .5em;
}
.lp-price img{width:100%;}
.script3{font-size: 30px; margin: 10px 0 0;}
.script4{font-size: 50px; margin: 0; color: #c00;}
.script5{margin: 0 0 45px;}
.script7{font-size: 15px;margin: 10px 0 40px;font-weight: bold;}
.script6{    width: 80%;    margin: 40px auto;}
.mr12{margin:90px 0 0px;}
.mb80{margin-bottom: 80px!important;}
.script9{ border-bottom: 1px solid;    padding: 16px 0;}
.script10{ line-height: 44px;}
@media screen and (max-width:1000px) {
.spmb80{margin-bottom: 80px!important;}
.r__flexlp--w50 {width: 100%; padding: 0;}
.section1--btn{position: relative; bottom: 0;left: 0;text-align: center;margin:30px auto;}
.section1--h3 {margin: 5px; font-size: 20px;}
.nsp{display:none;}
#ls .npc{display:block;width: 100%;}
#ls .nsp{display:none;}
.lp-price{width:100%;height: auto;white-space: nowrap;overflow-x: scroll;}
.lp-price img{width:1000px;}
.section1--p { line-height: 27px;}
.script3 {
font-size: 28px;
margin: 35px 0 20px;
}
.script4 {
font-size: 24px;
margin: 0;
color: #c00;
}
.script6 {
width: 95%;
margin: 40px auto;
}
.lp-price img {
width: 640px;
}
.script10 {
line-height: 30px;
}
.r__flexlp--w20 {
width: 50%;
padding: 0px;
}
.r__flexlp--w70 {
width: 100%;
padding: 10px;
}
.mr12 {
margin:0px 0 0px;
}
}
 .lp2-heroheader{padding-bottom: 60px;}
.lp2-flbox7:after{content: ""; display: block; clear: both;}
.lp2-flbox7 {margin-bottom: 50px;}
.lp2-fl{float: left; width: 470px; background: #fff; border-radius: 10px;}
.lp2-fl img{max-width: 100%;margin: 25px; border: 4px solid; width: calc(100% - 50px);}
.lp2-fr h3{margin-left: -35px;  padding: 0;  margin-bottom: 0;}
.lp2-fr{float: right;  width: 470px;  position: relative;  background-color: #fff; background-repeat: no-repeat;  background-position: right top;   border-radius: 10px; margin: 50px 0 0 -20px; padding: 10px 40px;    height: 322px;    font-size: 21px;}
.lp2-fr p{ z-index: 4; position: relative;background: rgba(255,255,255,0.3);}
.lp2-fr p.numab{ z-index: 1; position: absolute;  bottom: -10px; right: -90px;background: none;}
.lp2-fr p.numab img{ width: 60%; opacity: 0.5;}
.sdbtn-contact {width: 100%;padding: 0;}
.sdbtn-contact .fcbtn1{background-color: #000;color:#fff!important;}
.sdbtn-contact .fcbtn1:hover{background-color: #000;}
.sdbtn-contact .fcbtn1:hover{color:#fff!important;opacity: 0.7;}
.sdbtn-contact .fcbtn1.line{color:#fff!important;}
.sdbtn-contact .fcbtn1.line:hover{opacity: 0.7;background-color: #1dcd00;}
.sdbtn-contact .fcbtn1.fbk{color:#fff!important;}
.sdbtn-contact .fcbtn1.fbk:hover{opacity: 0.7;background-color: #3B5998;}
.sdbtn-contact .fcbtn1.fbk{background-color: #3B5998;border: 2px solid #3B5998;}
.sdbtn-contact .fcbtn1.twt{color:#fff!important;}
.sdbtn-contact .fcbtn1.twt:hover{opacity: 0.7;background-color: #55acee;}
.sdbtn-contact .fcbtn1.twt{background-color: #55acee;border: 2px solid #55acee;}
.sdbtn-contact .fcbtn1.ist{color:#fff!important;border:none;}
.sdbtn-contact .fcbtn1.ist:hover{opacity: 0.7;background:linear-gradient(45deg, #405de6,#5851db, #833ab4, #c13584, #e1306c, #fd1d1d);}
.sdbtn-contact .fcbtn1.ist{background:linear-gradient(45deg, #405de6,#5851db, #833ab4, #c13584, #e1306c, #fd1d1d);}
.fc-ttl-box h2{font-size: 48px;margin: 0;padding: 15px 20px 10px;}
.fc-ttl-box p{font-size: 24px;font-weight: bold;margin: 0;padding: 0 20px;}
.fc-ttl-box {margin-bottom: 15px;}
.fcbtn-contact{width: 50%;padding: 0 40px;}
.fcbtn-txt1{font-size: 18px;font-weight: bold;line-height: 2;padding: 20px 20px 20px; border: 5px solid;}
.fcbtn1{display: inline-block;position: relative;text-decoration: none;cursor: pointer;border: 2px solid #000;width: 100%;height: 55px;
line-height: 50px; opacity: 1;-webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; background: #000;}
.fcbtn1.line{background: #1dcd00;border: 2px solid #1dcd00;} .fcbtn1 span{position: relative;z-index: 2;font-size: 20px;}
.hbox2{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;
-ms-flex-pack: justify;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.hbox,.fcwrap,.spfbtn-wrap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;
-ms-flex-pack: justify;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.hbox,.hbox2{align-items: center; margin-bottom: 1em;}
div.hl2box{width:20%;max-width:100px;}
div.hl2box img{width:100%;}
div.hr2box{ width: calc(100% - 130px); margin-left: 20px; padding: 10px 20px; line-height: 28px;}
div.hr2box2{ width: calc(100% - 130px); margin-right: 20px; padding: 10px 20px; line-height: 28px;}
.arrow_box2 {position: relative;background: #fff;border: 2px solid #ddd;}
.arrow_box2:after, .arrow_box2:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;
position: absolute;	pointer-events: none;}
.arrow_box2:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 15px;margin-top: -15px;}
.arrow_box2:before {border-color: rgba(221, 221, 221, 0);border-left-color: #ddd;border-width: 18px;margin-top: -18px;}
.arrow_box {position: relative;background: #fff;border: 2px solid #ddd;}
.arrow_box:after, .arrow_box:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;
width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 15px;margin-top: -15px;}
.arrow_box:before {border-color: rgba(221, 221, 221, 0);border-right-color: #ddd;border-width: 18px;margin-top: -18px;}
#r__main img{vertical-align: baseline;}
.r__main--content h3 {display: inline-block;border-bottom: 0.7em solid yellow; margin: 0; line-height: 0;}
.wp-caption{width:100%!important;}
p.wp-caption-text{margin: 0; padding: 0 0 25px; font-size: 12px; text-align: center; line-height: 1; color: chocolate;}
.spfbtn-wrap{display: none;} .social {width: 100%;text-align: right;margin-bottom:10px;}
.social .link {display: inline-block;vertical-align: middle; position: relative;width: 75px;
height: 75px;border-radius: 50%;border: 2px dashed black;background-clip: content-box;
padding: 5px;transition: .5s;color: #D7D0BE;margin-left: 5px;margin-right: 5px; font-size: 35px;}
.social .link span {display: block;position: absolute;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.social .link.hatebu span {top: 47%;left: 53%;}
.social .link:hover {padding: 0px;color: white;margin-left: 5px;transform: translateX(0px) rotate(360deg);border: none;}
.social .link.hatebu {background-color: #008fde;color: white;border-color: #008fde;}
.social .link.line {background-color:#1dcd00;color: white;border-color: #1dcd00;}
.social .link.twitter {background-color: #00ACEE;color: white;border-color: #00ACEE;}
.social .link.facebook {background-color: #3B5998;color: white;border-color: #3B5998;}
div.r__main--content a.link:after{content:'';}
div.social .fa-twitter-square,div.social .fa-facebook-square{    display: block;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);} .eatwrap{background: ghostwhite; padding: 25px 25px 25px; }
.eat-box{border-bottom: 1px dashed;border-color: darkolivegreen;padding: 15px 0px;align-items: center;}
#R-single .eat-box p{margin-bottom: 0px;}
#R-single .eat-box p:first-child{width: 180px;margin-right: 10px;text-align: center;font-weight: bold;}
#R-single .eat-box p:nth-child(2){width: calc(100% - 190px); line-height: 1.6;}
#R-single  p.eatbtn{text-align: center;margin: 2em 0 2em;}
#R-single  p.eatbtn a{text-decoration: none;background: #df5178;color: #fff; font-size: 21px; padding: 15px 20px; display: inline-block;}
#R-single  p.eatbtn a:visited{color: #fff;}
#R-single  p.eatbtn a:hover{color: #fff;opacity: 0.7;}
.add-block span{font-size: 18px; font-weight: bold; color: #fff; background: black; padding: 5px 10px;}
.add-txt{ font-size: 15px;}
.add-wrap{ margin-bottom: 60px;}
.add-footer{margin: 0;text-align: center;color: #fff;padding-top: 20px;}
.add-copy{color:#fff;text-align: center;padding: 14px;font-size: 14px;margin:0;}
.add-copy a{color:#fff;}
.add-copy a:visited{color:#fff;}
.r__ava span{display: inline-block;vertical-align: middle;}
.r__ava a{display: inline-block;   line-height: 57px;}
@media screen and (max-width: 1190px) {
.fc-ttl-box h2 {font-size: 36px;}
.fc-ttl-box p {font-size: 20px;}
.fcbtn-contact{width: 100%;}
.fcbtn-txt1{display: none;}
}
@media screen and (max-width: 1024px) {
body{padding-bottom:80px;position: relative;}
.spfbtn-wrap{position: fixed;z-index: 10;bottom: 0; height: 75px;background: rgba(255,255,255,0.7);
width: 100%;text-align: center;display: flex;border-top: 1px solid #ddd;}
.spfbtn-wrap > div {width: 25%;border-right: 1px solid #ddd;}
.spfbtn-wrap > div p:first-child {font-size: 28px;line-height: 1.2;margin: 0;padding: 5px 0 0;}
.spfbtn-wrap > div p:nth-child(2) {font-size: 13px;padding: 0 0;margin: 0;}
.spfbtn-wrap a {display: block;}
.fbtnline{color: #1dcd00;}
.fbtntwt{color:#55acee;}
.fbtnmail{}
.fbtnfbk{color:#3B5998}
.lp2-fl{float: inherit;width: 100%;border-radius: 0;}
.lp2-fl img{max-width: 100%;margin: 20px; width: calc(100% - 40px);}
.lp2-fr h3{padding: 0;margin: 0;}
.lp2-fr h3 img{width: 100%;}
.lp2-fr{float: inherit; width: 100%; margin: 0; border-radius: 0;height: auto; padding: 0 10px;}
.lp2-fr p{font-size: 21px;    padding: 10px 10px 15px;  margin: 0 0 20px;line-height: 1.8;}
.lp2-fr p.numab{margin: 20px 0; padding: 0;right: -140px;}
.lp2-fr p.numab img{ width: 36%; opacity: 0.5;}
}
@media screen and (max-width:600px){
.eatwrap{padding: 5px 20px 25px;}
.eat-box{border-bottom: 1px dashed;border-color: darkolivegreen;padding: 15px 0px 5px;align-items: center;}
#R-single .eat-box p{margin-bottom: 0px;}
#R-single .eat-box p:first-child{width: 100%;margin-right: 0px;text-align: left;margin-bottom: 5px;}
#R-single .eat-box p:nth-child(2){width: 100%;}
#R-single .R-contents a.fl_tw2.rline{text-decoration: none; color: #fff;margin-right: 0;width: 100%;}
.social .link {width: 60px;height: 60px;padding: 5px;color: #D7D0BE;margin-left: 2px; margin-right: 2px;font-size: 25px;}
.social .link:hover {margin-left: 2px;}
div.hr2box{ width: calc(80% - 20px); margin-left: 20px; padding: 5px 7px; line-height: 28px;}
div.hr2box2{ width: calc(80% - 20px); margin-right: 20px; padding: 5px 7px; line-height: 28px;}
.add-txt{ font-size: 13px;}
.lp2-heroheader {padding-bottom: 30px; padding-top: 30px;}
.lp2-fl{float: inherit;width: 100%;border-radius: 0;}
.lp2-fl img{max-width: 100%;margin: 10px; width: calc(100% - 20px);}
.lp2-fr h3{padding: 0;margin: 0;}
.lp2-fr h3 img{width: 100%;}
.lp2-fr{float: inherit; width: 100%; margin: 0; border-radius: 0;height: auto; padding: 0 10px;}
.lp2-fr p{font-size: 14px;    padding: 10px 10px 15px;  margin: 0 0 20px;line-height: 1.8;}
.lp2-fr p.numab{margin: 20px 0; padding: 0;right: -140px;}
.lp2-fr p.numab img{ width: 36%; opacity: 0.5;}
.add-footer{text-align: left; margin-left: 20px; }
.add-footer a{display: block; }
.add-copy{font-size: 12px;margin:0;}
}