/* --common-- */
#page-wrapper h4,
#page-wrapper h5,
#page-wrapper dt,
#page-wrapper dd,
#page-wrapper p {
    color: #42210b;
    text-align: justify;
    word-wrap: break-word;
}
#page-wrapper p{
    font-size: 1.1em;
    line-height: 1.8em;
    color: #000000;
}
#page-wrapper img{
    width: 100%;
}

/*micro clearfix*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}

/* --#page-wrapper common-- */
#page-wrapper {
    position: relative;
    width: 760px;
    margin: 0 auto;
    padding-bottom: 40px;
    box-sizing: border-box;
    background: url(./images/common/pc-bg.jpg) repeat-y;
    background-size: 100%;
}
#page-wrapper .header h1{
    margin-bottom: 20px;
}
#page-wrapper .header p.lead{
    width: 720px;
    margin: 0 auto 20px;
}
#page-wrapper h2,
#page-wrapper.article .to h3{
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2.6em;
    text-align: center;
}
#page-wrapper h2 span.small{
    font-size: 0.75em;
}
#page-wrapper a:hover{
    opacity: 0.7;
}

/* --#page-wrapper.article-- */

#page-wrapper.article h2{
    margin-bottom: 25px;
}
#page-wrapper.article .to,
#page-wrapper.article .contents,
#page-wrapper.article .note{
    width: 720px;
    margin: 0 auto 30px;
}
#page-wrapper.article .to h3{
    margin-bottom: 15px;
}
#page-wrapper.article .to h3 span.shop-name{
    display: block;
}
#page-wrapper.article .to h3 span.small{
    font-size: 0.7em;
}
#page-wrapper.article p.img{
    width: 340px;
    float: left;
    margin-right: 50px;
    margin-bottom: 10px;
}
#page-wrapper.article .inner-contents:nth-child(odd) p.img{
    float: right;
    margin-right: 30px;
    margin-left: 25px;
}
#page-wrapper.article .inner-contents:nth-child(even) p.img{
    float: left;
}
#page-wrapper.article .detail{
}
#page-wrapper.article p.img img{
    border: 15px solid #ffffff;
    width: 100%;
    text-align: center;
}
#page-wrapper.article .contents .inner-contents{
    padding-bottom: 20px;
    border-bottom: 2px dotted #000000;
    margin-bottom: 30px;
}
#page-wrapper.article .contents .inner-contents:last-child{
    padding-bottom: 0px;
    border: none;
    margin-bottom: 50px;
}
#page-wrapper.article .inner-contents .detail p.text{
    margin-bottom: 5px;
}
#page-wrapper.article .inner-contents .detail p.text span.speaker{
    color:#b72535;
    font-weight: bold;
}
#page-wrapper.article .inner-contents .detail p.text span.strong{
    font-weight: bold;
}
#page-wrapper.article p.letter{
    width: 720px;
    margin: 0 auto 30px;
}
#page-wrapper.article p.btn-shop{
    width: 340px;
    margin: 39px auto 20px;
}
#page-wrapper.article p.btn-top{
    width: 416px;
    margin: 0 auto 20px;
}




/* --#page-wrapper.list-- */
#page-wrapper.list .new{
    width: 720px;
    margin: 0 auto;
}
#page-wrapper.list .new p.vol-img{
    color: #000000;
	font-size: 24px;
	display: flex;
	align-items: center;
    margin-bottom: 25px;
}
#page-wrapper.list .new p.vol-img:before,
#page-wrapper.list .new p.vol-img:after{
    content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
#page-wrapper.list .new p.vol-img:before{
    margin-right: .4em;
}
#page-wrapper.list .new p.vol-img:after{
    margin-left: .4em;
}
#page-wrapper.list .new p.vol-img img{
    width: 124px;
}
#page-wrapper.list .new h2{
    margin-bottom: 15px;
}
#page-wrapper.list .new p.person-img{
    margin: 15px auto 10px;
}
#page-wrapper.list .new p.person-img img{
    border: 18px solid #ffffff;
    width: 95%;
    text-align: center;
}
#page-wrapper.list .new p.date{
    text-align: right;
}
#page-wrapper.list .new p.btn{
    width: 410px;
    margin: 10px auto 10px;
}