@charset "UTF-8";
/*-------------------------------------- common ---------------------------------------*/
/*-------------------------------------- font system [ver:2018.10.11] --------------------------------------*/
body { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; -webkit-text-size-adjust: 100%; }

.ffg, #footer #copyright { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; }

.ffm { font-family: 'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',Meiryo,'メイリオ',serif; }

#footer #copyright { font-size: 0.625rem; line-height: 100%; font-weight: 300; }

#item_area .item_block p.item_cate { font-size: 0.875rem; line-height: 149.4%; font-weight: 300; }

#item_area .item_block p.item_data { font-size: 0.9375rem; line-height: 147.574%; font-weight: 300; }

#footer #footer_body #footer_left #footer_linkset a, #header #main_navi #main_navi_body { font-size: 1rem; line-height: 100%; font-weight: 300; }

#item_area .item_block h4 { font-size: 1rem; line-height: 145.748%; font-weight: 300; }

#item_area .item_block p.item_desc, #footer { font-size: 1rem; line-height: 175.6%; font-weight: 300; }

.page_navi .pages ul li a, #category_navi ul#category_navi_body li a { font-size: 1.125rem; line-height: 100%; font-weight: 300; }

#item_area .item_block h3 { font-size: 1.875rem; line-height: 120.184%; font-weight: 300; }

/*-------------------------------------- common ---------------------------------------*/
.for_sp { display: none; }

* { margin: 0; padding: 0; }

body { color: #444661; font-family: TsukuOldMinPro-R,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; background: url(../../images/common_bg_pc.png) center top; background-size: 360px 180px; }

a, a:visited { color: #444661; text-decoration: none; }

ul { list-style: none; }

img { border-style: none; vertical-align: top; }

.cf:after { content: ""; display: block; width: 0; height: 0; clear: both; overflow: hidden; }

.cf_node { clear: both; width: 0; height: 0; overflow: hidden; }

#wholepage { position: relative; min-width: 1100px; }

/*-------------------------------------- header ---------------------------------------*/
#header { display: table; width: 980px; margin: 0 auto; padding: 40px 60px 90px; }

#header #main_navi { display: table-cell; vertical-align: top; width: 340px; }

#header #main_navi #main_navi_body { font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; }

#header #main_navi #main_navi_body a { display: inline-block; margin-bottom: 4px; padding: 15px 0 3px; letter-spacing: 1px; background: url(../../images/common_deco_naviline_pc.png) no-repeat -174px bottom; background-size: 174px 4px; transition: 0.25s all; }

#header #main_navi #main_navi_body a:nth-child(3) { margin-left: 16px; }

#header #main_navi #main_navi_body a:nth-child(5) { margin-left: 32px; }

#header #main_navi #main_navi_body a:nth-child(7) { margin-left: 48px; }

#header #main_navi #main_navi_body a.thispage, #header #main_navi #main_navi_body a:hover { background-position: right bottom; }

#header #main_navi #main_navi_body a:last-child { display: none; }

#header h1 { display: table-cell; vertical-align: top; width: 300px; text-align: center; }

#header #header_fb { display: table-cell; vertical-align: middle; width: 340px; text-align: right; }

#header #header_fb > div { display: inline-block; position: relative; width: 32px; height: 32px; }

#header #header_fb > div a { width: 32px; height: 32px; }

/*-------------------------------------- body ---------------------------------------*/
#content_body { min-width: 1100px; }

/*-------------------------------------- footer ---------------------------------------*/
#footer { margin-top: 150px; padding: 77px 0 24px; color: #7a7a85; background: #e1e1e3; }

#footer #footer_body { display: table; min-width: 1100px; margin: 0 auto; }

#footer #footer_body #footer_left { display: table-cell; vertical-align: middle; width: 240px; padding: 0 0 2px 60px; }

#footer #footer_body #footer_left #footer_linkset { width: 147px; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; border-top: 1px solid #ccccd0; }

#footer #footer_body #footer_left #footer_linkset a { display: block; padding: 15px 0 16px; color: #7a7a85; letter-spacing: 1px; border-bottom: 1px solid #ccccd0; transition: 0.3s all; }

#footer #footer_body #footer_left #footer_linkset a:hover { color: #444661; }

#footer #footer_body #footer_logo { display: table-cell; vertical-align: middle; width: 500px; text-align: center; }

#footer #footer_body #footer_right { display: table-cell; vertical-align: middle; width: 240px; padding: 0 60px 0 0; text-align: right; }

#footer #footer_body #footer_right a { display: inline-block; width: 53px; height: 46px; background: url(../../images/common_btn_pagetop_pc.png) no-repeat center top; background-size: 53px 92px; border-top: 1px solid #ccccd0; border-bottom: 1px solid #ccccd0; }

#footer #footer_body #footer_right a:hover { background-position: center bottom; }

#footer #copyright { padding: 40px 0 0; color: #c3c3c8; text-align: center; }

#block1 { position: relative; width: 1100px; margin: 0 auto; padding-top: 10px; text-align: center; }

#block1 #bird1 { position: absolute; top: -19px; left: 696px; width: 52px; height: 47px; background: url(../../images/common_fig_bird_left.png) no-repeat; background-size: 52px 47px; }

#category_navi { width: 680px; margin: 80px auto 0; background: url(../../images/common_deco_roughline.png) no-repeat center top; background-size: 856px 2px; background-color: rgba(255, 255, 255, 0.5); }

#category_navi #category_str { display: none; }

#category_navi ul#category_navi_body { padding: 13px 15px 13px; text-align: center; background: url(../../images/common_deco_roughline.png) no-repeat center bottom; background-size: 856px 2px; }

#category_navi ul#category_navi_body li { display: inline-block; }

#category_navi ul#category_navi_body li a { display: inline-block; margin: 4px 16px 4px; padding: 7px 0; background: url(../../images/common_deco_naviline_pc.png) no-repeat -174px bottom; background-size: 174px 3px; transition: 0.25s all; }

#category_navi ul#category_navi_body li a.thiscategory, #category_navi ul#category_navi_body li a:hover { background-position: right bottom; }

#item_area { width: 1032px; margin: 0 auto; filter: opacity(1%); }

#item_area .item_block { width: 292px; margin: 90px 26px 0; overflow: hidden; float: left; }

#item_area .item_block .item_img { width: 292px; height: 292px; background: no-repeat center center; background-size: contain; }

#item_area .item_block h3 { padding: 31px 0 16px; text-align: center; }

#item_area .item_block h4 { text-align: center; }

#item_area .item_block p.item_desc { padding: 23px 0 25px; }

#item_area .item_block p.item_data { padding-top: 0; }

#item_area .item_block p.item_cate { padding: 8px 0 12px; color: #848387; background: url(../../images/common_deco_roughline.png) no-repeat center bottom; background-size: 100% 2px; }

#item_area .item_block .item_buttonset { display: table; width: 292px; height: 80px; }

#item_area .item_block .item_buttonset > div { display: table-cell; vertical-align: top; height: 42px; padding: 23px 0 0; }

#item_area .item_block .item_buttonset > div:nth-child(1) { width: 134px; text-align: center; }

#item_area .item_block .item_buttonset > div:nth-child(2) { width: 134px; padding-left: 24px; }

#item_area .item_block .item_buttonset > div:nth-child(2) iframe { width: 134px; height: 42px; border: none; }

.page_navi { position: relative; width: 632px; margin: 80px auto 0; padding: 0 200px; text-align: center; }

.page_navi .pages { padding: 20px 0 0; }

.page_navi .pages ul li { display: inline-block; }

.page_navi .pages ul li a { display: block; width: 40px; margin: 0 5px 10px; padding: 10px 0; background: #fcf9f7; border: 1px solid #afafb3; border-radius: 5px; transition: 0.2s all; }

.page_navi .pages ul li a.thispage, .page_navi .pages ul li a:hover { color: #fcf9f7; background: #ababb3; }

.page_navi > a { position: absolute; top: 22px; left: 26px; display: block; width: 141px; height: 38px; background: url(../images/idx_btn_shoppingguide.svg) no-repeat center top; background-size: 141px auto; }

.page_navi > a:hover { background-position: center bottom; }