@charset "utf-8";
/* ver.170113 */

/* Basic Normalize */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}

ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
img{vertical-align: top;}
figure{margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.clear:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clear {
    min-height: 1px;
}
* html .clear {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/* Basic Config */
html
{
    font-size: 100%;
    background: #fff;
}
body
{
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    text-align: center;
    width:100%;
    font-size:14px;
    overflow:hidden;
}
body,input,select,textarea
{
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}

a{text-decoration:none;}

/*------ 共通 ------*/

#main_text {
    background : #fff;
    margin:0;
    text-align: center;
}

.text_bg{
    background:#fff;
}

.social{
    border-bottom:1px dotted #ccc;
    text-align:left;
    position:relative;
}

.social p{
    position:absolute;
    top:0;
    right:0;
    text-align:right;
}

ul.pan{
    color:#333;
    display:block;
    text-align:left;
}

ul.pan li{
    display:inline-block;
    position:relative;
}

ul.pan li.waku{
    background:#e6e6e6;
    border-radius:2px;
}

ul.pan li.waku p{
    display:block;
    padding:2px 10px;
}

ul.pan li.waku a{
    display:block;
    padding:2px 10px 2px 25px;
    color:#333;
}

ul.pan li.waku a:before{
    content:url(../img/pan_home.png);
    position:absolute;
    top:10%;
    left:3px;
}

ul.pan li.waku a:hover{
    background:#f5f5f5;
}

.box_text img{
    margin: 10px 0;
}

.box_text_img{
    margin:10px 0;
}

.midashi_text {
    font-family: "Sawarabi Mincho";
    text-align: left;
    font-weight:bold;
}

.text {
    background:url(../img/line_naname.png) 50% 100% no-repeat;
    background-size: 100%;
    margin:0;
}

.text p {
    font-family: "Sawarabi Mincho",serif;
    text-align: left;
}

.text p span{
    font-weight:bold;
}

.text p span.hi{
    color:#5f5232;
}

.text p span.sho{
    color:#420500;
}

.shopinfo{
    background:#e6e6e6;
    border-radius:5px;
}

.shopinfo span{
    font-weight:bold;
}

.shopinfo a{
    color:#0078c9;
    font-weight:bold;
}

.productinfo {
    background:#e6e6e6;
    border-radius:5px;
}

.productinfo span{
    font-weight:bold;
}

.productinfo a{
    color:#0078c9;
    font-weight:bold;
}

#entry_navi {
    font-family: "Sawarabi Mincho",serif;
    position:relative;
    font-weight:bold;
}

#entry_navi a{
    color:#000;
}

#entry_navi p.prev{
    position:relative;
}

#entry_navi p.next{
    position:relative;
}

footer{
    margin:0;
}

footer p.illust{
    width:100%;
    text-align:center;
    overflow:hidden;
}

footer p.illust img{
    max-width: initial;
    width:100%;
}

footer div{
    background:url(../img/footer_bg.png) 0 0;
    color:#fff;
}

/*------ 共通 ------*/

/*------ PC ------*/
@media screen and (min-width: 767px)
{

.hide_pc{
    display:none;
}

.bg01{
    background:url(../img/textimg_05_pc.png) 50% 0 no-repeat;
    background-size: auto 100%;
    position:fixed;
    top:0;
    left:0;
    width:35%;
    height:100%;
}

.bg01 p{
    text-align:left;
    margin:10px;
}

.bg01 p a:hover{
    opacity:0.8;
}

.text_bg{
    width: 65%;
    margin:0 0 0 35%;
}

.text_inner{
    margin:0 auto;
}

.social{
    margin:0 10px;
    padding:5px 0;
}

.social a img:hover{
    opacity:0.8;
}

.social p{
    padding:10px 0;
}

.social p a{
    margin-left:10px;
}

.social p a img{
    height:25px;
}

ul.pan{
    max-width:670px;
    margin:10px auto 0;
}


.text_inner .header_link {
    display: table;
    text-align: center;
    margin: 0 auto;
}

.header_link .right {
    display: table-cell;
    text-align: right;
    max-width: 350px;
    width: 350px;
}

.header_link .left {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    max-width: 350px;
    width: 350px;
}

.header_buy {
    margin:10px 0 0;
}

.box_text{
    max-width:700px;
    margin:0 auto;
    padding: 10px 3% 20px 3%;
}

.midashi_text {
    padding: 30px;
    font-size: 16px;
    line-height: 2.0em;
}

.text {
    padding:30px 0;
}

.text p {
    padding: 10px;
    font-size: 14px;
    line-height: 1.8em;
}
p.articletext {
    padding: 10px;
    font-size: 14px;
    line-height: 1.8em;
    text-indent: -5em;
    padding-left: 5em;
}

.text .shopinfo{
    padding:10px 20px;
    margin:10px 0;
    width:50%;
    display:table-cell;
    margin-right:5px;
	text-align:left;
}

.text p.shopinfo a:hover{
    opacity:0.8;
}

.info {
    display: table;
    text-shadow: 0 0 black;
    width: 100%;
    margin: 0 auto;
}

.text .productinfo{
    padding: 6%;
    width: 85%;
    margin-right: 10px;
    text-align:left;
}

.sp_product_img {
	display:none;
}

.info a .buybtn {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-top:5px;
}

#entry_navi {
    font-size:16px;
    margin:20px 0;
}

#entry_navi a:hover{
    opacity:0.8;
}

#entry_navi p.prev{
    text-align:left;
    padding-left:30px;
}

#entry_navi p.prev a:before{
    content:url(../img/arrow_left.png);
    position:absolute;
    top:10%;
    left:0;
}

#entry_navi p.next{
    text-align:right;
    padding-right:30px;
}

#entry_navi p.next a:after{
    content:url(../img/arrow_right.png);
    position:absolute;
    top:10%;
    right:0;
}

.buy{
    margin:30px 0 0;
    text-align: center !important;
}

.buy a:hover{
    opacity:0.8;
}

footer p.pagetop{
    margin-bottom:30px;
}

footer p.pagetop a:hover{
    opacity:0.8;
}

footer div{
    padding:30px 0 5px;
    font-size:10px;
}

footer div p.tfm{
    margin-bottom:20px;
}

footer div p.tfm a:hover{
    opacity:0.8;
}

.sp_none {
	display:none;
}

}/*------ PC ------*/


/*------ SP ------*/

@media screen and (max-width: 767px)
{

.hide_sp{
    display:none;
}

.bg01{
    display:none;
}

.text_bg{
    margin:0;
}

.text_inner{
    margin:0;
}

.social{
    margin:0;
    padding:5px;
}

.social a img{
    height:25px;
}

.social p{
    padding:5px 10px;
}

.social p a{
    margin-left:5px;
}

ul.pan{
    margin:10px;
}

.box_text{
    margin:15px 0 0;
    padding:10px;
}

.midashi_text {
    padding: 20px 0;
    font-size: 14px;
    line-height: 1.8em;
}

.text {
    padding:15px 0;
}

.text p {
    padding: 8px 0;
    font-size: 12px;
    line-height: 1.4em;
}

p.articletext {
    padding: 8px 0;
    font-size: 12px;
    line-height: 1.4em;
    text-indent: -5em;
    padding-left: 5em;

}


.text .shopinfo{
    padding:10px;
    margin:10px 0;
    line-height:1.8;
    text-align: left;
}

.text .productinfo {
    padding: 10px;
    margin: 10px 0;
    line-height: 1.8;
    text-align: left;
}

.pc_product_img {
	display:none;
}
.sp_product_img {
	display:table;
}


.info a .buybtn {
    width: 70%;
    margin: 0 auto;
    display: block;
}

#entry_navi {
    font-size:14px;
    display: table;
    margin: 0 auto;
    margin-top:10px;
    margin-bottom:10px;

}
#entry_navi p{
    margin-bottom:10px;
    text-align:center;
}

#entry_navi p.prev{
    display:table-cell;
    padding-right: 50px;
}

#entry_navi p.next {
    display:table-cell;
}

#entry_navi p.next a:after{
    content:" >";
}

#entry_navi p.prev a:before{
    content:"< ";
}

.buy{
    margin:20px 0;
}

.buy img{
    width:50%;
}

footer p.pagetop{
    margin-bottom:30px;
}

footer p.pagetop img{
    width:15%;
}

footer div{
    padding:20px 0 5px;
    font-size:9px;
}

footer div p.tfm{
    margin-bottom:20px;
}

footer div p.tfm img{
    width:50%;
}

}/*-----SP-----*/