@charset 'utf-8';
/* CSS Document */
/*ギャラリー*/  
    #gallery{  
        width:582px;  
        /*スマフォでは 
        width:97%; 
        に変更して使用*/     
    }  
      
    #gallery .gallery01 img{  
        float:left;  
        width:25%;  
    }  
      
    #gallery img {  
        -webkit-transition: all 0.5s;  
        transition: all 0.5s;  
    }  
    #gallery img:hover{  
        -webkit-transform: scale(2.0);  
        transform: scale(2.0);  
    }  
      
    #gallery .gallery02 img{  
        float:left;  
        width:25%;  
    }  
      
    .clear{  
        clear:both;  
    }  
      
    /*見出し色指定*/  
    h3.gallery_title {  
     float: left;  
     clear: left;  
            width: 95%;  
     font-size: 17px;  
     font-weight: lighter !important;  
     line-height: 1.4;  
     margin-top: 24px;  
     margin-bottom: 10px;  
     margin-right: 15px;  
     padding: 13px;  
     display: block;  
     color: #FFFFFF;  
     background-color: #F1708C; /* 色はページにあわせて変える */  
     border-radius: 5px;   /* CSS3草案 */  
     -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
     -moz-border-radius: 5px;  
    }

/* 20160428追加・コンテンツ枠用 */

#contents .text_ttl2 {
	font-size: 16px;
  color: #FFF;
  background: #F69;
  padding: 8px 10px 7px 20px;
  line-height: 120%;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
 #contents .item_slide_box2 { margin-top: 35px;}
 #contents .item_slide_box2 .text_ttl2 { margin-bottom: 15px;}
 #contents .text_ttl2 span {
	font-size: 16px; color: #FFF; background: url(../images/2014_icon_ttl2.png) 0 0 no-repeat; padding-left: 25px; line-height: 120%; display: block; line-height: 120%;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}

#contents .item_slide_box2 .inr { padding: 0 10px;}
#contents .item_slide_box2 ul { float: left;}
#contents .item_slide_box2 li { width: 140px; float: left; margin-left: 10px; vertical-align: top;}
#contents .item_slide_box2 li .img { display: block; border: #EEEEEE 1px solid;}
#contents .item_slide_box2 li .img img { width: 138px;}

#contents .item_slide_box2 li .img { text-align:center;} /* 20160126追加 */
#contents .item_slide_box2 li .img img { display:inline-block;} /* 20160126追加 */

#contents .item_slide_box2 li .t { line-height: 150%; margin-top: 10px;}
#contents .item_slide_box2 li .t .sttl {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
#contents .item_slide_box2 li .t .mTxt {
  height: 3em;
  overflow: hidden;
  display: block;
  text-align:left;
}

#contents .item_slide_box2 li .btn {
	color: #FFF; display: block; text-align: center; padding: 8px 0; margin-top: 10px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	background: #FFAB2D; 
	background: -moz-linear-gradient(top,  #FFAB2D 0%, #FD9404 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFAB2D), color-stop(100%,#FD9404)); 
	background: -webkit-linear-gradient(top,  #FFAB2D 0%,#FD9404 100%); 
	background: -o-linear-gradient(top,  #FFAB2D 0%,#FD9404 100%); 
	background: -ms-linear-gradient(top,  #FFAB2D 0%,#FD9404 100%); 
	background: linear-gradient(to bottom,  #FFAB2D 0%,#FD9404 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAB2D', endColorstr='#FD9404',GradientType=0 ); 
	
	}
#contents .item_slide_box2 li .btn:hover { text-decoration: none;}

#contents .bnr_box2 { margin-top: 35px;}
#contents .bnr_box2 .img { margin-top: 35px; text-align: center;}
#contents .bnr_box2 .img img { display: inline;}

 #contents .item_slide_box2 ul { float: left; text-align: center;}
 #contents .item_slide_box2 li { float: none; display: inline-block; *display: inline; *zoom: 1;}
 #contents .item_slide_box2 ul { float: left; text-align: center;}
 #contents .item_slide_box2 li { float: none; display: inline-block; *display: inline; *zoom: 1;}


 /* 20160428追加・コンテンツ枠用 */

/*右ナビ*/
#contents .right_area .delivery, #contents .right_area .search { background: #F7F7EE; border: #E6E6CA 1px solid;}
#contents .right_area .delivery h3 { background: none; color: #6B9ED2; font-size: 15px; font-weight: bold; line-height: 120%; margin: 13px 10px 0; padding-bottom: 5px;}
#contents .right_area .delivery .num_list { padding: 0 10px 10px; border-bottom: none;}
#contents .right_area .delivery .num_list li { border-bottom: #C4D8EC 1px dotted; overflow: hidden; padding-bottom: 7px; margin-top: 7px;}
#contents .right_area .delivery .num_list li .ic {
	display: block; float: left; width: 18px; height: 18px; background: url(../images/ic_sec_num.png) 0 0 no-repeat;
	
	background-size: 18px auto;
	-webkit-background-size: 18px auto;
	-moz-background-size: 18px auto;
	-o-background-size: 18px auto;
	-ms-background-size: 18px auto;
	
	
	}
	
#contents .right_area .search { margin-top: 20px; padding: 15px 12px; overflow: hidden;}
#contents .right_area .search input {
  border: #6B9ED2 2px solid;
  border-right: none;
  font-size: 14px;
  float: left;
  height: 35px;
  background: url(../images/ic_search.png) 6px 50% no-repeat #FFF;
  text-indent: 27px;
  width: 227px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}
#contents .right_area .search button {
	width:45px; height:35px; margin:0; padding:0; cursor:pointer;
	color: #FFF; font-size: 14px; text-align: center; font-weight: bold;
	border:none;
	background: #7ba8d7;
	background: -moz-linear-gradient(top,  #7ba8d7 45%, #6b9ed2 55%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#7ba8d7), color-stop(55%,#6b9ed2));
	background: -webkit-linear-gradient(top,  #7ba8d7 45%,#6b9ed2 55%);
	background: -o-linear-gradient(top,  #7ba8d7 45%,#6b9ed2 55%);
	background: -ms-linear-gradient(top,  #7ba8d7 45%,#6b9ed2 55%);
	background: linear-gradient(to bottom,  #7ba8d7 45%,#6b9ed2 55%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ba8d7', endColorstr='#6b9ed2',GradientType=0 );
	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
}




#contents .right_area .delivery .num_list li.n1 .ic { background-position: 0 0;}
#contents .right_area .delivery .num_list li.n2 .ic { background-position: 0 -23px;}
#contents .right_area .delivery .num_list li.n3 .ic { background-position: 0 -46px;}
#contents .right_area .delivery .num_list li.n4 .ic { background-position: 0 -69px;}
#contents .right_area .delivery .num_list li .t { overflow: hidden; display: block; padding: 4px 0 0 8px;}
#contents .right_area .delivery .img_list { overflow: hidden; padding-bottom: 10px; border-top: none;}
#contents .right_area .delivery .img_list li { float: left; margin: 10px 0 0 10px;}
#contents .menu_area.green h3 a .menu_arrow { background-image: url(../images/2014_icon_menu_green.png);}
#contents .menu_area.green ul.box_list li a { background-image: url(../images/2014_box_arrow_green.png);}
#contents .menu_area.first_select ul { border-bottom: #DDD 1px dotted;}
#contents .menu_area.first_select .bottom { padding: 10px; border: #EEEEEE 1px solid; border-top: none;}
#contents .menu_area.first_select ul.box_list.icon li span {
	width: 23px; height: 23px; background: url(../images/ic_set01.png) 0 0 no-repeat; display: inline-block; *display: inline; *zoom: 1;
	margin-top: 3px;
	
	background-size: 23px auto;
	-webkit-background-size: 23px auto;
	-moz-background-size: 23px auto;
	-o-background-size: 23px auto;
	-ms-background-size: 23px auto;
	
	}
#contents .menu_area.first_select ul.box_list.icon li.n1 span { background-position: 0 0px ;}
#contents .menu_area.first_select ul.box_list.icon li.n2 span { background-position: 0 -28px ;}
#contents .menu_area.first_select ul.box_list.icon li.n3 span { background-position: 0 -56px ;}
#contents .menu_area.first_select ul.box_list.icon li.n4 span { background-position: 0 -84px ;}
#contents .menu_area.first_select ul.box_list.icon li.n5 span { background-position: 0 -112px ;}
#contents .menu_area.first_select ul.box_list.icon li.n6 span { background-position: 0 -140px ;}
#contents .menu_area.first_select ul.box_list.icon li.n7 span { background-position: 0 -168px ;}
#contents .menu_area.first_select ul.box_list.icon li.n8 span { background-position: 0 -196px ;}
#contents .menu_area.first_select ul.box_list.icon li.n9 span { background-position: 0 -224px ;}

#contents ul.box_list.type2 > li > a { color: #468ABF; font-size: 14px;}
#contents ul.box_list.type2 > li.t2 > a { color: #333333; font-weight: normal; font-size: 12px; background: none; padding-left: 0;}
#contents ul.box_list.type2 li .ar,
#contents .btn_page_top .ar,
#contents .ar_list .ar {
	display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../images/set_ar_blue.png) 0 0 no-repeat;
  width: 5px;
  height: 5px;
	margin-right: 5px;
	
	background-position: 0 -8px;
	
	background-size: 5px auto;
	-webkit-background-size: 5px auto;
	-moz-background-size: 5px auto;
	-o-background-size: 5px auto;
	-ms-background-size: 5px auto;
	}
#contents ul.box_list.type2 li dt .ar { background-image: url(../images/set_ar_white.png);}
#contents ul.box_list.type2 li.t3 { padding: 0;}
#contents ul.box_list.type2 li.t3.list_over { background: none;}
#contents ul.box_list.type2 li dt a { background: #6B9ED2; display: block; font-size: 14px; font-weight: bold; color: #FFF; padding-left: 20px;}
#contents ul.box_list.type2 li dd { border-top: 1px dotted #dddddd;}
#contents ul.box_list.type2 li dd a { background-image: none; padding-left: 25px;}
#contents ul.box_list.type2 li dd a:hover,#contents ul.box_list.type2 li dd.act a { background-color: #F7FAFD;}

#contents ul.box_list.type2 li { border-bottom: none; border-top: #EEEEEE 1px solid;}
#contents ul.box_list.type2 li.t2 { border-top: #DDD 1px dotted;}
#contents ul.box_list.type2 li.first { border-top: none;}
#contents ul.box_list.type2 li dd.act a { color: #6B9ED2; font-weight: bold;}

#contents .menu_area.yellow ul { border-color: #FFBF00;}
#contents .menu_area.yellow h3 a .menu_arrow { background-image: url(../images/2014_icon_menu02.png);}

#contents .menu_area .btn_list a span { font-size: 12px; line-height: 120%;}
#contents .menu_area .flip ul { border: none;}
#contents .menu_area.ranking > div { border: #EEEEEE 1px solid; border-top: none; padding-bottom: 23px;}
#contents .menu_area .btn_list > span { display: block;}
#contents .menu_area.ranking .btn_list { overflow: hidden; padding-top: 10px;}
#contents .menu_area.ranking .btn_list > span { display: block; float: left; width: 50%;}
#contents .menu_area.ranking .btn_list > span.n1 a { margin-right: 5px;}
#contents .menu_area.ranking .btn_list > span.n2 a { margin-left: 5px;}
#contents .menu_area.ranking .btn_list a { display: block !important; padding-left: 0 !important; padding-right: 0 !important;}
#contents .menu_area ul.rank_list li { border-bottom: none;}
#contents .menu_area.ranking h3 a { background-image: url(../images/ic_rank.png);}
#contents .menu_area .flip ul.rank_list li .item_img { top: 10px; left: 10px;}
#contents .menu_area .flip ul.rank_list li { padding: 10px 10px 10px 102px;}
#contents .menu_area .flip_cntl { margin-top: 15px;}
#contents .menu_area .flip ul li .item_img img { width:70px; height:auto; padding: 0;} 
#taiken .menu_area ul.rank_list li .item_name a { color: #3978B2;}

#contents .menu_area.voice > div { border: #EEE 1px solid; border-top: none;}
#contents .menu_area.voice .voice_ttl a { font-size: 14px; line-height: 120%; color: #3978B2;}
#contents .menu_area.voice .star { color: #FFBF00; font-weight: bold; font-size: 11px;}
#contents .menu_area.voice .star img { display: inline; padding-right: 3px;}
#contents .menu_area.voice .star { margin-top: 5px;}
#contents .menu_area.voice .bread { margin-top: 5px;}
#contents .menu_area.voice .bread { font-size: 11px;}
#contents .menu_area.voice .bread a { color: #3978B2;}
#contents .menu_area.voice .bread span { padding: 0 5px;}
#contents .menu_area.voice .bottom { overflow: hidden; margin-top: 20px; padding: 10px 10px 10px 10px; border-top: #C4D8EC 1px dotted;}
#contents .menu_area.voice .bottom .btn_list > span { float: left; width: 50%;}
#contents .menu_area.voice .bottom .btn_list > span a.btn_style3 { display: block; padding: 6px 0;}
#contents .menu_area.voice .bottom .btn_list > span.n1 a { margin-right: 5px;}
#contents .menu_area.voice .bottom .btn_list > span.n2 a { margin-left: 5px;}

#contents .menu_area .box_list02 li { border-bottom: #C4D8EC 1px dotted; padding: 10px; overflow: hidden;}
#contents .menu_area .box_list02 li .img { float: left;}
#contents .menu_area .box_list02 li .img img { width: 45px;}
#contents .menu_area .box_list02 li .t_box { overflow: hidden; padding-left: 12px;}
#contents .menu_area .box_list02 li .t_box.new .main_t { padding-top: 16px; background: url(../images/ic_new.gif) left top no-repeat;}
#contents .menu_area .box_list02 li .t_box .main_t a { font-size: 14px; color: #3978B2; line-height: 120%;}
#contents .menu_area.media ul { border: none;}
#contents .menu_area.media > div { border: #EEE 1px solid;}
#contents .menu_area.media .bottom { padding: 10px; border-top: #C4D8EC 1px dotted;}


.btn_gra_beige, .btn_gra_beige:hover {
	display: block; border: #D3D3CB 1px solid;
	
	
	
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 20%, #ebe9de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#ebe9de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 20%,#ebe9de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 20%,#ebe9de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 20%,#ebe9de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 20%,#ebe9de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebe9de',GradientType=0 ); /* IE6-9 */
	
	}
.btn_gra_beige > span { display: block; border: #FFF 1px solid; padding: 5px 10px 3px;}
.btn_gra_beige, .btn_gra_beige > span {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	
	}
.btn_gra_beige > span > .text { display: block; text-align: center;}
.btn_gra_beige.ar_r .text { overflow: hidden;}
.btn_gra_beige.ar_r .ar {
	float: right; width: 7px; height: 8px; display: block; margin-top: 4px;
	
	background: url(../images/set_ar_blue.png) left -10px no-repeat;
	
	background-size: 7px auto;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	-o-background-size: 7px auto;
	-ms-background-size: 7px auto;
	}
.btn_gra_beige.ar_c { text-align: center;}
.btn_gra_beige.ar_c span { border: none; padding: 0;}
.btn_gra_beige.ar_c .text { overflow: visible; display: inline-block; *zoom: 1; *display: inline-block; padding: 6px 0 4px;}
.btn_gra_beige.ar_c .ar {
	width: 7px; height: 8px; display: inline-block; margin-top: 4px; *zoom: 1; *display: inline-block; margin-right: 3px;
	
	background: url(../images/set_ar_blue.png) left -10px no-repeat;
	
	background-size: 7px auto;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	-o-background-size: 7px auto;
	-ms-background-size: 7px auto;
	}
	
	
.btn_gra_beige > span > .text * { font-weight: bold;}
.btn_gra_beige:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */	 
	 zoom:1;
	 }
.btn_first > span {
	background: url(../images/ic_first.png) 10px 50% no-repeat;
	
	background-size: 22px auto;
	-webkit-background-size: 22px auto;
	-moz-background-size: 22px auto;
	-o-background-size: 22px auto;
	-ms-background-size: 22px auto;
	
	
	
	}
.btn_first > span .text span { display: block; line-height: 140%;}
.btn_first > span span.n1 { font-weight: bold; color: #52A551;}
.btn_first > span span.n2 { font-size: 14px;}




.mg_t0 { margin-top: 0 !important;}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

	COMIC VIEWER

/////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
#comic_viewer { height:485px;width:485px;background:#FFF; border:1px solid #666; margin: 0 auto;}
#comic_popup_viewer {
  margin-top: 40px;
  display: none;
  height: 600px;
  width: 680px;
  background-color: #FFF;
  
}
.view_check_btn {
  text-align: right;
  width: 640px;
}
#comic_popup {
  float: left;
  width: 485px;
  height: 485px;
  margin: 10px;
}


#comic_viewer #comic { height: 480px; margin: 2.5px auto; position: relative; width: 480px;}

.view_btns { width:100%; margin:20px 0; text-align:center;}
.view_btns a {
	display:inline-block !important; height:34px;
	font-size:14px; color:#F04370 !important; line-height:34px; text-decoration:none;
	
	border: #F04370 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.view_btns a:hover { background-color:#F04370 !important; text-decoration: none !important; color:#FFF !important;}

.view_btns a.off { color:inherit !important; border-color:#777777;}
.view_btns a.off:hover { background-color:inherit;}


.view_btns .page_left { padding:0 20px 0 10px !important; margin-right:20px;}
.view_btns .page_right { padding:0 10px 0 20px !important; margin-left:20px;}


.view_check_btn a img{ display:inline !important;}




.back_btn_01 {
  float: left;
  margin: 200px 15px 0 10px;
}


.fwd_btn_01 {
  float: left;
  margin: 200px 10px 0 15px;
}

*/



/*201602追加*/
#contents center a:hover {
  text-align: center;
}
#contents center a:hover img {
  margin-left: auto;
  margin-right: auto;  
}



/* 見出しのピンク帯 */
.pinktitle{
	color:#FFF !important;
	padding:15px 15px 15px 20px;
	background-color: #F7929C;
	border-radius:5px;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	margin-top:10px;
	margin-bottom:10px;
}