@charset "utf-8";

/*==================================================================
pagestyle-s.css
==================================================================*/

/*==================================================================
from common.css
==================================================================*/

/* ------------------------------------------
common
----------------------------------------- */

body{
  background-color:#1E1713;
  background-image: url(../images/bg_common_s4.jpg);
}
.bg_category_title_01{
  background-image: url(../images/bg_headline_s4.png);
}


/* ------------------------------------------
header
----------------------------------------- */

/* --------------------
sitelogo
-------------------- */

#sitelogo_ja,
#sitelogo_en,
#sitelogo_ja_gn,
#sitelogo_en_gn,
.icon_title_common_category img{
  filter: drop-shadow( 0px 0px 3px #2C271F ) drop-shadow( 0px 0px 3px #2C271F ) drop-shadow( 0px 0px 3px #2C271F ) drop-shadow( 0px 0px 3px #2C271F );
}
#narabitakanoha,
#narabitakanoha_gn{
  filter: drop-shadow( 0px 0px 2px #ffffff ) drop-shadow( 0px 0px 2px #ffffff ) drop-shadow( 0px 0px 2px #ffffff ) drop-shadow( 0px 0px 2px #ffffff );
}

/* ------------------------------------------
main
----------------------------------------- */

/* --------------------
tagline
-------------------- */

#tagline{
  background-image: url(../images/bg_tagline_s4.png);
}
#tagline strong{
  text-shadow: #B53C26 0 0 8px,#B53C26 0 0 8px,#B53C26 0 0 8px,#B53C26 0 0 8px,#B53C26 0 0 8px,#B53C26 0 0 8px,#B53C26 0 0 8px,#B53C26 0 0 3px,#B53C26 0 0 3px,#B53C26 0 0 3px,#B53C26 0 0 3px,#B53C26 0 0 3px,#B53C26 0 0 5px,#B53C26 0 0 5px,#B53C26 0 0 5px,#B53C26 0 0 5px,#B53C26 0 0 5px,#B53C26 0 0 5px;
}

/* --------------------
special_feature
-------------------- */

#title_special_feature{
  color: #29211F;
  text-shadow: #ffffff 0 0 5px,#ffffff 0 0 5px,#ffffff 0 0 5px,#ffffff 0 0 5px,#ffffff 0 0 5px,#ffffff 0 0 5px;
}


/* ------------------------------------------
toppage_animation
----------------------------------------- */

#layor0101{
  background-image: url(../images/bg_s4_0101.png);
}
#layor0102{
  background-image: url(../images/bg_s4_0102.png);
}
#layor0103{
  background-image: url(../images/bg_water.png);
}
#layor0104{
  background-image: url(../images/bg_s4_0104.png);
}
#layor0105{
  background-image: url(../images/bg_s4_0105.png);
}
#layor0201{
  background-image: url(../images/bg_s4_0201.png);
}
#layor0202{
  background-image: url(../images/bg_s4_0202.png);
}


/* ------------------------------------------
globalnavigation 
------------------------------------------ */

/* --------------------
common
-------------------- */

.list_globalnavi a{
  color: #110B10;
  text-shadow: #fff 0 0 8px,#fff 0 0 8px,#fff 0 0 8px,#fff 0 0 8px,#fff 0 0 8px,#fff 0 0 8px,#fff 0 0 8px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px;
}
@media (max-width: 1079px) {
  .list_globalnavi a{
    color: #ffffff;
    text-shadow: none;
  }
}

/* --------------------
btn_gnav
-------------------- */

.btn_gnav {
  filter: drop-shadow( 2px 0px 2px #2C271F ) drop-shadow( -2px 0px 2px #2C271F ) drop-shadow( 0px 0px 2px #2C271F ) drop-shadow( 0px 0px 2px #2C271F ) drop-shadow( 0px 0px 2px #2C271F );
}
.btn_gnav_line {
  background-color: #ffffff;
}
.btn_gnav_line:before,
.btn_gnav_line:after {
  background-color: #ffffff;
}

/* --------------------
main
-------------------- */

.globalnavi.main{
  background: rgba(38,31,26,0.85);
}
@media (min-width: 1080px) {
  #globalnavi_main{
    background-image: url(../images/bg_gnavi_main_s4.png);
  }
  #globalnavi_main .list_globalnavi a{
    border-bottom: 1px solid #ffffff;
  }
}

/* ------------------------------------------
searchform 
------------------------------------------ */

#trigger_search{
  color: #ffffff;
}
#trigger_search span{
  color: #ffffff;
}
#trigger_search span:hover{
  color: #dedede;
}
.btn_search.-active #btn_search_close_line::before {
  background-color: #ffffff;
}
.btn_search.-active #btn_search_close_line::after {
  background-color: #ffffff;
}

/* --------------------
searchbox
-------------------- */

#searchbox{
  background: rgba(38,31,26,0.85);
}
#bg_trigger_search{
  background: rgba(0,0,0,.7);
}
.form-el{
  border-bottom: 1px solid #878686;
}
#globalnavigation .outerbox_form-el{
  border: 1px solid #037491;
  background-color: #FFFFFF;
}
#list_search_ranking li a{
  color: #ffffff;
}
.title_list_search_ranking span{
  background: #AF1513;
}

/* ------------------------------------------
content
----------------------------------------- */

/* --------------------
category
-------------------- */

.title_category,
.title_common_category .txt_title_common_category{
  text-shadow: #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px;
}
.list_common_category h3{
  text-shadow: #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px;
}
.list_common_category p{
  text-shadow: #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 5px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px, #352B28 0 0 10px;
}
/* --------------------
article
-------------------- */

.article-main{
  background: rgba(34, 34, 34, 0.85);
}

/* ------------------------------------------
footer
----------------------------------------- */

footer{
  background-color: rgba(0,0,0,.7);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  color: #ffffff;
  font-size: 75%;
  padding: 10px;
  position: relative;
}
address{
  font-style: normal;
}
.el_address{
  display: inline-block;
  margin-right: 1em;
}

/* ------------------------------------------
common button
----------------------------------------- */

/* ----------- button style  ---------- */

.btn{
  background-color:#f0f0f0;
  filter: drop-shadow( 0px 0px 5px #2C271F );
}
.btn:after{
  border-right: 1px solid #1D1814;
  border-top: 1px solid #1D1814;
}
.btn_link_category{
  background-color:#f0f0f0;
  filter: drop-shadow( 0px 0px 5px #2C271F );
}
.btn_link_category:after{
  border-right: 1px solid #1D1814;
  border-top: 1px solid #1D1814;
}


/*==================================================================
from pagestyle-top.css
==================================================================*/

/* ------------------------------------------
main
----------------------------------------- */

#wrapper_txt_special_feature{
  color: #29211F;
}

/* --------------------
whats_new
-------------------- */

#inner_whats_new{
  background: rgba(255, 255, 255, .8);
}
#title_whats_new{
  color: #000000;
}
#list_whats_new a{
  border-bottom: 1px dotted #AAAAAA;
}
.date_newslist{
  color: #666666;
}
.icon_new{
  background: #94701D;
  color: #FFFFFF;
}
.title_newslist{
  color: #000000;
}