@charset "shift-jis"; /*============================

/* 
header
------------------------------ */
div#topicpath a { background:transparent url(//img.e87.com/img/usr/images/topicpath_bg.gif) no-repeat scroll right top; font-weight:normal; padding:0 10px 0 0; }


/*
共通
-----------------------------*/
.contents { text-align:left; width:960px; margin:0 auto; }
#index div.pagetop { clear:both; color:#CA417D; font-size:85%; margin:0px 2px 5px 0; text-align:right; }
.clearfix:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } /*IE7以外のモダンブラウザ向け*/

.clearfix{ display:inline-block; position:relative; } /*IE7およびMacIE5向け*/


/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

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


/*pageTitle
-----------------------------*/
.contents div#title_area { background:url(/selection/hina/2019images/main_bg.jpg) no-repeat top left #FFFFFF; min-height:180px; _height:180px; width:960px; text-align:left; font-size:100%; margin-bottom:20px; padding:0; position:relative; }
.contents .title_area_inner{ position:absolute; bottom:0;left:248px; width: 500px; color: #696851; background: rgba(255,255,255,0.8); padding: 10px;}
.contents .title_area_inner .txt{ line-height:1.1; }
.contents .title_area_inner h1{ color: #c71b2e; font-weight: bold; }
.contents .title_area_inner p{ }
ul.anc_navi li{ float:left; }
.anc_navi a{ margin:0 0 0 25px; }



/*-----------------------------
ひな祭りcssここから
-----------------------------*/
/*
#rank{ border-bottom: #d35a5c 3px double; }
div#rank h2{text-align: center; font-size: 22px; letter-spacing: 3px; font-weight: bold; padding: 10px; background: #D35A5C; color: #fff; }
div#rank ul{ display: flex; }
div#rank ul li{ margin: 10px; }
div#rank ul li p:nth-child(2) img{ width: 100%; height:auto; }
div#rank ul li p span{ width: 70px; height: auto; margin: 5px auto; display: block; }
*/


h2.t_ttl{ border-bottom: #cf3652 2px solid; background: url(/selection/hina/2019images/butterfly.png) no-repeat 168px bottom; background-color: #f4768d; }
h2.t_ttl span{ display: block; text-align: center; font-size: 30px; font-weight: bold; padding: 9px; line-height: 1.2; color: #fff; }

.boxs { background: url(/selection/hina/2019images/bg_box.jpg) repeat; padding: 20px 0; }
.boxs p.txt_hina { color: #8f4d3b; font-size: 15px; padding: 20px; text-align: center; line-height: 1.5; }
.boxs ul { overflow: hidden; list-style: none; clear: both;}
.boxs ul li.box01 { width: 50%; display: inline-block; }
.boxs ul li.box01:last-child { width: 50%; display: inline-block; float: right; }
.boxs ul li.box01 p{ text-align: center; position: relative; color: #cf3652; font-size: 18px; font-weight: bold; }
.boxs ul li.box01 dl { background: rgba(255,255,255,0.5); padding: 20px; width: 400px; margin: 20px auto; }
.boxs ul dl dt { font-size: 15px; text-align: center;}
.boxs ul dl dt a:link,
.boxs ul dl dt a:hover,
.boxs ul dl dt a:visited,
.boxs ul dl dt a:active{ color: #622c1d; font-weight: bold; }
.boxs ul dl dd{ text-align: center; color: #8f4d3b; }

.btn{ background: #cf3652; color: #fff !important; border-radius: 8px; padding: 8px; font-weight: bold; text-align: center; font-size: 15px; margin: 0 auto; width: 80%; }


/*
columnListArea
-----------------------------*/
.contents h2.column_tl { background: url(//img.e87.com/selection/sakura/images/index_ttl_bg.gif) no-repeat top center; padding: 3px 0 0 15px; margin-bottom: 10px; font-weight: bold; height: 27px; line-height: 1.9em; color: #601621; }
.contents .columnArea { margin:15px 0 0 14px; }
.contents .topic_box01 { width:220px; height:95px; padding:6px 0; margin:0 10px 0 0; float:left; border-top: #999 1px dashed; }
.contents .textBox { float:left; width:145px; }
.contents .textBox a { font-size:85%; color:#d00056; font-weight:bold; text-decoration:none; }
.contents .textBox a:hover { text-decoration:underline; }
.contents .textBox p { font-size:85%; line-height:120%; margin:5px 0 0 0; }
.contents .imgBox { float:left; width:70px; }