/* CSS Document */
#imgTop {margin-bottom:40px;text-align:center;}

#lead {text-align:center;position:relative;width:100%;margin-bottom:60px;}

.contentsBox {overflow:hidden;_zoom:1;margin-bottom:60px;}
.contentsBoxTight {width:500px;margin:0 auto 60px auto;overflow:hidden;_zoom:1;}
.contentsBox p,
.contentsBoxTight p {margin-bottom:1.5em;}
.contentsBox h2,
.contentsBoxTight h2 {margin-bottom:3em;padding-top:1em;}

.onethirdBox h3 {text-align:center;margin:1.5em 0;color:#333;font-size:100%;}

.photoCaption {color:#946C38;font-size:10px;}
.textCenter {text-align:center;}
.itemLink {border-bottom:1px dotted #666;}

/* オンラインショップロゴ */
#onlineTag {
width:160px;
height:67px;
position:absolute;
top:0;
right:0;
background:url(https://info.envelope.co.jp/common/images/logo_bg.png) no-repeat center top;
}
#onlineLogo a {
display:block;
width:120px;
height:36px;
background:url(https://info.envelope.co.jp/common/images/logo.gif) no-repeat center top;
margin:10px 0 0 22px;
}
#onlineLogo span {display:none;}

/*PC*/
@media only screen and (min-width:569px){
br[class="sp-br"]{display: none;}
.halfBox {width:240px;}
.onethirdBox {width:200px;}

.left {float:left;}
.right {float:right;}
.marginLeft {margin-left:24px;}
.marginRight {margin-Right:24px;}
.onethirdCenter {margin:0 45px;}

}

/*tablet*/
@media (max-width: 768px) and (min-width: 569px){


}
/*スマホ*/
@media only screen and (max-width:568px){
body {
-webkit-text-size-adjust : 100%!important ;
}
br[class="pc-br"]{display: none;}
br[class="sp-br"]{display: inherit !important ;}
br[class="pcsp-br"]{display: inherit !important ;}

/* オンラインショップロゴ */
#onlineTag {background-size: 70%;}
#onlineLogo a {background-size: 70%;margin-top:7px;}

html { font-size: 62.5%; }/*10px・・・62.5%*/
body {-webkit-text-size-adjust : 100%!important ;}
#wrapper {overflow:hidden;_zoom:1;margin: 0 auto;padding: 20px 10px;width: 100%;}
#footer{text-align: center;font-size: 11.5px;}

#contents ,
.story , .contentsBoxTight {width: 100%;margin: 0;}
/*#contents img {width: 100%;}*/
.story{padding: 0 2%;box-sizing: border-box;}
#imgTop img{width: 100%;height: auto;}
#lead{text-align: left;}
/*.contentsBoxTight img,*/
.halfBox {
	width: 100%;
}
.halfBox {text-align: center;}
.halfBox img {margin-bottom: 1em;}
.cont01{display: flex;}
.spleft,.spright{width: 47%;}
.spleft img ,.spright img {width: 100%;}
.spleft{margin: 0 1% 2em 0;}
.onethirdBox {text-align: center;}
.onethirdBox p {text-align: left;}

.photoCaption{text-align: left;}

}