@charset "utf-8";

h5{color: #382304; font-size: 100%}

#wrapper {
	max-width: 1000px; /* 最大幅 */
	min-width: 240px; /* 最小幅 */
	margin:auto; padding: 1.5%;
}

.logobox{position:absolute; width:100%; text-align:center;}

/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
 .logobox img{
    width: 50%;
    height: auto;
  }
}
/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
.logobox img{
    width: 400px;
    height: auto;
  }
}

#mainbox_figure {margin-top: 50px;}
#mainbox_figure img { width: 100%; }
#mainbox_figure h2 {background:url(https://www.wp-jewely.com/images/content/tit_h2.png) no-repeat top left; color:#000; font-size:1.3em;  padding:0 40px; line-height:31px; margin-bottom:20px; text-align:left; }
#mainbox_figure h3 { color:#6D4D4E;padding:2px 10px 2px 0; margin:40px 0 20px 0; border-bottom:#6D4D4E 2px solid; }
#mainbox_figure h3 a{ color:#6D4D4E;padding:2px 10px 2px 0; margin:40px 0 20px 0; text-decoration: none;}
#mainbox_figure ul{text-align: center;}
#mainbox_figure ul li{display: inline; font-size: 10px; }
#mainbox_figure ul li a{display: inline; font-size: 10px; color: #999999;}

.box_img,
.box_text_around{
  display: inline-block;
}

/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
#mainbox_figure .imgres img{width: 100%; height: auto;}
}
/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
#mainbox_figure .imgres img{width: 600px;height: auto;}
}
/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
#mainbox_figure .imgres_small img{width: 100%; height: auto;}
}
/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
#mainbox_figure .imgres_small img{width: 300px;height: auto;}
}

.imgres{text-align: center;}
.katelink{text-align: center;}

.recommend {
   padding: .5em .5em;
   border-left: 4px solid #663300;
	border-bottom: 2px dotted #663300;
	color: #663300; font-size: 80%;
   }
hr {border-top: 2px dotted #663300;}
.box_Column1{float:left;width:50%;}
.box_Column2{float:left;width:50%;}
.box_Column1 p {text-align: center; font-size: 70%; color: gray;}
.box_Column2{float:left;width:50%;}
.box_Column_in{max-width:400px;padding: 5px;margin: auto;}
.box_Column_in p img{width:100%;height:auto;}
.box_Column_in p {width:100%;height:auto;}

.box_Column1_2{float:left;width:33%;}
.box_Column2_2{float:left;width:33%;}
.box_Column3_2{float:left;width:33%;}
 
.box_Column_in_2{max-width:400px;padding: 1px;margin: auto;}
.box_Column_in_2 p img{width:100%;height:auto;}
.box_Column_in_2 p {width:100%;height:auto;}

.space{margin-top: 10px;}


/* ==============================SNS*/

#sns-banner{padding-top:15px;}
#sns-banner div{float:left; padding-right:5px;}
#sns-banner .fb-like{width:100px;}
#sns-banner iframe.twitter-share-button {width:85px!important;}
#sns-banner #___plusone_0 {width:65px !important;}


.katelink {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #511718;/*文字色*/
    background: #FFF;
    border: solid 1px #511718;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.katelink p a{
    margin: 0; 
    padding: 0;
	color: #511718;
	text-decoration:none;
	} 

/* ==============================footer*/

.article h4{text-align:left; margin-top: 50px;}
.article{text-align: center;}

/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
 .article img{
    width: 100%;
    height: auto;
  }
}
/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
.article img{
    width: 100px;
    height: auto;
  }
}

/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
	.contents_footer{
	font-size:70%; text-align:center; margin: 20px;
	}
	
}
/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
	.contents_footer{
	font-size:80%; text-align:center; margin-top: 50px;
	}
	.contents_footer p img{width: 80px}
}
.list{text-align: right; vertical-align: middle; color: red}

.tbl03 table { font-size:0.8em; width:400px; border:#F5F0ED 1px solid; border-collapse:collapse; text-align: center;}
.tbl03 th { background:#F5F0ED; padding:8px; text-align:left;border-bottom:#FFFFFF 1px solid;border-right:#FFFFFF 1px solid; }
.tbl03 .w100 th { width:80px; }
.tbl03 td { padding:8px;border-bottom:#F5F0ED 1px solid;;border-right:#F5F0ED 1px solid;}
.tbl03 tr:hover { background: #F5F0ED;}

/* ==============================一覧TOP*/

#ichiran div.lbox{float:left; width:480px;margin:5px;}
#ichiran div.lbox a{text-decoration: none;}
#ichiran div.rbox{float:right; width:480px;margin:5px;}
#ichiran div.rbox a{text-decoration: none;}
#ichiran div.hover {cursor: pointer;background-color: #EEE;}
#ichiran h3{margin:0px; padding:0px; border-bottom:dotted 1px #ddd;}
#ichiran p{margin:5px 0 0 0;font-size:12px; float:right; width:250px;}
#ichiran p a{text-decoration:none; color:#000;}
#ichiran img{float:left; width:40%; margin:5px; border:solid 1px #ddd;}
#ichiran .box{border:solid 1px #ddd; padding:8px 8px 0 8px;}
#ichiran p{text-decoration:none; color:#000; text-align: left;}


/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
#ichiran div.lbox{font-size:70%; width:95%;margin:10px;}
#ichiran div.rbox{font-size:70%; width:95%;margin:8px;}
#ichiran p{width:150px;}
}


/* PC　SP　切り替え */
@media only screen and (max-width: 767px){
 .sp{
    display: inherit;
  }

 .pc{
    display: none;
  }
}

@media only screen and (min-width: 768px) {
 .sp{
    display: none;
  }

 .pc{
    display: inherit;
  }
}


.cate_box{
	border-bottom: #6D4D4E 2px solid;
	padding-bottom: 30px;
}