@media screen and (max-width: 1200px) { .wrap{
} }
@media screen and (max-width: 1199px) {  }
@media screen and (max-width: 1199px) {  body {
position: relative;
overflow-x: hidden;
width:99%;
margin:0 auto;
}
#header{
display: none;
}
#header-sp{
display: block;
position: fixed;
z-index: 100; 
top: 0; 
left: 0; 
width: 100%; 
background: #fff;
}
#mm-0{
}
#main{
width: 100% !important;
float:none !important;
}
.main-inner{
width: 90%;
padding:0 5%;
border: none;
}
#content{
padding-top:0 !important;
margin-top:25px !important;
}
#side {
width: 90%;
padding:5% 5%;
float: none !important;
margin-left:0;
}
#footer{
width: 90%;
padding:5% 5%;
} h1,h2,h3,h4,h5,h6,a{
font-size:14px !important;
line-height:150% !important;
}
p{
line-height:200% !important;
font-size:12px !important;
}
.alignleft,
.alignright{
width:100% !important ;
float: none !important;
}
#gnav{
display:none;
} .sp{
display:block;
}
.pc{
display:none;
}
.wrap{
width: 90% !important;
box-sizing: border-box;
*zoom: 1;
}
.wrap638,
.wrap780{
width: 90%;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}
.wrap_left{
width: 100% !important;
float:none;
margin:0 !important;
}
.wrap_right{
width: 100% !important;
float:none;
margin:0 !important;
}
.wrap-archive,
.wrap-contents,
.wrap-blog{
width: 100%;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}
.wrap-sub-header{
display: block;   }
.box26{
margin:15px 0 30px 0;
}
.flex_sb{
flex-wrap: wrap;
}
.flex_sb a{
width:49%;
margin:1% 0;
}
.flex-title{
display:block;
}
.title-box001-a{
width:100%;
}
.title-box001-b{
display: block !important;
padding:3%;
width:94%;
margin:0;
}
.page img.alignleft50{
float: none;
margin:0 !important;
width:100%;
}
.page img.alignright50 {
float: none;
margin:0 !important;
width:100%;
} .flex-img-1_2 a,
.flex-img-1_2 div{
text-decoration: none;
text-align: center;
font-size:24px;
color:#333;
width:49%;
}
.flex-img-1_2-text a,
.flex-img-1_2-text div{
text-decoration: none;
text-align: center;
font-size:24px;
color:#333;
width:100%;
} .flex-img-1_3 a,
.flex-img-1_3 div{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:32.5%;
}
.flex-img-1_3-text a,
.flex-img-1_3-text div{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:100%;
} .flex-img-1_4 a,
.flex-img-1_4 div{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:49%;
}
.flex-img-1_4-text a,
.flex-img-1_4-text div{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:100%;
} .flex-img-1_6 div,
.flex-img-1_6 a{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:30%;;
}
.list-title{
margin-top:5px !important;
display: block;
font-size:11px !important;
}
.list-second-title{
margin-top:0px !important;
display: block;
font-size:11px !important;		
}
.list-material{
display: block;
font-size:11px !important;
}
.list-price{
display: block;
font-size:11px !important;
}
.title70{
font-size:50px !important;
} .mt30{
margin-top:1% !important;
}
.mb50{
margin-bottom:2% !important;
}
.mb60{
margin-bottom:2% !important;
}
.mt100{
margin-top:5% !important;
}
.mt200{
margin-top:10% !important;
}
.pt30{
padding-top:1% !important;
}
.mb100{
margin-bottom:3% !important;
} .title01{
font-size:24px;
color:#333;
font-weight:bold;
}
.title01t{
font-size:24px;
color:#333;
border-bottom:solid 3px #333;
font-weight:bold;
margin-top:15px;
}
.title01b{
font-size:24px;
color:#333;
border-bottom:solid 3px #333;
font-weight:bold;
margin-bottom:15px;
}
h1.main,
h2.main{
margin:5% 0 0 0 !important;
font-size:18px !important;
}
.h1_sub,
.h2_sub{
margin-bottom: 15px;
}
h3.top-subh{
text-align:center;
margin:15px 0;
} .warning{
margin: 1em 1em;
font: inherit;
font-size: 100%;
vertical-align: baseline;
color:red;
font-size:24px;
padding: 0.5em 1em;
font-weight: bold;
border: solid 3px red;
}
.warning p {
margin: 0; 
padding: 0;
} .google-review-banner{
} .google-review-banner-more{
width: 100%;
} #breadcrumb{
display: none !important;
padding:10px 5%;
clear:both;
}
.breadcrumb {
display: none;
overflow: hidden;
font-size: 10px;
line-height: 22px;
padding: 5px 0;
}
.breadcrumb li {
float: left;
margin-right: 10px;
}
.breadcrumb li a {
text-decoration: none;
font-size:12px !important;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumb-full{
display:none;
} .wp-embed-excerpt{
display: none;
} .logo-sp{
height: 25px;
padding:10px;
}
.header-sp-wrap{
position:relative;
padding: 0 0 0 0;
}
#menu{
z-index: 5000;
margin:0;
}
.menu-sp{
width: 15%;
height: 45px;
position: absolute;
top: 0;
right: 0;
z-index: 1000;
text-align: center;
padding-top: 5px;
box-sizing: border-box;
font-size:12px !important;
text-decoration: none;
color:#fff;
background:#333333;
}
.menu-sp-contact{
width: 25%;
height: 45px;
position: absolute;
top: 0;
right: 15%;
z-index: 1000;
text-align: center;
padding-top: 5px;
box-sizing: border-box;
font-size:12px !important;
text-decoration: none;
color:#fff;
background:#660025;
}
a:active.menu-sp-contact{
color:#FFF;
}
a:visited.menu-sp-contact{
color:#FFF;	
}
a:hover.menu-sp-contact{
color:#FFF;	
}
a:link.menu-sp-contact{
color:#FFF;	
}
a:active.menu-sp{
color:#FFF;	
}
a:hover.menu-sp{
color:#FFF;	
}
a:visited.menu-sp{
color:#FFF;	
} #gnav{
display: none;
}
#sp-nav-wrap{
border-top:solid 1px #efefef;
padding:1% 0;
display:none;
width:100%;
background:#fff;
box-shadow: -3px 3px 3px grey;
}
.sp-nav-label{
margin-top:15px !important;
border-bottom:solid 2px #333 !important;
}
#sp-nav-wrap ul{
list-style: none !important;
}
#sp-nav-wrap li{
display:flex;
justify-content:space-between;
border-bottom:solid 1px #efefef;
padding:10px 0;
}
.child{
display:none;
}
.each-label li{
display:block;
justify-content:flex-start !important;
}	
#sp-nav-wrap a{
color:#333;
line-height: 150%;
font-size:10px;
text-decoration: none;
} #side{
margin-top:30px !important;
}
#side img{
width:100%;
} .popular-posts{
}
.popular-posts ul li{
margin:15px 0;
}
.popular-posts a{
font-size:12px;
}
.popular-posts .wpp-views{
font-size:14px;
font-weight:500;
color:#F95C5F;
display:block;
clear:both;
border-bottom:solid 1px #efefef;
margin:10px 0;
padding:5px 0;
}
.popular-posts .wpp-views:before{  content:"縲€";
background-repeat: no-repeat;
background-image: url(https://jewelry-suehiro.co.jp/wp/wp-content/themes/BRAND_6.0.0/lib/images/font_awesome/heart-solid.svg);
background-position: center;
background-size: 10.5px 13px;
padding-right: 10px;
font-weight:100; }
.popular-posts .wpp-thumbnail{
margin-right:15px;
width:30% !important;
} .cat-post-widget{
}
.cat-post-widget ul li{
clear:both;
padding:15px 0;
border-bottom:solid 1px #efefef;
overflow:auto;
}
.cat-post-widget .wp-post-image{
display: none !important;
}
.cat-post-widget .post-title{
float:none;
width:100% !important;
}
.popular-posts a{
display:block;
} #footer .footer-01{
width:100%;
border: none;
display:none;
}
#footer .footer-02{
width:100%;
border: none;
display:none;
}
#footer .footer-03{
width:100%;
display:none;
}
#footer h3{
font-size:12px !important;
font-weight: bold;
margin:10px 0 0 0 !important;
padding-left:30px !important;
}
#footer .logo{
margin-bottom: 10px;
}
#footer p{
font-size:12px;
margin-bottom:0;
}
#footer .fmenu{
padding:30px 0;
margin-bottom:30px;
background:#fff;
clear:both;
overflow: auto;
display:none;
}
#footer .fmenu ul{
margin-top:0px !important;
}
#footer .fmenu ul li{
font-weight:500;
}
#footer .fmenu ul li a{
text-decoration:none;
color:#333;
margin-right:30px;
font-size:12px !important;
}
#footer .sub-menu {
display: block !important;
border: none;
font-size: 12px;
}
#footer .fmenu2{
background: none;
}
#footer .fmenu2 .wrap1200{
width:100%;
}
footer .fmenu2 .flex_sb_wrap{
display: block;
}
footer .fmenu2 .flex-img-1_3 a,
footer .fmenu2 .flex-img-1_3 div{
width:100% !important;
} #content{
width:100%;
}
#main{
width: 100%;
float: left;
margin:0; } .slick001{
width:100% !important;
}
.slick001 img{
width:100% !important;
height:auto !important;
}
.slide-content a{  
font-size:10px !important;
color:#333;
font-weight:700;
}
.post-loop-wrap article{
padding:15px 0;
border-bottom:solid 1px #ccc;
}
.post-loop-wrap .post-inner{
overflow:auto;
}
.wrap_left_loop{
width:100% !important;
float:none;
}
.wrap_right_loop{
width:100% !important;
float:none;
}
.post-thumbnail{
width:100%; 
}
.post-loop-wrap h2{
font-size:24px;
font-weight:bold;
color:#333;
margin-bottom:15px;
} #parallax { 
color: #fff;
margin-top:45px;
z-index: -1;
}
.parallax{
height: auto !important;
}
.parallax-head{
margin-top:45px;
}
.parallax-box{
max-width: 1200px;
margin: 0 auto;
overflow: auto;
}
.parallax-box h2{
padding:0% !important;
font-size: 18px !important;
color: #fff;
margin:30px 2% 5px;
}
.parallax-box h3{
padding:0% !important;
font-size: 12px !important;
color: #fff;
margin:0 2% 100px;
}
.parallax-box p{
padding:0 5% 0 5%;
color: #fff;
} .parallax-head-box-left{
width:80%;
padding:5% !important;
margin:30% 5%;
float:none;
background: rgba(255,255,255,0.8);
}
.parallax-head-box-right{
width:80%;
padding:5% !important;
margin:30% 5%;
float:none;
background: rgba(255,255,255,0.8);
}
.parallax-head-box h1.post-title{
font-size: 18px !important;
margin:0 !important;
}
.parallax-head-box h2{
font-size: 18px !important;
}
.parallax-box p{
padding:0 5% 0 5%;
color: #fff;
}
.parallax-content p{
color: #000;
}
.top-img01{
height:auto;
overflow: hidden
}  .video-bg { 
color: #fff;
margin-top:45px;
z-index: -1;
height: auto !important;
}
.movie-box{
}
.video-box{
max-width: 1200px;
margin: 0 auto;
overflow: auto;
} .page #main{
width: 98% !important;
padding:0 1%;
border: none;
}
.page-contents .main-inner{
width: 90%;
padding:0 5% !important;
margin:none;
border: none;
} .single #main{
width: 98% !important;
padding:0 1%;
}
.single .main-inner{
padding:0 5%;
border: none;
}  .archive #main{
width: 98% !important;
padding:0 1%;
}
.archive .main-inner{
padding:0 5%;
border: none;
} #toc_container a{
font-size: 12px !important;
} .sns_btn{
} .post-cat ul li a{
padding:5px !important;
margin:0 0 15px 0;
font-size:12px !important;
} .backnumber a{
font-size:12px !important;
} .author-area{
clear:both;
}
.author-inner{
padding:15px;
}
.author-area img{
float:none;
width:100%;
margin:0 0 15px 0;
}
.post-author-meta{
float:none;
width:100%;
}
.author-area p{
font-size:14px;
}
.author-area h5{
font-weight:bold;
}
.author_sns{
margin:15px 0;
}  .page  h1,
.archive h1,
.single h1{
font-size:18px !important;
font-weight:bold;
margin:0% 0 1% 0 !important;
color:#333;
clear:both;
}
.single h1{
margin:30px 0;
}
.archive h2,
.single article  h2,
.page article  h2{
font-size:24px;
margin:15px 0 ;
} img.alignleft{
float: left !important;
margin-right: 30px;
margin-bottom: 15px !important;
width:40% !important;
}
img.alignright {
float: right !important;
margin-left: 30px;
margin-bottom: 15px !important;
width:40% !important;
}
img.aligncenter {
}
img.alignnone {
width:100%;
margin:30px 0;
float:none;
}
.page img.alignleft{
width:100% !important;
margin:15px 0 !important;
float:none !important;
}
.page  img.alignright {
width:100% !important;
margin:15px 0 !important;
float:none !important;
} .fullwidth .row4_1,
.fullwidth .row4_3{
width:46% !important;
margin-right:0px !important;
margin-bottom:30px !important;
float:left !important;
}
.fullwidth .row4_2,
.fullwidth .row4_4{
width:46% !important;
margin-right:0 !important;
margin-bottom:30px !important;
float:right !important;
} .page-side .row3_1,
.page-side .row3_3{
width:46% !important;
margin-right:0px !important;
margin-bottom:15px !important;
float:left !important;
}
.page-side .row3_2{
width:46% !important;
margin-right:0 !important;
margin-bottom:15px !important;
float:right !important;
} img.icon_talk.alignleft{
width:90px !important;
float:left !important;
margin-right:10px !important;
}
img.icon_talk.alignright{
width:90px !important;
float:right!important;
margin-left:10px !important;
}
img.icon_talk.alignnone{
margin-right:10px;
} .wp-caption {
border: none !important;
background-color: #f3f3f3;
margin: 10px 0 !important;
width: 100% !important;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
width: 100%;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px !important;
line-height: 150%;
padding:1% !important;
margin: 10px 0 0 0;
} .page .wp-caption {
border: 1px solid #ddd;
padding:5px;
margin:0 15px 30px 15px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.page .wp-caption.alignleft{
width:47% !important;
float: left !important;
margin-right:3% !important;
}
.page .wp-caption.alignright{
width:47% !important;
float: right !important;
margin-left:3% !important;
}
.page .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 5px 0 0 0;
text-align: center;
} .single .wp-caption {
border: 1px solid #ddd;
background-color: #f3f3f3;
padding:10px;
margin: 10px 0;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.single .wp-caption.alignleft{
float: left !important;
margin-right: 30px !important;
margin-bottom: 15px !important;
width:40% !important;
}
.single .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 10px 0 0 0;
text-align: center;
}
.single .wp-caption.alignright{
float: right !important;
margin-left: 30px !important;
margin-bottom: 15px !important;
width:40% !important;
} .list .wp-caption {
border: 1px solid #ddd;
padding:5px;
margin:0 15px 30px 15px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.list .wp-caption.alignleft{
width:47% !important;
float: left !important;
margin-right:3% !important;
}
.list .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 10px 0 0 0;
text-align: center;
} .fullwidth .wp-caption.alignleft{
width:47% !important;
float: left !important;
margin-right:3% !important;
}
.fullwidth .wp-caption {
border: 1px solid #ddd;
padding:15px;
margin:0 15px 30px 15px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
} .page-side .wp-caption.alignleft{
width:47% !important;
float: left !important;
margin-right:3% !important;
}
.page-side .wp-caption {
border: 1px solid #ddd;
padding:15px;
margin:0 10px 30px 10px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}  input[type=text],
textarea,
select{
font-size: 16px;
border: solid 2px #efefef;
}
table input{ width: 80%; }
table textarea{ width: 100%; }
table.form tr{
border: solid 1px #efefef;
display:flex !important;
margin-bottom: 1.5em;
}
table.form th,
table.form td{
border: solid 1px #efefef !important;
padding:3%;
text-align: left !important;
}
.mwform-radio-field input,
.mwform-checkbox-field input{
width:15%;
display: block;
margin:10px 0;
} .authorBoxSC{
clear:both;
border:solid 1px #e9e9e9;
padding:2%;
}
.authorBox04{
}
p.authortext{
font-size:10px !important;
} .post-content hr {
margin: 30px 0;
} .slider-nav {
display:block !important;
}  .crayon-num{
display:none !important;
} .detail_left{
width:100%;
float: none;
}
.detail_right{
margin-top:30px;
clear: both;
width:100% !important;
float: none;
}
.detail_left .slider-for{
padding:0 !important;
margin:0 !important;
}
.detail_left .slider-nav{
padding:0 !important;
margin:0 !important;
width:98%;
}
.detail_left .slider-nav img{
border:none;
}
.detail_spec{
display: block;
clear: both;
margin:30px 0;
}
.detail_more{
display: block !important;
}
.detail_shop{
display: block;
margin-bottom: 10px;
text-align: center;
width:100%;
background-color: #9f2a33;
color:#fff;
}
.detail_reserve{
margin-bottom: 10px !important;
display: block;
padding: 5px 0;
text-align: center;
width:100%;
background-color: #4f4949;
margin:0 auto;
color:#fff;
}
.detail_online{
display: block;
padding: 5px 0;
text-align: center;
width:100%;
background-color: #a28326;
color:#fff;
}
.detail_other .other{
}
.detail_other a{
font-size:12px !important;
}
.detail_other img{
width:80px;
margin-right:15px;
}
h2.recomend{
font-size:24px;
font-weight: bold;
margin:15px 0;
clear: both;
} }