/* ----------------------------------------
* レスポンシブ layout
* ~ / 1200px / 991px / 767px 
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1200px) {
/* laptop */
.wrap{
}
/* laptop end */
}
@media screen and (max-width: 1199px) {
/* tablet */

/* tablet end */
}
@media screen and (max-width: 1199px) {
/* phone */
/*layout ------------------------------*/
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%; 
/* 2019/10/26 H.Shigeta キャンペーンバナーを表示するように変更 start */
/* height:45px; */
height:95px;
/* 2019/10/26 H.Shigeta キャンペーンバナーを表示するように変更 end */
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%;
}

/*style ------------------------------*/
h1,h2,h3,h4,h5,h6,a{
font-size:16px !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;
margin-top:85px;
}

.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%;
}


/*1/2レイアウト*/
.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%;
}


/*1/3レイアウト*/
.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%;
}

/*1/4レイアウト*/
.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%;
}

/*1/6レイアウト*/

.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;
}


/* common
---------------------------------------- */
.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;
}



/* TITLE
---------------------------------------- */

.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レビューバナー
---------------------------------------- */
.google-review-banner{
	
}
/*googleレビューもっと見るバナー*/
.google-review-banner-more{
	width: 100%;
}

/* breadcrumbs
---------------------------------------- */
#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;
}
/* wmbed
---------------------------------------- */
.wp-embed-excerpt{
display: none;
}

/* ---------------------------------------------------------------------------------
* HEADER
------------------------------------------------------------------------------------ */
.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
------------------------------------------------------------------------------------ */

#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
------------------------------------------------------------------------------------ */
#side{
margin-top:30px !important;
}

#side img{
width:100%;
}

/*Popular Posts*/
.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{
/* 2020/07/18 H.Shigeta*/
/*
content: "\f004";
font-family: FontAwesome;
*/
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;
/*
color:#F95C5F;
*/
}
.popular-posts .wpp-thumbnail{
margin-right:15px;
width:30% !important;
}

/*Category Posts*/
.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 .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;
}


/* ---------------------------------------------------------------------------------
* BASE RAYOUT
------------------------------------------------------------------------------------ */
#content{
width:100%;
}
#main{
width: 100%;
float: left;
margin:0;
/*ダミー
background:#AFD6FF;
*/
}




/* ---------------------------------------------------------------------------------
* TOP
------------------------------------------------------------------------------------ */

.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 スマホ--*/
#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
}



/*-------parallax----------------*/

/*---動画--*/
.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
---------------------------------------- */
.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
---------------------------------------- */
.single #main{
width: 98% !important;
padding:0 1%;

}

.single .main-inner{
padding:0 5%;
border: none;
}

/* ----------------------------------------
* PAGE
---------------------------------------- */

/* ----------------------------------------
* ARCHIVE
---------------------------------------- */
.archive #main{
width: 98% !important;
padding:0 1%;

}
.archive .main-inner{
padding:0 5%;
border: none;
}


/* toc
---------------------------------------- */

#toc_container a{
font-size: 12px !important;
}

/* SNS ボタン
---------------------------------------- */
.sns_btn{
}


/* category
-------------------------------------------------- */
.post-cat ul li a{
padding:5px !important;
margin:0 0 15px 0;
font-size:12px !important;
}


/* bucknumber
---------------------------------------- */
.backnumber a{
font-size:12px !important;
}


/* author
---------------------------------------- */
.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;
}

/* ---------------------------------------------------------------------------------
* ARCHIVE PAGE
------------------------------------------------------------------------------------ */



/*style -----------------------------------------------------------------*/
.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 ;
}




/* =Images
-------------------------------------------------------------- */
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;
}

/*--full width template--*/
.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 template--*/
.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;
}

/* =caption
-------------------------------------------------------------- */
.wp-caption {
border: none !important;
background-color: #f3f3f3;
margin: 10px 0 !important;
width: 100% !important;
box-sizing: border-box;
/* optional rounded corners for browsers that support it */
-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--------------*/
.page .wp-caption {
border: 1px solid #ddd;
padding:5px;
margin:0 15px 30px 15px;
max-width: 100%;
box-sizing: border-box;
/* optional rounded corners for browsers that support it */
-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--------------*/
.single .wp-caption {
border: 1px solid #ddd;
background-color: #f3f3f3;
padding:10px;
margin: 10px 0;
max-width: 100%;
box-sizing: border-box;
/* optional rounded corners for browsers that support it */
-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;
}


/*---class.list--------------*/
.list .wp-caption {
border: 1px solid #ddd;
padding:5px;
margin:0 15px 30px 15px;
max-width: 100%;
box-sizing: border-box;
/* optional rounded corners for browsers that support it */
-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;
}

/*--full width template--*/
.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;
/* optional rounded corners for browsers that support it */
-khtml-border-radius: 3px;
border-radius: 3px;
}

/*--page-side template--*/
.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;
/* optional rounded corners for browsers that support it */
-khtml-border-radius: 3px;
border-radius: 3px;
}



/* =table
-------------------------------------------------------------- */



/* =table
-------------------------------------------------------------- */

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;
}



/* sc_author
---------------------------------------- */
.authorBoxSC{
clear:both;
border:solid 1px #e9e9e9;
padding:2%;
}
.authorBox04{
}
p.authortext{
font-size:10px !important;
}

/* =other
-------------------------------------------------------------- */
.post-content hr {
margin: 30px 0;
}

/*slick*/
.slider-nav {
display:block !important;
}

/* =plugin
-------------------------------------------------------------- */
/*crayon ------*/
.crayon-num{
display:none !important;
}
  
/* Products 詳細ページ
-------------------------------------------------------------- */

.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: #660025;
	color:#fff;
}
.detail_reserve{
margin-bottom: 10px !important;
display: block;
    padding: 5px 0;
	text-align: center;
    width:100%;
    background-color: #000;
	margin:0 auto;
	color:#fff;
}
.detail_online{
display: block;
    padding: 5px 0;
	text-align: center;
    width:100%;
    background-color: #ff9900;
	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;
}


/* phone end */
}