/* =投稿画面のwidth
--------------------*/
.post-type-post.mceContentBody{
width:813px;
}
.post-type-page.mceContentBody{
width:1200px;
}

/* =editer style 　投稿用 .post-conteｎt/.home article を削除
---------------------------------------------------------------------------- */


.post-title a{
color:#333;
text-decoration:none;
}

.page  h1{
margin:60px 0;
color: #000;
font-size: 24px !important;
text-align: center;
}

.archive h1,
.single h1{
font-size:28px;
margin:60px 0 30px 0;
color:#333;
clear:both;
text-align: left;
}


.page article  h2{
margin:60px 0;
color: #000;
font-size: 40px;
text-align: center;
}

.wrap.page  h3,
h3.title-b{
color: #000;
font-size: 70px;
}

.page  h4{
margin:48px 0;
color: #000;
font-size: 20px !important;
clear:none !important;
}

.archive h2,
.single article  h2,
.page-contents article  h2{
font-size:24px;
margin:60px 0 30px 0;
color:#333;
clear:both;
text-align: left;
}

.archive h3,
.single article  h3,
.page article  h3{
font-size:24px;
margin-bottom:15px;
color: #000;
}

.archive h4,
.single article  h4,
.archive h4,
.single article  h4,
.page article  h4{
font-size:14px;
margin:15px 0;
color:#333;
clear:both;
}

.archive h5,
.single article  h5,
.page article  h5{
font-size:18px;
margin:30px 0;
padding:0 15px;
color:#333;
border-left:solid 5px #ccc;
clear:both;
}


.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:35px;
}
.title01b{
font-size:24px;
color:#333;
border-bottom:solid 3px #333;
font-weight:bold;
margin-bottom:35px;
}


.title24{
font-size:24px !important;
}
.title70{
font-size:70px !important;
}


.title-border {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.title-border:before, .title-border:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.title-border:before {
  left:0;
}
.title-border:after {
  right: 0;
}


/* 共通コンテンツ
---------------------------------------------------------------------------- */
/* =RAYOUT
-------------------------------------------------------------- */


/* 偽サイト警告用
---------------------------------------- */
.warning{
text-align:center
font-size: 100%;
font: inherit;
color:red;
font-weight: bold;
}
.warning p {
text-align:center;
color:red;
}

.warning a{
color:red;		
}

/* googleレビューバナー
---------------------------------------- */
.google-review-banner{
	
}
/*googleレビューもっと見るバナー*/
.google-review-banner-more{
	width: 60%;
	margin: 0 auto;
}

/*画像高さ制限*/
.img-h-350{
max-height: 350px;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}

/*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.5%;
}
.flex-img-1_2-text a,
.flex-img-1_2-text div{
text-decoration: none;
text-align: center;
font-size:24px;
color:#333;
width:49.5%;
}

/*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:32.5%;
}


/*1/4レイアウト*/
.flex-img-1_4 a,
.flex-img-1_4 div{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:24%;
}
.flex-img-1_4-text a,
.flex-img-1_4-text div{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:24%;
}

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

.flex-img-1_6 div,
.flex-img-1_6 a{
text-decoration: none;
text-align: center;
font-size:18px;
color:#333;
width:15%;;
margin-top:15px;
}


/* =List
-------------------------------------------------------------- */
.archive-content ul,
.archive-content ol,
.post-content ul,
.post-content ol{
padding: 0 0 20px 20px;
}

.archive ul,
.post-content ul{
list-style: disc;
}

.archive ol,
.post-content ol{
list-style: decimal;
}

/* =blockquote
-------------------------------------------------------------- */
blockquote {
margin:60px 0 !important;
clear: both;
margin: 0 0 28px;
padding: 30px;
position: relative;
border: 1px #e5e5e5 solid;
background: #fafafa;
}
blockquote:before {
content:"“";
font-family: 'FontAwesome';
font-size: 36px;
color: #e7e7e7;
*/
content : "　";
background-image : url('https://jewelry-suehiro.co.jp/wp/wp-content/themes/BRAND_6.0.0/lib/images/font_awesome/quote-left-solid.svg.svg');
background-repeat: no-repeat;
background-position: center;
/* 2020/07/18 H.Shigeta */
position: absolute;
top: 10px;
left: 10px;
}
blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}

.shadow{
  color: #FFF;
  text-decoration :none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
}


/* =Images
-------------------------------------------------------------- */
.single img.alignleft,
.wrap-archive img.alignleft{
float: left;
margin-right: 30px;
width:40%;
}
.single img.alignright,
.wrap-archive img.alignright,
 img.alignright{
float: right;
margin-left:30px;
width:40%;
}

.page img.alignleft{
float: left;
margin-right: 60px;
width:65%;
}
.page img.alignright {
float: right;
margin:0 0 60px 60px;
width:65%;
}


.page img.alignleft50{
float: left;
margin-right: 60px;
width:50%;
}
.page img.alignright50 {
float: right;
margin:0 0 60px 60px;
width:50%;
}

.page-contents img.alignleft{
float: left;
margin-right: 30px;
width:45%;
}

.page-contents img.alignright{
float: right;
margin:0 0 30px 30px;
width:45%;
}


img.aligncenter {
}

img.alignnone {
width:100%;
margin:30px 0;
float:none;
}

/*--full width template--*/
.fullwidth .row4_1,
.fullwidth .row4_2,
.fullwidth .row4_3{
width:233px !important;
margin-right:30px !important;
margin-bottom:30px !important;
float:left !important;
}
.fullwidth .row4_4{
width:233px !important;
margin-right:0 !important;
margin-bottom:30px !important;
float:right !important;
}

/*--page-side template--*/
.page-side .row3_1,
.page-side .row3_2{
width:192px;
margin-right:30px !important;
margin-bottom:30px !important;
float:left !important;
}
.page-side .row3_3{
width:192px;
margin-right:0 !important;
margin-bottom:30px !important;
float:right !important;
}

/* =caption
-------------------------------------------------------------- */
/*---共通--------------*/

.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;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption.alignleft{
width:300px !important;
}

.wp-caption.alignright{
width:300px !important;
float:right !important;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 10px 0 0 0;
}


/*---PAGE--------------*/
.page .wp-caption {
border: none;
background: none;
padding:5px 10px !important;
margin-right:2px;
max-width: 100%;
}
.page .wp-caption.alignleft{
width:170px !important;
margin-bottom: 30px !important;
}


.page .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 10px 0 0 0;
text-align: center;
}

.page .wp-caption.alignright{
width:30% !important;
}



/*---PAGE SIDE--------------*/
.page-side .wp-caption {
border: none !important;
background: none;
padding:5px !important;
margin: 0;
max-width: 100%;
}
.page-side .wp-caption.alignleft{
width:150px !important;
}

.page-side .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 10px 0 0 0;
text-align: center;
}

.page-side .wp-caption.alignright{
width:30% !important;
}


/*---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;
margin-right: 30px;
margin-bottom: 30px;
width:40%;
}

.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;
margin-left: 30px;
margin-bottom: 30px;
width:40%;
}
/*---ARCHIVE--------------*/
.wrap-archive .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;
}
.wrap-archive .wp-caption.alignleft{
float: left;
margin-right: 60px;
margin-bottom: 60px;
width:40%;
}

.wrap-archive .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 150%;
padding: 0 4px 5px;
margin: 10px 0 0 0;
text-align: center;
}

.wrap-archive .wp-caption.alignright{
float: right;
margin-left: 60px;
margin-bottom: 60px;
width:40%;
}




/*--page-side template--*/
.page-side .wp-caption.alignleft{
width:192px !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;
}
/*---class.list--------------*/
.list .wp-caption {
background: none;
margin: 10px;
max-width: 100%;
border: none; 

}
.list .wp-caption.alignleft{
width:200px !important;
float: left;
margin-right: 0;
margin-bottom: 0;
}


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


/*--item list--*/
.item-list{
}

.item-list a{
text-decoration: none;
text-align: center;
color:#333;
width:15% !important;
display: block;
margin-bottom:15px;
line-height: 100% !important;
}


.list-title{
margin-top:15px !important;
display: block;
font-size:14px !important;
}
.list-second-title{
margin-top:0px !important;
display: block;
font-size:14px !important;	
}
.list-material{
display: block;
font-size:12px !important;
}
.list-price{
display: block;
font-size:12px !important;
}


/* =Alignment
-------------------------------------------------------------- */
.alignright {
float: right;
margin-left: 12px;
margin-bottom: 12px;
}
.alignleft {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
}

/* =LINK
-------------------------------------------------------------- */
a.link:before{

}


/* =会話風
-------------------------------------------------------------- */
img.icon_talk{
width:90px !important;
}

img.icon_talk.alignnone{
margin-right:10px !important;
}

/* =Tables　投稿・通常共通
--------------------------------------------------------------- */
.post-content table,
.archive table{
border: 1px #ddd solid;
width: 100%;
}
.post-content table th,
.archive table th{
padding: 8px 10px;
border: #ddd solid 1px;
}
.post-content table td,
.archive table td {
padding: 8px 10px;
border: #ddd solid 1px;
font-size: 12px !important;

}
.post-content table thead th,
.archive table thead th {
background: #5e6265;
color:#fff;
}
.post-content table tbody th,
.archive table tbody th {
background:#efefef;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td,
.archive table.table-line table,
.archive table.table-line th,
.archive table.table-line td {
border-color: #fff;
}
.post-content table.table-line th,
.archive table.table-line th {
background: transparent;
color: #383838;
}
.post-content table.table-line thead th,
.archive table.table-line thead th {
background: #5e6265;
color: #fff;
}
.post-content table.table-line tr,
.archive table.table-line tr {
background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1),
.archivetable.table-line tr:nth-child(2n+1) {
background: #ddd;
}



thead th{
text-align:center;
}
table .t1{
width:7%;
text-align: center;
}
table .t2{
width:20%;
text-align: center;
}
table .t3{
width:10%;
text-align: center;
}
table .t4{
width:10%;
text-align: center;
}

table .t6{
width:20%;
}


/* =others
-------------------------------------------------------------- */
.post-content hr {
border-bottom: 1px solid #81C6F2;
margin: 30px 0 60px 0;
clear: both;
}
.post-content p:first-child,
.post-content ul:first-child {
margin-top: 0;
}
.post-content dl dt {
}
.post-content dl dd {
margin-left: 30px;
}
.post-content pre {
padding: 20px;
overflow: scroll;
font-family: 'Courier', monospace;
}


/* =wp embed
-------------------------------------------------------------- */
iframe.wp-embedded-content{
width:100%;
}


/* ---------------------------------------------------------------------------------
* 共通レイアウト
------------------------------------------------------------------------------------ */
.flex{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
margin-left: auto;
}

.flex_sb{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
margin-left: auto;
}

.flex_sb_wrap{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
margin-left: auto;
flex-wrap: wrap;
}




.flex_2{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
margin-left: auto;
}
.flex_2 a{
width:30% !important;
display: block !important;
}

.flex_2 img{
width:100%;
}

.flex-title{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
margin-left: auto;
}


.wrap{
width: 1030px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}
.wrap638{
width: 638px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}
.wrap780{
width: 780px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}
.wrap1200{
width: 1200px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}


.wrap-blog{
width: 1030px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}

.wrap-contents{
width: 1030px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}


.wrap-archive{
width: 1030px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}
.wrap-single{
width: 1200px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
clear: both;
}




.wrap_001{
clear: both;
overflow: auto;
margin-bottom:2%;
width: 100%;
}

.wrap_001 h3{
font-size: 24px;
text-align: center;
margin:30px 0;
clear: none;
}

.wrap_001 a{
text-decoration: none;
color:#333;
border-bottom: solid 1px #999;
}


.wrap_1_b{
border:solid 1px #ccc;
padding:2%;
overflow:auto;
}



.wrap_002{
clear: both;
overflow: auto;
margin-bottom:2%;
padding:2%;
background: #efefef;
width: 96%;
}
.wrap_003{
background: -webkit-repeating-linear-gradient(-45deg, #FFDCF5, #FFDCF5 5px, #fdfcff 5px, #fdfcff 10px);
background: repeating-linear-gradient(-45deg, #FFDCF5, #FFDCF5 5px, #fdfcff 5px, #fdfcff 10px);
color: #4a1086;
padding:3%;
margin-bottom:2%;
overflow: auto;
}

/*2カラム*/
.wrap_left{
float:left !important;
margin-right:2% !important;
width:49% !important;
}
.wrap_right{
width:49% !important;
float:right !important;
}

.wrap_2_1_b{
border:solid 1px #ccc;
overflow:auto;
padding:2%;
width:45%;
float:left;
}

.wrap_2_2_b{
border:solid 1px #ccc;
overflow:auto;
padding:2%;
width:45%;
float:right;
}


/*3カラム*/
.wrap_3_1,
.wrap_3_2{
width:32% !important;
margin:0 2% 0 0 !important;
float:left !important;
}
.wrap_3_3{
width:32% !important;
margin:0 !important;
float:right !important;
}

.wrap_3_2_1{
width:98% !important;
margin:0 0 1% 0 0 !important;
}

.wrap_3_2_2{
width:48% !important;
margin:0 !important;
float:left !important;
}

.wrap_3_2_3{
width:48% !important;
margin:0 !important;
float:right !important;
}


/*4カラム*/
.wrap_4_1,
.wrap_4_2,
.wrap_4_3{
width:23.5% !important;
margin:0 2% 0 0 !important;
float:left !important;
}
.wrap_4_4{
width:23.5% !important;
margin:0 !important;
float:right !important;
}



/*5カラム*/
.wrap_5_1,
.wrap_5_2,
.wrap_5_3,
.wrap_5_4{
width:18% !important;
margin:0 2.5% 0 0 !important;
float:left !important;
}
.wrap_5_5{
width:18% !important;
margin:0 !important;
float:right !important;
}

.wrap_5_2_1,
.wrap_5_2_2,
.wrap_5_2_3,
.wrap_5_2_4{
width:18% !important;
margin:0 1% 0 0 !important;
float:left !important;
padding:7px;
background:#efefef;
}
.wrap_5_2_5{
width:18% !important;
margin:0 !important;
float:right !important;
padding:7px;
background:#efefef;
}

/*7カラム*/
.wrap_7_1{
width:40% !important;
margin:0 !important;
float:left !important;
}

.wrap_7_2,
.wrap_7_3{
width:20% !important;
margin:0 !important;
float:left !important;
}

.wrap_7_5,
.wrap_7_6{
width:20% !important;
margin:0 !important;
float:left !important;
}

.wrap_7_4{
width:20% !important;
margin:0 !important;
float:right !important;
}

.wrap_7_7{
width:20% !important;

margin:0 !important;
float:right !important;
}


.wrap_left img,
.wrap_right img,
.wrap_3_1 img,
.wrap_3_2 img,
.wrap_3_3 img,
.wrap_4_1 img,
.wrap_4_2 img,
.wrap_4_3 img,
.wrap_4_4 img{
width:100%;
}




.title-box001-a{
width:60%;
}
.title-box001-b{
background: #f5f5f5; 
width: 40%; 
padding: 0px 50px 160px 50px; 
margin-top: 30px; 
margin-left: -100px;
overflow: auto;
z-index: 1000;
}
.title-box002-a{
width:60%;
}
.title-box002-b{
background: #fff; 
width: 40%; 
padding: 0px 50px 180px 50px; 
margin-top: 30px; 
margin-left: -100px;
z-index: 1000;

}

/* Products 詳細ページ
-------------------------------------------------------------- */
.products a{
text-decoration:none !important;
}
.detail_left{
width:30%;
float: left;
}
.detail_right{
width:65%;
float: right;
}

.detail_left .slider-nav img{
}

.spec{
display: block;
clear: both;
margin:30px 0;
}
.detail_code{
display: block;
clear: both;
}
.detail_price{
display: block;
clear: both;
color:#660025;
margin:10px 0;
}

.detail_more{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
margin: 0 auto;
width:100%;
align-items: center;
text-decoration: none !important;
}

.detail_shop{
 display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center; 
    align-items: center;
    padding: 5px 0;
	text-align: center;
    width: 32%;
    background-color: #660025;
	color:#fff;
	text-decoration: none !important;
}
.detail_reserve{
 display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center; 
    align-items: center;
    padding: 5px 0;
	text-align: center;
    width: 32%;
    background-color: #000;
	margin:0 auto;
	color:#fff;
	text-decoration: none !important;
}
.detail_online{
 display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center; 
	align-items: center;
    padding: 5px 0;
	text-align: center;
    width: 32%;
    background-color: #ff9900;
	color:#fff;
	text-decoration: none !important;
}


.detail_other .other{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
margin: 0 auto;
width:100%;
align-items: center;
overflow: auto;
border-bottom: solid 1px #efefef;
padding: 10px 0;
}
.detail_other a{
font-size:12px;
color:#333;
text-decoration: none !important;
}

.detail_other img{
width:80px;
margin-right:15px;
}
.detail_other .other_spec{
}

h2.series{
font-size:18px !important;
margin:10px !important;
}