@charset "Shift_JIS";

.mt20{ margin-top: 20px !important; }

/* font */
.m_font{font-weight: bold; font-family: 'Noto Sans', sans-serif; font-family: 'Noto Serif', serif; transform: rotate(0.05deg); }

/* --------------------------------
	表紙
-------------------------------- */

article#cover { margin:0; padding:0; background:none; }
article#cover h1 { padding:0; background:none; margin: 0 auto;}
article#cover h1 img { vertical-align:bottom; }
article#cover .lead { margin:10px auto 0 auto; padding: 0; }

/* --------------------------------
	アイテム
-------------------------------- */
h2.t_ttl{ text-align: center; background: url(/s/selection/hina/img/index/butterfly.png) no-repeat 12px bottom; background-color: #f4768d; color: #fff; font-weight: bold; padding: 8px 0; border-bottom: solid 4px #cf3652; font-size: 30px; margin-top: 30px; }
.item section{ }

p.txt_hina { color: #ef4766; font-weight: bold; width: 80%; margin: 20px auto; }
.item .item_l { border-bottom: #f3bec7 2px solid; background: url(/s/selection/hina/img/index/bg_box.jpg) repeat; }
.item .item_l p.img { width: 100%; height: auto; }
.item .item_l p.copy01 { background-color: rgba( 255, 255, 255, 0.5 ); padding: 10px; text-align: center; color: #c31024; font-size: 13pt; width: 100%; font-weight: bold; } 
.item ul { overflow: hidden; text-align: center; margin: 20px auto; }
.item ul li.name a { color: #622c1d; font-weight: bold; font-size: 12pt; text-align: center; }
.item ul li.price { color: #8f4d3b; font-size: 10pt; text-align: center; }
.item ul li.btn a { width: 80%; background: #f05566; padding: 8px; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; margin: 10px auto; font-size: 10pt; }

/* 特集から選ぶ */
article#cont h2 { background: #d35a5c; padding: 10px; font-weight: bold; color:#fff; }
article#cont p:nth-child(2) ,article#cont li{ border: #ccc 2px solid;}
article#cont p:nth-child(2){ margin: 5px; }
article#cont li{ float:left; width:46vw; margin:5px; position:relative; }
article#cont li p{ text-align:left; width:90%; position:absolute; bottom:1px; left:1px; background:rgba(255,255,255,0.8); padding:3px 8px; line-height:1; font-size:10pt; }


/* --------------------------------
	グローバルナビ
-------------------------------- */

nav#global_nav { margin-top:35px; }





/* --------------------------------
	グローバルナビ 春
-------------------------------- */

#cover .gen_nav { border-bottom:solid 4px #fb84b3; height: 45px; margin: 5px 0 0 auto; text-align:center; width: 100%; }
#cover .gen_nav ul { padding-left:5px; list-style:none; overflow: hidden; text-align: center; margin:0 0 0 auto; height: 56px; word-break: break-all; }
#cover .gen_nav ul li.gen_nav00 { width: 13%; height: 40px; padding: 0 2px; float: left;border: solid 1px #CCC; margin-top: 4px; margin-right: 2px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; box-shadow: 2px 2px rgba(0,0,0,0.1); }
#cover .gen_nav ul li.gen_nav00 p { font-size:10px;  vertical-align: middle; margin:0 0 0 auto; text-align:center; height: 40px;  display:box; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; -webkit-box-align:center; -moz-box-align:center; box-align:center; width: 100%; height: 100%; }
#cover .gen_nav ul li.gen_nav01 { width: 18%; height: 38px; padding:0 2px 8px 0; float: left; background: #fb84b3; margin-right: 2px; margin-left:2px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; box-shadow: 2px 2px rgba(0,0,0,0.1); text-align:center; }
#cover .gen_nav ul li.gen_nav01 p { font-size:11px; text-decoration:none;  vertical-align: middle; margin:0 0 0 auto; text-align:center; height: 48px; font-size:90%; color:#FFF; display:box; -webkit-box-pack:center; -moz-box-pack:center; box-pack:center; -webkit-box-align:center; -moz-box-align:center; box-align:center; width: 100%; height: 100%; }
#cover .gen_bt {margin: 5px 0 5px auto;text-align:center; }
#cover .gen_bt ul li.gen_bt01 {float: left;padding: 2px;list-style: none;}

section.search, section.select{ margin:0 !important; padding:0 !important; }
section.search p{ padding:2px !important; }