@charset "utf-8";

/************************************************/
/* 共通パーツCSS */
/* LastUpdate 2012/08/10 */
/************************************************/
/*==============================================*/
/* Module */
/*==============================================*/
/* ページの見出し*/
.sec_title a,
.sec_title span{ 
    text-align:left;
    margin-left:3px;
    font-size:24px;
}

.hedline a,
.hedline span{ 
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
	color:#a57d00;
}
.mincho a,
.mincho span{ 
    font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
	color:#a57d00;
}

.wk_anti_aliasing .sec_title a, 
.wk_anti_aliasing .sec_title span{
    text-shadow: 0.1 0.1 0.2px #555, -0.1 -0.10 0.2px #555;
    -webkit-text-stroke: 0.7px #555;
}
.wk_anti_aliasing .sec_title a:hover{ 
    -webkit-text-stroke: 0.7px #FF55AA;
}

.ie_anti_aliasing .sec_title a, 
.ie_anti_aliasing .sec_title span{
    text-shadow: 0.1 0.1 0.2px #555, -0.1 -0.10 0.2px #555;
    font-weight:bold;
}

.ff_anti_aliasing .sec_title a, 
.ff_anti_aliasing .sec_title span{
	text-shadow: 
        0.1px 0.1px #916D77, -0.1px -0.1px #916D77,
        0.1px 0.1px 0.4px #99828D, -0.1px -0.1px 0.4px #99828D;
}

/* 矢印　通常 */
.arrow span, 
.arrow a{
    font-size:36px;
    background-image:url(../img/com_btn_arrow_n.png);
    background-repeat:no-repeat;
    background-position:right top;
    padding-right:42px;
    min-height:45px;
    display:inline-block;
    padding-top:8px;
    letter-spacing:0.2px;
}
.arrow a:hover{
    background-image:url(../img/com_btn_arrow_n_o.png);
}

/* 矢印　大 */
.arrow_l span, 
.arrow_l a{
    font-size:36px;
    background-image:url(../img/com_btn_arrow_l.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px;
    min-height:36px;
    display:inline-block;
    margin-bottom:11px;
    color:#a57d00;
}
.arrow_l a:hover{
    background-image:url(../img/com_btn_arrow_l_o.png);
    color:#D55E69;
    text-decoration:none;
}

/* 矢印　中 */
.arrow_m span, 
.arrow_m a{
    font-size:26px; /*201712*/
    background-image:url(../img/com_btn_arrow_m.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:28px;
    min-height:30px;
    padding-top:1px;
    display:inline-block;
    letter-spacing:-0.05em; /*201712*/
    margin-bottom:10px;
    color:#a57d00;
}
.arrow_m a:hover{
    background-image:url(../img/com_btn_arrow_m_o.png);
    color:#D55E69;
    text-decoration:none;
}

/* 矢印　小 */
.arrow_s span, 
.arrow_s a{
    font-size:24px;
    background-image:url(../img/com_btn_arrow_s.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:18px;
    min-height:24px;
    padding-top:0;
    display:inline-block;
    letter-spacing:0px;
    color:#a57d00;
}
.arrow_s a:hover{
    background-image:url(../img/com_btn_arrow_s_o.png);
    color:#D55E69;
    text-decoration:none;
}
#SideNewMagazineArea .arrow_s span, 
#SideNewMagazineArea .arrow_s a{
	font-size:23px !important;
	}

/* 自サイト内リンク（矢印） */
a.self{
    color:#D55E69;
    background-image:url(../img/com_btn_self.png);
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:15px;
    padding-top:4px;
    display:inline-block;
}
a.self:hover{
    background-image:url(../img/com_btn_self_o.png);
	color:#D55E69;
}

/* 外部サイトリンク（アイコン） */
a.blank{
    color:#D55E69;
    background-image:url(../img/com_btn_blank.png);
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:15px;
    padding-top:4px;
    display:inline-block;
}
a.blank:hover{
    background-image:url(../img/com_btn_blank_o.png);
	color:#D55E69;
}

/* 下矢印付き注釈 */
.block_exp{
    background-image:url(../img/com_main_bg_exp.png);
    background-position:12px bottom;
    background-repeat:no-repeat;
    margin-bottom:3px;
    padding-bottom:9px;
}
.block_exp span{
    background-color:#6B494C;
    color:#ffffff;
    display:block;
    line-height:1;
    padding:8px 0 8px 13px;
    width:auto;
    font-size:18px;
}


/* 角丸付き画像枠（メインエリア共通） */
.item_image .wrap{
    width:142px;
    background-image:url(../img/com_main_bg_item_t.gif);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:center;
    padding:3px 0 0 0;
    margin-bottom:5px;
}
.item_image .inner{
    background-image:url(../img/com_main_bg_item_b.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding:0 3px 3px 3px;
    font-size:0;
}
.item_image img{
    max-width:137px;
}

/* 角丸付き画像枠（右ナビ共通） */
.notify_image .wrap{
    width:117px;
    background-image:url(../img/com_notify_bg_item_t.gif);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:center;
    padding:3px 0 0 0;
}
.notify_image .inner{
    background-image:url(../img/com_notify_bg_item_b.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding:0 3px 3px 3px;
    font-size:0;
}
.notify_image img{
    max-width:111px;
}

/* 角丸付き画像枠（ブロガー枠） */
.blogger_image .wrap{
    width:117px;
    background-image:url(../img/com_main_bg_bloger_t.gif);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:center;
    padding:5px 0 0 0;
    margin-bottom:5px;
}
.blogger_image .inner{
    background-image:url(../img/com_main_bg_bloger_b.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding:0 5px 5px 5px;
    width:107px;
}
.blogger_image .inner a{
    background: none repeat scroll 0 0 #ffffff;
    border: 2px solid #ffffff;
    display: table-cell;
    font-size: 0;
    height: 103px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 103px;
}
.blogger_image .inner a:hover{
	border:2px solid #D55E69;
}
.blogger_image img{
    border: 0 none;
    font-size: 0;
    height: auto;
    margin: 0;
    max-height: 103px;
    max-width: 103px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}

/* 角丸付き画像枠（書誌枠） */
.book_image  .wrap{
    width:147px;
    background-image:url(../img/com_foot_bg_book_t.png);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:center;
    padding:6px 0 0 0;
    margin:0 auto;
}
.book_image  .inner{
    background-image:url(../img/com_foot_bg_book_b.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding:0 6px 8px 6px;
    width:135px;
    height:115px;
}
.book_image  .inner a{
    font-size:0;
    display:inline-block;
    vertical-align: bottom;
    width:auto;
}
.book_image  .inner a:hover{
}
.book_image  img{
    max-width:135px;
    border:1px solid #F6E3E2;
    height:115px;
    max-height:115px;
}

/* 角丸付きエリア枠（右ナビ　画像リンク・バナーエリア） */
.notify_imgblock .wrap{
    width:270px;
    background-image:url(../img/com_notify_bg_img_t.gif);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:center;
    padding:3px 0 0 0;
    margin-bottom:5px;
}
.notify_imgblock .inner{
    background-image:url(../img/com_notify_bg_img_b.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding:0 3px 3px 3px;
    width:264px;
}
.notify_imgblock .inner a{
    font-size:0;
    display:inline-block;
    vertical-align: bottom;
    width:auto;
}
.notify_imgblock .inner a:hover{
}
.notify_imgblock img{
    max-width:264px;
}

/* 角丸付きエリア枠（右ナビ　SNSエリア） */
.notify_snsblock .wrap{
    width:270px;
    background-image:url(../img/com_notify_bg_sns_t.gif);
    background-repeat:no-repeat;
    background-position:left top;
    text-align:center;
    padding:5px 0 0 0;
    margin-bottom:5px;
}
.notify_snsblock .inner{
    background-image:url(../img/com_notify_bg_sns_b.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
    text-align:center;
    padding:0 5px 5px 5px;
    width:260px;
}


/* 雑誌購入ショップリスト */
.shoplist {
    position:relative;
}
.shoplist .selecter{
    margin-bottom:12px;
}
.shoplist .selecter .name{
    background-image:url(../img/com_shoplist_bg_shoplist.png);
    background-repeat:no-repeat;
    background-position:left top;
    display:block;
    float:left;
    width:184px;
    height:20px;
    padding:6px 10px;
    margin:0;
}
.shoplist .selecter .name a{
    display:block;
    width:184px;
    height:20px;
    background-image:url(../img/com_shoplist_btn_shoplist_select.png);
    background-repeat:no-repeat;
    background-position:right top;
    cursor:pointer;
}
.shoplist .selecter .name a:hover{
    background-position:right bottom;
}
.shoplist .selecter .button{
    display:block;
    float:left;
    width:66px;
    height:32px;
    margin:0;
}
.shoplist .selecter .button a{
    background-image:url(../img/com_shoplist_btn_shoplist.png);
    background-repeat:no-repeat;
    background-position:left top;
    display:block;
    width:66px;
    height:32px;
    text-indent:-9999px;
    line-height:36px;
}
.shoplist .selecter .button a:hover{
    background-position:left bottom;
}
.shoplist .list {
    position:absolute;
    top:32px;
    left:5px;
    overflow:hidden;
    visibility:hidden;
}
.shoplist .list li{
    display:block;
    height:20px;
    width:183px;
    padding:7px 7px 8px 7px;
    background-image:url(../img/com_shoplist_bg_shoplist_list.png);
    background-position:left top;
    background-repeat:no-repeat;
    *margin-top:-2px;
}
.shoplist .list li.last{
    background-position:left bottom;
}
.shoplist .list li a{
    cursor:pointer;
}
.shoplist .shop_title {
    background-image:url(../img/com_shoplist_btn_shoplist_list.png);
    background-repeat:no-repeat;
    display:block;
    width:110px;
    height:20px;
    text-indent:-9999px;
}

.shoplist a .shop_amazon {    background-position:-110px -20px; }
.shoplist a.ac .shop_amazon {    background-position:-110px -0px; }
.shoplist a:hover .shop_amazon {    background-position:-110px -40px; }
.shoplist a.ac:hover .shop_amazon {    background-position:-110px -0px; }

.shoplist a .shop_rakuten {    background-position:0px -20px; }
.shoplist a.ac .shop_rakuten {    background-position:0px -0px; }
.shoplist a:hover .shop_rakuten {    background-position:0px -40px; }
.shoplist a.ac:hover .shop_rakuten {    background-position:0px -0px; }

/* PageTop */
a.pagetop{
    color:#222;
    display:inline-block;
    background-image:url(../img/com_btn_pagetop.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:18px;
    height:10px;
    line-height:10px;
    margin-right:10px;
}
a.pagetop:hover{
    background-position:left -16px;
}

/* 付録に関するお問い合わせ */
.inquiry a{
    display:block;
    text-indent:-9999px;
    background-image:url(../img/com_branditem_btn_inquiry.png);
    background-repeat:no-repeat;
    background-position:left top;
    width:167px;
    height:19px;
}
.inquiry a:hover{
    background-position:left bottom;
}