@charset "utf-8";

/*==============================================================================
  Title       : custom.css
  Author      : 
  Description : 
==============================================================================*/

#header {
    background:url("/layout/denim/images/header_bak.png")  #95573F;
    height: 100px;
}

body img {
    max-width: 100%;
    height: auto;
}

.type1 .site_slogan {
    float: right;
    margin: 5px;
    padding: 5px 10px;
    z-index: 5;
}

.block-list h2 {
display : none;
}

.bc_navigation {
    border-bottom: 1px solid lightgray;
    margin: 1em 0;
}

.type1 .site_name {
    margin: 14px 0 0 0;
}

.block-title, #block-left-search > h2 {
    background: none repeat scroll 0 0 red;
    color: #fff;
    border-bottom: 1px solid #CCCCCC;
    font-weight: normal;
    padding: 2px;
}

img.req{
    height: auto;
    max-width: 100%;
}

.story_image {
    display: none;
}

#footer {
    color: #CCCCCC;
    background:#975A47;
}

.google-maps {
position: relative;
padding-bottom: 350px;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.storytext p{
    line-height: 1.7em;
    margin: 1.4em 1em;
}

#navigation {
    font-size: 120%;
}

#navigation li {
    pading:0;
    margin: 3px;
}


#admin-commandcontrol clearfix li {
    float: left;
    height: 8em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 12.5%;
}


#container {
    background-color: #ffcc99;
}

#wrapper {
    background-color: #fff;
}


body.left-center #main-content {
    font-size: 16px;
}


#leftblocks, body.js_off #leftblocks {
    background-color: lightyellow;
}

.storytext {
padding: 25px;
}

.story_title a:link, .story_title a:visited {
    color: #2661a2;
}

#subnav {
    display:block;
}

#subnav li {
    margin:0px 20px;
    float:left;
}


#centerblocks div.block-center {
    padding:25px;
}


h2 {
    font-size: 140%;
    margin: 0 0 1em;
}

.story_navi {
    text-align: right;
}



#navigation li a {
    padding: 0px 6px;
    border-right: 1px solid #94563E;
}






/*--------------------------------------
 FORM Contents
---------------------------------------*/

#FORM { font-size:100%; width:98%; }
#FORM form h4 { background:#fff url('/images/library/Image/buttons/bullet_01.png') no-repeat 3px; color:#23234f; font-weight:bold; padding:0 8px 0 24px; margin:10px 0px 0px 0px; height:19px; line-height:19px; }
#FORM p.honbun { margin-bottom:6px; text-align:left; }
#form_step ul { margin:0; padding:0; }
#form_step ul:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }
#form_step li { float:left; width:120px; height:33px; line-height:33px; display:block; background: url('/images/library/Image/buttons/form_status.png') no-repeat; font-weight:bold; color:#666666; margin-left:0px; padding-left:10px; text-align:left; }
#form_step li.on{ background: url('/images/library/Image/buttons/form_status_on.png') no-repeat; color:#23234f; }

.error{ padding:2px 3px 3px 3px; font-size:109%; color: #FF0000; line-height:130%; font-weight:bold; word-break:normal; }
.errorList{ background-color: #FFFFFF; padding: 2px 3px 3px 3px; font-size: 100%; line-height: 120%; color: #FF0000; padding-left: 25px; margin-bottom: 5px; word-break:normal; }
.error2{ background-color:#FFEFEF; border:1px #FF0000 solid; padding:1px 4px 1px 4px; font-size:12px; line-height:130%; margin:3px; word-break:normal; }
.spf_required{ font-size:9px; color:#CC0000; }
.form_free{ font-size:9px; color:#00CC44; }

#FORM table.formmail { border-top: 1px solid #aaa; border-collapse: collapse; width:100%; margin:4px 0; }
#FORM table.formmail th { border-bottom: 1px solid #aaa; background-color: #eeeeee; text-align: left; padding:10px; font-weight:bold; font-size:small; word-break:normal; }
#FORM table.formmail td { border-bottom: 1px solid #aaa; background-color: #f8f8f8; padding:10px; font-size:small; word-break:normal; }
#FORM table.formmail td.warning_bgc { background: #FFEEEE; }

.idea{ width:98%; background-color:#E6FFE9; border:2px #008000 solid; padding:5px; font-size:11px; line-height:140%; margin-top:12px; }
.bginput { background-color: #FFFEEa; }
.ime_on { ime-mode: active; }
.ime_off { ime-mode: inactive; }
.button1 { background-color: #05959C; color: #fff; font-weight: bold; }
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }

.slide{
  position:relative;
}
.slide img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  opacity:0;
}
/* レスポンシブ対応処置 */
.slide:before{
  content:"";
  display:block;
  padding-top:32%; /* 画像の高さを横幅に対する比率で設定 */
}


.rowBox__3elem {
  margin: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rowBox__3elem:after {
  content: '';
  width: calc(33.333% - 30px);
  display: block;
}

.rowBox__3elem .boxInner {
  margin: 20px 0;
  width: calc(33.333% - 30px);
}

.rowBox__3elem--reverse {
  margin: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rowBox__3elem--reverse:after {
  content: '';
  width: calc(33.333% - 30px);
  display: block;
}

.rowBox__3elem--reverse .boxInner {
  margin: 20px 0;
  width: calc(33.333% - 30px);
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {


  .rowBox__3elem {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .rowBox__3elem:after {
    width: calc(50% - 20px);
  }

  .rowBox__3elem .boxInner {
    margin: 20px 0;
    width: calc(50% - 20px);
  }

  .rowBox__3elem--reverse {
    margin: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .rowBox__3elem--reverse:after {
    width: calc(50% - 20px);
  }

  .rowBox__3elem--reverse .boxInner {
    margin: 20px 0;
    width: calc(50% - 20px);
  }

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

/* 
.rowBox__3elem .boxInner {
    margin: 20px 0;
    width: 100%;
}
*/

  .rowBox__3elem {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .rowBox__3elem:after {
    width: calc(50% - 20px);
  }

  .rowBox__3elem .boxInner {
    margin: 20px 0;
    width: calc(50% - 20px);
  }

  .rowBox__3elem--reverse {
    margin: 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .rowBox__3elem--reverse:after {
    width: calc(50% - 20px);
  }

  .rowBox__3elem--reverse .boxInner {
    margin: 20px 0;
    width: calc(50% - 20px);
  }


}

.storytext {
    padding: 0px;
}