/***********************************************index css start***********************************************/
img.op05:hover{ opacity:0.5;}
/*.anim_open{ opacity: 0;}*/



.index .content{ position:relative; z-index:1;}
.index .content .con_ad{ position:relative;margin:-3.6% 0 0.7% 0; z-index:2;}

.sl_box{ background:#000; padding:0px 0; position: relative;  padding-top:46.2%;  overflow:hidden;}
.sl_bor{ position: absolute; top: 0; left:0px; width: 99%; margin:0.5%; overflow: hidden; background: #FFF; }

#slider{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;-o-transition:left 800ms ease-in 0;-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
#slider li img{ display:block;}
#pagenavi{ overflow:hidden; text-align:right; padding:5px 10px 0 0;}
#pagenavi a{ display:inline-block; width:18px; height:18px; background:url(../images/index/ioc_off.png) 0 0 no-repeat; background-size:100% 100%; margin-left:5px;}
#pagenavi a.active{background:url(../images/index/ioc_on.png) 0 0 no-repeat;background-size:100% 100%;}
.prev{ position:absolute; left:-84px; top:50%; width:75px; height:52px; margin-top:-26px; background:url(../images/index/prev.jpg) 0 0 no-repeat; }
.next{ position:absolute; right:-84px; top:50%; width:75px; height:52px; margin-top:-26px; background:url(../images/index/next.jpg) 0 0 no-repeat; }

.main_tp{ padding-bottom:1%;}
.left_tp{ float:left; padding-top:1.5%; width:73%; padding-right:1%;}

.mob_title{ position:relative;}
.mob_title img{ position:relative; z-index:30;}
.mob_title .linet{ position:absolute; left:5%; bottom:8px; height:5px; width:95%; background:#3cab2c}
.mob_title .read_morenews{ display:block; position:absolute; right:0px; bottom:13px; font-size:1.1em; color:#3cab2c; text-decoration:none;}
.mob_title .read_morenews:hover{ opacity:0.6;}



.mob_t{ padding-bottom:2.74%;}
.news_con ul{ overflow:hidden; padding:1.2% 0 1.2% 0;}
.news_con ul li{ float:left; /*width:23.9%; margin-right:1.4%;*/ width:175px; margin-right:10px;}
.news_con ul li p{ max-height:4.5em; overflow:hidden;}
.news_con ul li a:hover{ color:#3cab2c; text-decoration:none}
.news_con ul li a:hover img{ opacity:0.6;}
.movie_con{}
.movie_con .moveinplya{ float:left; width:236px; margin-right:11px; padding:1.4% 0 2.74% 0;}
.ph_two{ width:49.3%; margin-right:1.4%; float:left;}
.pc_marnone{margin-right:0!important;}

.right_tp{ float:left; width:26%; padding-top:1.5%;}
.mob_book{ border:0.42em solid #000; position:relative; background:url(../images/index/book_bg.jpg) 0 0 repeat;padding:32% 2% 4% 2%; margin-bottom:3.852%;}
.mob_book .banclickt{ position:absolute; top:-0.41em; left:-0.41em; margin-top:-6.5%; width:104%; padding-bottom:37.8%; background:url(../images/index/ban_clickt.png) 0 0 no-repeat; background-size:100% auto;}
.mob_book .banclickt:hover{ background:url(../images/index/ban_clickt_on.png) 0 0 no-repeat; background-size:100% auto;}
.mob_book .book_tit{ font-size:1.33em; color:#FFF; font-weight:bold; display:block; height:2.23em;}
.mob_book .books_ph{ background:#FFF; margin:2% 0;}
.mob_book .book_comtext{ height:6em; overflow:hidden;}
.mob_book .ban_textbo{ color:#FFF; display:block; text-align:right; text-decoration:none; padding-top:5.617%;}
.mob_book .ban_textbo:hover{ color:#ffff00;}

.mob_twitter{ position:relative;}
.twit_pos{ margin:1.25em; position: absolute; top:0; left:0; bottom:0; right:0; z-index:90;}
.twit_pos .t_con{ position: relative; width:100%; height:100%; overflow:hidden;}
.twit_pos .t_con iframe{position: absolute; top:0; left:0; bottom:0; right:0;  /*max-width:280px!important;*/ min-width:100px!important; min-height:100px!important; width:100%!important; height:100%!important; overflow:hidden;}

.logolist{ background:#e6e6e6;}
.logotable{ width:100%; display:table; padding:2.5% 0;}
.logo_ltab{ display:table-cell;}
.logo_ltab img{ float:left; width:32.433%; padding:0 0.676% 0.676% 0;}
.logo_rtab{ display:table-cell; width:26%; text-align:center; vertical-align: middle;}
.logo_rtab img{ width:75%;}

.lboxssc{ padding-top:24px; display:none;}
.bgont{ background:url(../images/index/book_bg.jpg) 0 0 repeat; border:5px solid #000;}
.smoft_t{ margin-top:-14px;}
.ph_blont{ padding:3px 13px 20px 13px; }



/***********************************************index css end***********************************************/


/***********************************************page css start***********************************************/


.page .content{ position:relative; margin-top:-35px;}
.page .news{ height:99.5%; }
.page .content .con_ad{ position:relative; margin-top:-1.2%;}
.page .content .con_people{ position:absolute; left:43%; bottom:9%; background:url(../images/index_img1.png) no-repeat scroll 0% 0% / contain transparent; width:24%; height:36.6%;}
.page .content .con_people:hover{ background:url(../images/index_img1_off.png) no-repeat scroll 0% 0% / contain transparent;}

.page .content .con_l{ float:left;  margin-left:1.8%; width:66%;}
.page .content .con_l img{ max-width:100%; }
.page .content .con_l .up_top{ border-bottom: 5px solid #3cab2c; padding: 0 0 3px 0; text-align: right;}
.page .content .con_l .up_top img{ width: auto;}

/*.page .content .con_r{ position: absolute; top: 0; right: 0; height: 100%; width:27%; margin-right:1.8%; }*/

.page .content .con_r{ float:right;top:0; right:0;  width:27%; margin-right:1.8%; }
.page .content .con_r .news{ background:#FFF; border:5px #000 solid; }
.page .content .con_r img{ width:100%;}
/*.page .content .con_r .news .down_pig{ position: absolute; bottom: 0; left: 0; width: 100%;}*/


.page .foot{ margin-top: 50px;}
/***********************************************page css end***********************************************/


/***********************************************news css start***********************************************/

.page .content .con_l .fec_pg{ padding:1.2% 0 0 0; border-bottom:5px solid #3cab2c; font-size:16px; font-weight:bold; overflow:hidden;}
.page .content .con_l .fec_pg li a{ display: block; float:left; width:14.2%; text-align:center; margin-right:1.76%; padding:5px 0; cursor:pointer; line-height:110%;}
.page .content .con_l .fec_pg li.pg0 a{width:11.5%;}
.page .content .con_l .fec_pg li.pg1 a{width:22.2%;}
.page .content .con_l .fec_pg li.pg4 a{width:11.5%;}
.page .content .con_l .fec_pg li.pg5 a{width:17.6%; margin-right:0;}
.page .content .con_l .fec_pg li.sel a{ background:#3cab2c;color:#FF0;}
.page .content .con_l .fec_pg li a:hover{ background:#3cab2c;color:#FF0; text-decoration:none;}


.page .content .con_l .new_in{ overflow:hidden; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #000;}
.page .content .con_l .new_in .ph{ width:25.5%; padding-right: 3.6%;}

.page .content .con_l .new_tt{ width:70.9%; line-height: 130%;}
.page .content .con_l .new_tt h2{ font-size: 22px; line-height:125%;color:#3cab2c; padding: 0 0 12px 0; border-bottom: 2px solid #3cab2c;margin-bottom: 12px;}
.page .content .con_l .new_tt h2 a{ color:#3cab2c;}

.page .content .con_l .new_tt .new_text{padding:0px 0 20px;}
.page .content .con_l .new_tt .time{color:#3cab2c;}
.page .content .con_l .new_tt .col_b{color:#3cab2c;}

.page .newspg_in .con_l .new_in h2{ padding-left: 30px;}
.page .newspg_in .con_l .new_in h2.h_t1{ background: url(../images/news/ioc_s01.jpg) 0 2px no-repeat;}
.page .newspg_in .con_l .new_in h2.h_t2{ background: url(../images/news/ioc_s02.jpg) 0 2px no-repeat;}
.page .newspg_in .con_l .new_in h2.h_t3{ background: url(../images/news/ioc_s03.jpg) 0 2px no-repeat;}
.page .newspg_in .con_l .new_in h2.h_t4{ background: url(../images/news/ioc_s04.jpg) 0 2px no-repeat;}
.page .newspg_in .con_l .new_in h2.h_t5{ background: url(../images/news/ioc_s05.jpg) 0 2px no-repeat;}
.page .newspg_in .con_l .new_in .new_tt{ width:100%; line-height: 180%;}
.page .newspg_in .con_l .new_in .new_tt .in_ph{ text-align: center;}
.page .newspg_in .con_l .new_in .new_tt .in_ph img{ max-width: 100%; width: auto;0}

.page .content .con_r .news{ background:#FFF; border:5px #000 solid;}
.page .content .con_r .right_tt{ font-size: 16px; padding: 19px 0 5px 0; margin: 0 3.3% 18px 2.5%; border-bottom:2px solid #000; }
.page .content .con_r .new_in{ overflow:hidden; padding-bottom: 13px; border-bottom: 1px solid #000; margin: 0 3.3% 13px 2.5%;}
.page .content .con_r .new_in .ph{ width:23%; padding-right: 3.6%;}
.page .content .con_r .new_in .ph img{ width:auto; max-width:100%;}
.page .content .con_r .new_tt{ width:72.9%; line-height: 130%;}
.page .content .con_r .new_tt .time{color:#3cab2c;}

.page .content .con_l .new_tt .fl_title{ font-size:22px; padding:10px; border-bottom:1px solid #3cab2c; margin:10px 0; color:#3cab2c;}
.page .content .con_l .new_tt .fl_title2{ font-size:22px; padding:20px 0 0px 0;  margin:0px 0 0 0; color:#3cab2c;}
.page .content .con_l .new_tt .fl_box{ overflow:hidden;}
.page .content .con_l .new_tt .fl_box dd{float:left; width:50%; padding:0 2.5% 0 0;}
.page .content .con_l .new_tt .fl_box .pd_box{ border:1px solid #000; padding:1%;}

.page .content .con_l .new_tt .fl_box dt{float:left; width:45%; border:1px solid #000; padding:1%;}
.page .content .con_l .new_tt .fl_box dt h3{ text-align:center; font-weight:bolder;font-size:20px; line-height:125%;color:#000; padding: 0 0 10px 0; border-bottom:1px solid #000;margin-bottom:10px;}
.page .content .con_l .new_tt .fl_box dt img{ max-width:100%;}
.page .content .con_l .new_tt .tw_box{ border:1px solid #3cab2c; padding:35px 1.5% 15px 1.5%; position:relative; margin-top:10px;}
.page .content .con_l .new_tt .tw_box .in_tit{ position:absolute; top:0; left:0; padding:5px 10px; background:#3cab2c; color:#FFF;}


/***********************************************news css end***********************************************/



/***********************************************staffblog css start***********************************************/

.page .staffblog .con_l .fec_pg{ padding:1.2% 0 0 0; border-bottom:5px solid #a96dc6; font-size:16px; font-weight:bold; overflow:hidden;}
.page .staffblog .con_l .fec_pg li a{ display: block; float:left;text-align:center; margin-right:2%; padding:5px 0; cursor:pointer; line-height:110%; width:23.5%;}
.page .staffblog .con_l .fec_pg li.pg0 a{ width:23.5%;}
.page .staffblog .con_l .fec_pg li.pg1 a{ width:23.5%;}
.page .staffblog .con_l .fec_pg li.pg3 a{ margin-right:0%;}
.page .staffblog .con_l .fec_pg li.sel a{ background:#a96dc6;color:#fff;}
.page .staffblog .con_l .fec_pg li a:hover{ background:#a96dc6;color:#fff; text-decoration:none;}


.page .staffblog .con_l .new_in{ overflow:hidden; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #000;}
.page .staffblog .con_l .new_in .ph{ width:25.5%; padding-right: 3.6%;}

.page .staffblog .con_l .new_tt{ width:70.9%; line-height: 130%;}
.page .staffblog .con_l .new_tt h2{ font-size: 22px; line-height:125%;color:#a96dc6; padding: 0 0 12px 0; border-bottom: 2px solid #a96dc6;margin-bottom: 12px;}
.page .staffblog .con_l .new_tt h2 a{ color:#a96dc6;}

.page .staffblog .con_l .new_tt .new_text{padding:0px 0 20px;}
.page .staffblog .con_l .new_tt .time{color:#a96dc6;}
.page .staffblog .con_l .new_tt .col_b{color:#a96dc6;}

.page .stbpg_in .con_l .new_in h2{ padding-left: 30px;}
.page .stbpg_in .con_l .new_in h2.h_t1{ background: url(../images/staffblog/ioc_s01.jpg) 0 2px no-repeat;}
.page .stbpg_in .con_l .new_in h2.h_t2{ background: url(../images/staffblog/ioc_s02.jpg) 0 2px no-repeat;}
.page .stbpg_in .con_l .new_in h2.h_t3{ background: url(../images/staffblog/ioc_s03.jpg) 0 2px no-repeat;}
.page .stbpg_in .con_l .new_in .new_tt{ width:100%; line-height: 180%;}
.page .stbpg_in .con_l .new_in .new_tt .in_ph{ text-align: center;}
.page .stbpg_in .con_l .new_in .new_tt .in_ph img{ max-width: 100%; width: auto;0}

.page .staffblog .con_r .news{ background:#FFF; border:5px #000 solid;}
.page .staffblog .con_r .right_tt{ font-size: 16px; padding: 19px 0 5px 0; margin: 0 3.3% 18px 2.5%; border-bottom:2px solid #000; }
.page .staffblog .con_r .new_in{ overflow:hidden; padding-bottom: 13px; border-bottom: 1px solid #000; margin: 0 3.3% 13px 2.5%;}
.page .staffblog .con_r .new_in .ph{ width:23%; padding-right: 3.6%;}
.page .staffblog .con_r .new_in .ph img{ width:auto; max-width:100%;}
.page .staffblog .con_r .new_tt{ width:72.9%; line-height: 130%;}
.page .staffblog .con_r .new_tt .time{color:#a96dc6;}

.page .staffblog .con_l .new_tt .fl_title{ font-size:22px; padding:10px; border-bottom:1px solid #a96dc6; margin:10px 0; color:#a96dc6;}
.page .staffblog .con_l .new_tt .fl_title2{ font-size:22px; padding:20px 0 0px 0;  margin:0px 0 0 0; color:#a96dc6;}
.page .staffblog .con_l .new_tt .fl_box{ overflow:hidden;}
.page .staffblog .con_l .new_tt .fl_box dd{float:left; width:50%; padding:0 2.5% 0 0;}
.page .staffblog .con_l .new_tt .fl_box .pd_box{ border:1px solid #000; padding:1%;}

.page .staffblog .con_l .new_tt .fl_box dt{float:left; width:45%; border:1px solid #000; padding:1%;}
.page .staffblog .con_l .new_tt .fl_box dt h3{ text-align:center; font-weight:bolder;font-size:20px; line-height:125%;color:#000; padding: 0 0 10px 0; border-bottom:1px solid #000;margin-bottom:10px;}
.page .staffblog .con_l .new_tt .fl_box dt img{ max-width:100%;}
.page .staffblog .con_l .new_tt .tw_box{ border:1px solid #a96dc6; padding:35px 1.5% 15px 1.5%; position:relative; margin-top:10px;}
.page .staffblog .con_l .new_tt .tw_box .in_tit{ position:absolute; top:0; left:0; padding:5px 10px; background:#a96dc6; color:#FFF;}

.page .staffblog .con_l .up_top{ border-bottom: 5px solid #a96dc6; padding: 15px 0 3px 0; text-align: right;}

/***********************************************staffblog css end***********************************************/




/***********************************************into css start***********************************************/
.page .into .con_l img{ width:auto; max-width:100%; }
.page .into .con_l .lin{ text-align: center; padding: 10px 6% 30px 6%;}
.page .into .con_l .lin img{ width: auto; max-width: 100%;}

.page .into .con_l .into_bbn{ text-align:center; font-size:13px; color: #000; font-weight: bold; padding-bottom: 20px;}
.page .into .con_l .into_bok{ font-size:16px; line-height:160%;}
.page .into .con_l .into_bbn a{ color: #607fab;}
.page .into .con_l .into_bbn a:hover{ text-decoration: none;  color: #ffff00;}
/*.page .into .con_l .into_bbn a:hover{ text-decoration: none;  color: #ffff00;-webkit-text-shadow: 1px 1px 1px #607fab;text-shadow: 1px 1px 1px #607fab}*/

.page .into .con_l .lin .in_bt{ padding: 13px 0 28px 18px; text-align: left;}
.page .into .con_l .in_tl{ border-bottom: 2px solid #607fab; position:relative;}
.page .into .con_l .in_tl .in_uptop{ color:#607fab; position:absolute; right:5px; bottom:2px;}
.page .into .con_l .in_bof{ overflow: hidden; padding-bottom: 70px;}
.page .into .con_l .in_bof img{max-width:100%;}
.page .into .con_l .in_bof .into_line{ height: 2px; background: #607fab;}
.page .into .con_l .in_bof .in_cl{ float: left; padding-top: 30px; width:70.6%;font-family:"ヒラギノ明朝 ProN",sans-serif; font-size:14px; line-height:170%; color: #607fab; font-weight: bold; }
.page .into .con_l .in_bof .in_pl{float: left; padding-top: 30px; width: 27.6%;}
.page .into .con_l .in_bof .in_p2{ font-size: 12px;}

.page .into .con_l .in_bof .in_bp{float: left; padding:20px 4% 0 0; width: 18.2%;}
.page .into .con_l .in_bof .booksborder img{ border:1px solid #acacac; padding: 1px;}
.page .into .books03 .in_bof .in_bp img{ border:1px solid #acacac; padding: 1px;}

.page .into .con_l .in_bof .in_bh{ float: left; padding-top: 20px; width:77.2%; font-size:12px; line-height:170%; font-weight: bold; }
.page .into .con_l .in_bof .in_bh h3{color: #607fab;}
.page .into .con_l .in_bof .buy_in{ padding-top: 30px; font-size: 14px; line-height: 110%;}
.page .into .con_l .in_bof .buy_in a{ padding:5px 20px; border:1px solid #607fab; color: #607fab; }
.page .into .con_l .in_bof .buy_in a:hover{ background: #ffff00; text-decoration: none;}
.page .into .con_l .in_bof .read_more{ padding: 30px; text-align: center; font-size: 18px;}
.page .into .con_l .in_bof .read_more a{ padding:7px 100px; border:1px solid #b0bfd5;background:#b0bfd5;color: #607fab;}
.page .into .con_l .in_bof .read_more a:hover{ text-decoration: none; background: #fff;}

.page .into .con_l .in_bof .ne_cont{ position: relative; margin:10px 0 30px 0; padding:10px 0;}
.page .into .con_l .in_bof .ne_cont .in_time{ float:left; font-size:10px; width:8.5%; text-align:right; color:#FFF; font-weight:bold; padding:0 0.5%; margin-right:2.2%; position:relative; z-index:99;}
.page .into .con_l .in_bof .ne_cont .in_con{float:left; width:88%; position:relative; z-index:99;}
.page .into .con_l .in_bof .ne_cont .left_color{ position:absolute; left:0; top:0; width:9.5%; height:100%; z-index:10;}
.page .into .con_l .in_bof .ne_cont .left_color img{ width:100%; height:100%;}
.page .into .con_l .in_bof .ne_cont .right_ph{ position:absolute; right:0; top:-10%; width:20.45%; z-index:100;}
.page .into .con_l .in_bof .ne_cont .tacenter{ padding:10px 0 0 0;}

.page .into .con_l .in_bof .ne_cont .in_hisconle{ float:left; width:65%}
.page .into .con_l .in_bof .ne_cont .in_hisconri{float:right;width:35%}
.page .into .con_l .in_bof .ne_cont .his_left{ float:left; width:24%; padding-right:1%; }



.page .into .con_l .up_top{ border-bottom: 5px solid #607fab; }



.page .into .con_r dl{margin: 0 3.3% 18px 2.5%; }
.page .into .con_r dd{padding:0 0 10px 0; }
.page .into .con_r dt{margin: 0 0 25px 0; padding:0 0 0 15px; }


/*- charater.html  -*/


.page .charater{}
.cha_tpls{text-align:center; font-size:1.3em; font-weight:bold; padding-bottom:1.8em;}
.page .charater .con_l .into_bbn{ line-height:170%;}
.page .charater .con_l .in_tl{ font-size:24px; line-height:100%; color:#607fab; padding-bottom:1px; padding-right:15%; position:relative; border-bottom:0.25rem solid #607fab; font-family:"ヒラギノ角ゴ ProN w6";}
.in_tl .fl_top{ position:absolute; right:0; bottom:3px; font-size:16px; line-height:100%; color:#607fab; display:block;text-align:right;}
.page .charater .con_l .in_bof{ padding-bottom:20px;}
.page .charater .con_l .in_tfl{ font-size:18px; padding:15px 0 5px 0;}

.page .charater .con_l .in_bof .in_bp{float: left; padding:5px 3% 15px 0; width:46.42%;}
.page .charater .con_l .in_bof .in_bh{float: left; padding-top: 5px; padding-bottom:15px;width:50.58%;font-size:16px;line-height:137.5%;font-weight: 400;}
.page .charater .con_l .in_bof .in_bh h3{ padding-bottom:15px;}

.chara_line{ height:1px; background:url(../images/into/cha_line.png) 0 0 repeat-x;}


/***********************************************into css end***********************************************/


/***********************************************about css start***********************************************/
.page .about .con_l .in_bof{ padding-top: 27px;}
.page .about .con_l .in_bof .in_tl{ border-bottom: 2px solid #a96dc6;}
.page .about .con_l .in_bof .in_tl img{ width: auto; max-width: 100%;}
.page .about .con_l .up_top{ border-bottom: 5px solid #a96dc6; }
.page .about .con_l .tit_lb{margin:30px 0 10px 0;font: 16px/16px;color: #fff;}
.page .about .con_l .vcs{ background:url(../images/tit_lb.png) right center no-repeat #a96dc6; padding:5px 25px 5px 17px;  }
.page .about .con_l .ab_bbf{ padding:10px 3%; background:#a96dc6; margin-bottom: 18px; font-size: 12px;}
.page .about .con_l .ab_bbf b{ font-size: 14px;}
.page .about .ab_phl{ position:absolute;top:0;right:2.5%; z-index: 20;width: 35.7%;}
.page .about .ab_phl img{ width: 100%; }

/***********************************************about css end***********************************************/

/***********************************************toukou css start***********************************************/
.page .toukou .top_ph{ text-align:center;}
.page .toukou .fc_z{ color:#808062;}
.page .toukou .mobile_mar{ width:640px; margin:0 auto; text-align: center; font-weight:bold; font-size:12px;}
.page .toukou .mobile_mar .re_btn{ margin:5px; text-align:center;}
.page .toukou .mobile_mar .re_btn a{ padding:5px 10px; font-size:1.4em; color:#FFF; background:#F90; text-decoration:none;  display:inline-block; }
.page .toukou .mobile_mar .re_btn a:hover{background:#F30; }

.page .toukou .mobile_mar .rebanlist{}
.page .toukou .mobile_mar .rebanlist .re_btn{ float:left;width:140px;}
.page .toukou .mobile_mar .rebanlist .re_btn a{padding:5px 0px; width:140px; text-align:center; }

.page .toukou .mobile_mar .to_tit{ font-size:28px; font-family:"メイリオ",sans-serif; line-height:110%; padding:20px 0;}
.page .toukou .mobile_mar .ny_tbn{ padding:20px 0 0 0;font-size:14px;}
.page .toukou .mobile_mar .to_conin{ text-align:left; width:600px; margin:0 auto;}
.page .toukou .mobile_mar .ny_ret{ padding:10px 0 5px 0px; margin:0 0 10px 0; border-bottom:2px solid #808062; color:#808062; font-size:24px; line-height:110%;}

.page .toukou .mobile_mar .ny_red{ border-bottom:2px solid #fa0406; color:#fa0406;}
.page .toukou .mobile_mar .ny_green{  border-bottom:2px solid #17b000; color:#17b000;}
.page .toukou .mobile_mar .ny_org{ border-bottom:2px solid #fd7b00; color:#fd7b00;}

.page .toukou .mobile_mar .to_conin p{ padding-left:0.5%; padding-bottom:40px;}
.page .toukou .mobile_mar .to_conin .s_tit{ font-size:18px; line-height:120%; margin-bottom:15px;}
.page .toukou .mobile_mar .to_conin .z_t{ vertical-align:middle; font-size:14px; line-height:100%; padding:4px 15px 4px 18px; background:#808062; color:#FFF; margin:0px 10px 0 0; float:left; overflow:hidden;}

.page .toukou .mobile_mar .to_conin .z_red{background:#fa0406; color:#FFF;}
.page .toukou .mobile_mar .to_conin .z_green{background:#17b000; color:#FFF;}
.page .toukou .mobile_mar .to_conin .z_org{background:#fd7b00; color:#FFF;}

.page .toukou .mobile_mar .to_fe{ font-size:14px;}
.page .toukou .mobile_mar .to_fe h2{ font-size:26px; padding-bottom:17px;}
.page .toukou .up_top{ border-bottom: 5px solid #808062; padding: 0 0 3px 0; text-align: right;}
.page .toukou .up_top img{ width: auto;}

/*------------result csss start-----------------*/

.toukou .mobile_mar .to_conin .re_phof{ float:left; width:45%; padding:10px 2.5% 20px 2.5%;font-size:1.2em;}
.toukou .mobile_mar .to_conin .re_phof img{ padding-bottom:10px;}
.toukou .mobile_mar .to_conin .re_phof b{font-size:12px; display:block; text-align:center;}




.f_org{ color:#fd7b00; font-size:1.2em;}




/***********************************************toukou css end***********************************************/




/***********************************************cristmas css start***********************************************/
.page .cristmas .cri_tph{ margin:-2.5% 0 0 0;}
.page .cristmas .cri_tbn{ width:41.6%; margin:1.5% 0 0 29.3%;}

.page .cristmas .cri_tipc{ margin:3.8% 1.8% -2% 1.8%;}
.page .cristmas .cri_tit{ font-size:24px; line-height:130%; border-bottom:2px solid #dc0000; color:#dc0000; padding:5px; margin:1.5% 1.8%;}
.page .cristmas .cri_tipc .cri_tit{ margin:0;}
.page .cristmas .cri_pt{float:left; display:block; width:10%; padding-right:1%;}
.page .cristmas .con_l{ width:55%;}
.page .cristmas .w225{ width:22.5%}
.page .cristmas .con_l img{max-width:45%;width:auto;}
.page .cristmas .cri_phac img{ padding:2% 5% 2% 0; }
.page .cristmas .con_adt{ width:94%; margin:2% 1.8%;}
.page .cristmas .cri_phac2{ float:left; padding: 0 1.5% 0 0;}
.page .cristmas .cri_phac2 img{ width:auto; max-width:100%; }

.page .cristmas .con_r{ width:40%; padding:5% 0; position:relative;}
.page .cristmas .con_r img{ width:27.5%;}
.page .cristmas .cri_text{min-height:60%; position:absolute; top:20%; right:0; width:60%; background:#da0000; padding:3%; border-radius:10px; color:#FFF;}
.page .cristmas .cbor_f40{border:10px solid transparent; border-right:40px solid #da0000; float:left;position:relative; z-index:99; margin-left:-53px; }
.page .cristmas .cbor{ margin-top:25%; }
.page .cristmas .cbor2{  margin-top:15%;}

.page .cristmas .con_bn{ margin:2.5% 1.8%;}
.page .cristmas .con_bn a{text-align:center; padding:5px 10px; border:1px solid #F00; color:#F00; text-decoration:none;}
.page .cristmas .con_bn a:hover{ background:#ffff00;}

.page .cristmas .cri_goodsin{ padding:0 0 0 14.57%;}
.page .cristmas .cri_goodsin .cri_p{ padding:2% 0 0 0;}
.page .cristmas .cri_goodsin .cri_p_t1{ padding:0;} 
.page .cristmas .cri_goodsin img{ width:auto;}
.page .cristmas .cri_goodsin .cri_l{ float:left; width:49%;}
.page .cristmas .cri_goodsin .cri_l img{ max-width:45%; width:auto; margin:1% 1.5% 1% 0; border:2px solid #F00;}
.page .cristmas .cri_goodsin .other_ph1 img{ max-width:90%; width:auto; margin:1% 1.5% 1% 0; border:2px solid #F00;}
.page .cristmas .cri_goodsin .cri_r{ float:right; position:relative; width:49.18%;margin:0 1.8% 0 0;}

.page .cristmas .foot_text{ margin:3.5% 1.8% 2% 1.8%; text-align:center; line-height:150%; }
.page .cristmas .foot_text .foot_tit{ color:#dc0000; font-size:24px; padding-bottom:1%;}
.page .cristmas .up_top{ border-bottom: 5px solid #dc0000; padding: 0 0 3px 0; text-align: right;}
.page .cristmas .up_top img{ width: auto;}
/***********************************************cristmas css end***********************************************/






/***********************************************newyear css start***********************************************/
.page .newyear .mobile_mar{ width:640px; margin:0 auto;}
.page .newyear .mobile_mar .ny_tbn{ text-align:center; font-size:14px; padding:20px 0 10px 0;}
.page .newyear .mobile_mar .ny_ret{ padding:10px 0 5px 5px; margin:0 0 10px 0; border-bottom:2px solid #F00; color:#f00; font-size:24px;}
.page .newyear .mobile_mar .ny_phr{ text-align:center;}
.page .newyear .mobile_mar .ny_phr img{ max-width:100%;}

.page .newyear .mobile_mar .ny_tipc{ margin:3.8% 1.8% -5% 1.8%;}
.page .newyear .mobile_mar .ny_tit{ font-size:24px; line-height:130%; border-bottom:2px solid #dc0000; color:#dc0000; padding:5px; margin:1.5% 1.8%;}
.page .newyear .mobile_mar .ny_tipc .cri_tit{ margin:0;}
.page .newyear .mobile_mar .ny_pt{float:left; display:block; width:18%; padding-right:1%;}

.page .newyear .mobile_mar .box_in{ padding:10px 5% 0 22%;}
.page .newyear .mobile_mar .ny_ict{ background:url(../images/newyear2015/ic_01.gif) 0 3px no-repeat; padding:0 0 10px 15px;}
.page .newyear .con_bn{ margin:2.5% 0%; overflow:hidden;}
.page .newyear .con_bn a{text-align:center; padding:5px 10px; border:1px solid #F00; color:#F00; text-decoration:none; float:left;}
.page .newyear .con_bn a:hover{ background:#ffff00;}
.page .newyear .ny_fotxt{ font-size:26px; line-height:130%; color:#f00; font-weight:bold; text-align:center; padding:30px 0;}


.page .newyear .up_top{ text-align:right;border-bottom: 5px solid #dc0000; padding: 0 0 3px 0; margin:0 2.8%;}
.page .newyear .up_top img{ width:auto;}

/***********************************************newyear css end***********************************************/





/***********************************************special css start***********************************************/
.special{ color:#3c1e1e;}
.special .sp_mbox{ padding:1.5% 1.8% 0% 1.8%; position:relative;} 
.special .sp_text{ padding:0 1% 2% 1%; text-align:center; font-size:22px; font-weight:bold; line-height:130%;} 
.special .sp_tbox{ background:url(../images/special/tbox_bg.jpg) 0 0 repeat; font-size:16px; line-height:150%;}
.special .sp_tn1{ width:73%; padding:2% 2.5%; margin:-8% 0 0 20%; position:relative;} 
.special .sp_tn1 .st_text{ width:50%; } 
.special .sp_tn1 .st_ph{ position:absolute; bottom:0; right:-15px; width:63%;} 
.special img{ width:100%;} 

.special .sp_m2{ float:left; width:44.5%; margin:0 4% 0 1.5%; }
.special .sp_m3{ float:left; width:44.5%; margin:0 1.5% 0 4%;}

.special .sp_m2 .sp_tbox{ padding:5.54% 5.74%; overflow:hidden;}
.special .sp_m3 .sp_tbox{ padding:5.54% 1% 5.54% 5.74%; overflow:hidden;}

.special .sp_m2 .sp_tbox img{ width:82%; padding:2% 9%;}

.special .sp_m3 .sp_tbox .st_text{ width:45%; float:left;}
.special .sp_m3 .sp_tbox .st_ph{ width:55%; float:right;} 

.special .sp_m4{ width:74%; padding:2% 13% 0 13%;} 

/*--- 151021 ---*/
.special .sp_mbox .sp_tpl{ position:absolute; left:0; top:0; width:49%; padding-top:2.3%;}
.special .sp_mbox .sp_tpr{ margin-left:50%;}
.special .sp_mbox .sp_banlink{ margin:2.8% 0 0 0; background:#ff9400; border-radius:10px;}
.ti_pho{ position:relative; z-index:99;}
.sp_boxdl{ padding:1.5% 0 0 0;}
.sp_flin{ float:left; width:32.5%; margin-right:1%; font-weight:400; min-height:330px; }
.sp_flin .sp_fcom{border:2px solid #ff9400; border-radius:10px;overflow:hidden;padding:4.8% 1.6%;}
.sp_flin .sp_fcom p{ padding-top:5px;}
.special .sp_mbox .sp_tpl2{ position:relative; z-index:99;width:52.8%; padding-top:0%; font-weight:400;}
.special .sp_mbox .sp_tpl2 p{ width:110%;}
.special .sp_mbox .sp_tph3{ margin-top:-17.11%;}
.special .sp_ic{ font-size:10px; font-weight:400; padding:15px 0 0 0;  margin-bottom:-20px;}


/*--- 151121 ---*/
.special .sp_mbox img{ width:auto; max-width:100%; vertical-align:top;}
.mar_bo10{ margin-bottom:10px;}
.mar_to5{ margin-top:5px;}
.pt_text{ padding:15px 0 10px 0; font-size:16px; font-weight:400;}
.book_mod{ text-align:center; overflow:hidden; padding-bottom:10px;}
.book_com{ width:17.5%; text-align:left; padding-right:3.1%; float:left; padding-bottom:10px;}
.book_mod .book_com:last-child{padding-right:0}
.book_com img{ margin-bottom:5px;}
.book_ioc{ text-align:center; padding:5px;margin:6px 0 8px 0; font-size:14px; color:#FFF; background:#ff9000; line-height:100%;}
.ye_color{ font-size:16px;font-weight:400; color:#ff9000;}
.img_fl{ float:left; width:48%;}
.img_rl{ float:right;width:48%;}
.chis_fl{ float:left; width:48%; margin-bottom:15px;}
.chis_rl{ float:right;width:48%; margin-bottom:15px;}
.bor_mod{border:2px solid #ff9300; border-radius:10px; padding:8px 0;}
.boin_mod{ padding:0 5.2%;}
.dis_tab{ display:table; width:100%; padding:20px 0 10px 0;}
.dis_tab .dis_cel1{display:table-cell; width:97px; padding-left:9px; vertical-align:top;}
.dis_tab .dis_cel2{display:table-cell; padding:0 9px;vertical-align:top; font-size:16px; line-height:135%;}
.sp_pre{ position:relative;}
.sp_pre .sp_intex{ width:43%; padding:10px 0 6.25% 0; font-size:16px; font-weight:400; line-height:135%;}
.sp_pre .sco_01{ width:30.2%;position:absolute; left:44.7%; top:10px;}
.sp_pre .sco_02{ width:24.06%;position:absolute; left:76.5%; top:0; margin-top:-3.17%;}
.spandtwo .sp_intex{ width:65.625%; padding:10px 0 3.25% 0; font-size:16px; font-weight:400; line-height:135%;}
.spandtwo .sco_01{ width:30.2%;position:absolute;  left:68.75%; top:0; }
/*--- 151121 ---*/


/*--- 151221 ---*/
.cri_ptfoc{ margin-top:-1%;}
.cri_ptfoc .cribo_ioc{ float: right; font-weight:400; width:30%;}
.cri_ptfoc .ban_buy{ float: right; width:60%; padding-left:10%; text-align:center;}
.cri_ptfoc .ban_buy img{ width:auto; max-width:80%;}
.bor_mod2{border:2px solid #ff9300; border-top:none; border-radius:0 0 10px 10px; padding:18px; margin-top:-5px; }
.boin_mod2{ padding:0 5.2%;}
.crimtext{margin:5px 0 10px 0; font-weight:400;}
/*--- 151221 ---*/



/*--- 160121 ---*/
.cri_ptfoc1601{ margin-top:15px; padding:0 1.8% 1.5% 1.8%; position:relative;}
.cri_ptfoc1601 img{ width:auto!important;}
.crileftmob{ width:66.8%; padding-top:1.6%; font-size:16px; font-weight:400; line-height:145%;}
.ban_moreshop{ text-align:right; margin:5px 0 10px 0;}
.ban_moreshop img{max-width:80%;}

.cribo_ioc1601{ position:absolute; right:0; top:0; width:26%; margin:3.74% 3.2% 0 0; text-align:center; font-weight:400; line-height:130%;}
.cribo_ioc1601 .ban_buy a:hover img{ opacity:0.6;}
.borinto1601{text-align:center; font-size:16px; line-height:150%;}

.spinfoline{ width:65%; margin:0 auto; }
.spinfoline dl{ display:table; width:100%; margin:15px 0 10px 0; font-size:16px;}
.spinfoline dl dt{ display:table-cell; width:83px; padding-right:10px;}
.spinfoline dl dd{ display:table-cell; padding:5px 15px; border:2px solid #e60000; border-radius:10px; text-align:left; font-weight:400;}
.ff01{ font-size:28px; letter-spacing:-1px;}
.ff02{ font-size:18px; font-weight:400;}
.ff03{ font-size:18px; padding-bottom:5px; display:block;}
.ff04{ font-size:24px;display:block;}
.ff05{ font-size:14px;font-weight:400;}

.oldban{ text-align:center; padding:20px; margin-top:4.14%; background-color:#ffb500; font-size:20px; font-weight:400; line-height:150%;}

/*--- 160121 ---*/

/*--- 161214 ---*/
.mob_1612{ font-size:16px; line-height:150%;border: 2px solid #ff9300;border-radius: 0 0 10px 10px;padding:3.5% 2%; font-weight:400; position:relative;}
.mtit{ background-color:#ff8c00; border-radius:10px 10px 0 0; padding:0 5px; overflow:hidden; margin-top:20px; line-height:110%;}
.spac_1612{ font-size:28px; display:inline-block; padding:10px 0 0 0; color:#e70000; font-weight:bolder; line-height:105%;}
.or_col{ color:#f49409;}
.re_col{ color:#e70000;}
.bu_col{ color:#006bc6;}
.more_ds{ display:inline-block; padding:8px; text-decoration:none; color:#fff; background-color:#3c1e1e; line-height:105%; border-radius:4px; position:absolute; right:1em; bottom:1em; max-width:30%;}
.more_ds:hover{text-decoration:none; background-color:#77320f}
.sm_tit_1612{ display:inline-block; padding:10px; background:#e70000; color:#fff; line-height:105%; border-radius:100px; margin-bottom:6px;}

.fl_m1612{float:left; width:55.5%; padding:8.9% 2% 0 0;}
.ri_m1612{float:left; width:42.5%;}

.nob_lis1612{ padding-top:15px;}
.nob_lis1612 li{ text-indent:-1em; padding-left:1em; padding-bottom:5px;}



/*--- 161214 ---*/



.sp_banlink3{ margin:2.8% 0 0 0; background:#ff9400; border-radius:10px;}
.sp_mbox .sp_banlink2{ margin:2.8% 0 0 0; background:#81319e; border-radius:10px;}
.pr_ziup{ position:relative; z-index:99;}



/***********************************************special css end***********************************************/




/***********************************************dbsuper css start***********************************************/
.dbsuper .top_ph{ text-align:center}
.dbs_text{ text-align:center; padding:2% 0; font-size:1.33em;}
.dbs_ban{ text-align:center; font-size:1.33em;}
.dbs_ban a{ text-decoration:none;}
.dbs_ban a:hover{ color:#e60000;}
.dbs_ban a.sel{ color:#e60000;}
.dbs_ht{font-size:2em; padding:3.5% 0 3px 0; border-bottom:1px solid #e60000; color:#e60000; line-height:105%;}

.mob_dbs{ padding:2% 0 0 0; position:relative;}
.ph_left{ float:left; width:32%;}

.tt_right{ float:left; padding:0 0 0 3%;width:65%; font-size:1.16em; line-height:150%;  padding-bottom:20%;}
.tt_right h3{ font-size:1.25em;font-size:20px;color:#e60000; padding:0; margin:0; line-height:105%;}
.ban_block{ margin-top:4.62%;}
.ban_block a{  display:inline-block; padding:5px 20px; color:#e60000; border:1px solid #e60000; font-weight:bold;}
.ban_block a:hover{ text-decoration:none; background:#ffff00;}

.banner_mob{ position:absolute; bottom:0; right:0; width:65%;}
.clobh{ color:#e60000; font-size:16px;}
.ban_tab{ padding-top:3.08%; }
.ban_tab a.bann_01{ float:left; display:block; width:40.3%; padding-right:1.54%; }
.ban_tab a.bann_02{ float:left; display:block; width:46.3%; }

.col_red{ color:#e60000; display:inline-block; }

.mob_bantt{ position:relative; padding:1.5% 0 1.5% 0%; font-size:1.16em; margin-top:5%;}

.f_title{display:block; width:12.2%; position:absolute; top:0; left:3%;}
.ban_tit{ font-size:1.125em; line-height:140%; color:#e60000;width:47.5%; padding-left:17%;}
.ban_tit b{ font-size:1.25em; font-weight:bolder;font-family:"ヒラギノ角ゴ ProN w6",sans-serif; }

.banntt_text{width:47.5%; padding-left:17%; padding-bottom:4.54%; font-weight:400; }
.ban_f01{padding-left:21%; width:67.8%;}
.ph_l01{ position:absolute; bottom:0; right:5.9%; width:23%;margin-bottom:-4%; }

.mob_oldban{  margin-top:9%;}
.mob_oldban dl{ float:left; margin-left:3%; margin-bottom:2.5%; width:40.4%; padding:1.8%; background:#e6e6e6; }
.mob_oldban dl:nth-child(2n){ margin-left:2.5%;}
.mob_oldban dl dt{ float:left; margin-left:4.7%; width:37.04%;}
.mob_oldban dl dd{ float:left; width:58.26%;}
.mob_oldban dl dd b{ font-size:18px;font-size:1.125rem; line-height:133%; color:#e60000; }
.mob_oldban dl dd p{ font-size:14px;font-size:0.975rem; line-height:140%; padding-top:8%; font-weight:400; }

.ani_line2{ padding-bottom:5%; margin-bottom:5%;border-bottom:1px solid #e60000; }
.ani_line2 .tt_right{ padding-bottom:0%;}
.ani_line3 .tt_right{ padding-bottom:1.5%;}

.mob_bantt2{ position:relative; padding:4% 0 0% 0;font-size:1.16em;}
.ban_tit2{display:block;padding:0 0 0  19%; width:37.3%;}
.banntt_text2{ width:37.3%; padding:0 0 4.54% 19%;}
.ban_b01{  float:left; padding:0 0 0 3%;width:65%; }
.ph_b01{ position:absolute; bottom:0; right:20.5%; width:19.5%; padding-bottom:14%;}

.bant_box{ float:left; width:48.4%; margin-right:3.2%; margin-bottom:5.2%;}
.mob_bantt2 .bant_box:nth-child(2n){ margin-right:0;}
.tmf{ display:table;}
.tmf .tmf_ta{ display:table-cell; text-align:center; vertical-align:middle;}
.bant_box h3{ color:#fff; background:#e60000; font-size:16px; line-height:100%; padding:4px 6px; position:relative;}
.bant_box h3:before{ content:""; position:absolute; top:0; right:0; height:0; width:0;border:12px solid #fff; border-bottom-color:transparent;border-left-color:transparent; }
.bant_box p{ padding:4.73% 0 2.58% 0;}

/***********************************************dbsuper css end***********************************************/





/***********************************************calendar css start*********************************************/
.calen_mob{ font-size: 18px; line-height: 30px;  margin:0 1.8%; margin-top:30px; position:relative;}
.calen_mob .cal_topti{ color: #ffcd00; font-size: 30px; }
.calen_mob .mo_title{ position: relative; padding-bottom: 10px; }
.calen_mob .mo_title img{  vertical-align: top;}
.calen_mob .mo_title b{ font-size: 30px;  color:#e60000;  }
.calen_mob .mo_title .left_imgmf{ position: absolute; top: 5px; right:0px; }
.cal_inpdf{ border:2px solid #0e0e0e; margin-bottom: 50px;}

.calen_if{ margin-top:30px; padding-bottom:75%; position:relative;}
.calen_if iframe{ position: absolute; top:0; left:0; width:100%; height:100%;}

/***********************************************calendar css end***********************************************/