@charset 'UTF-8';


/*******************************************************************************
 *
 * IkumaShouten Bootstarp Style ReWrite
 *
 *  画面共通スタイル
 *  ヘッダ読込時、最後にロードする
 *
 ******************************************************************************/


/**************************** Bootstrap Extension ****************************/
.row-center {
    text-align: center;
    letter-spacing: -0.4em;
}

    .row-center > [class*='col-'] {
        display: inline-block;
        letter-spacing: 0;
        vertical-align: top;
        float: none !important;
    }

    .row-center.va-middle > [class*='col-'] {
        vertical-align: middle;
    }

    .row-center.va-bottom > [class*='col-'] {
        vertical-align: bottom;
    }

/**************************** Bootstrap Extension ****************************/

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
 }


body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Serif Japanese', "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    color:#777;
}

@media (min-width: 1200px){
    .container {
        width: 1000px;
    }
}


/*================== Commons - SlideShow ==================*/

#cover {
    width: 100%;
    height:500px;
    position: relative;
    overflow: hidden;
}

#cover>div {
    position: absolute;
    top: 0;
    opacity: 0;
}


/* モバイル時の表示設定 */
@media screen and (max-width:988px) {

    #cover{
    	height:300px;
    }

}
@media screen and (max-width:600px) {

    #cover{
    	height:200px;
    }

}
@media screen and (max-width:425px) {

    #cover{
    	height:170px;
    }

}
@media screen and (max-width:320px) {

    #cover{
    	height:145px;
    }

}


/*================== Commons - Image ==================*/

img {
     -ms-interpolation-mode: bicubic;
}


.pict {
    width: 100%;
    height:100%;
}

.pict_logo {
    padding-top: 20px;
    width: 70%;
    height:70%;
}

.pict_middle,
.pict_top_middle {
    width: 80%;
    height: 80%;
}

.pict_half,
.pict_top_half {
    width: 40%;
/*    height: 50%; */
}

.pict_small {
    width: 30%;
    height: 30%;
}

.pict_xsmall {
    width: 10%;
    height: 10%;
}

.pict_xxsmall {
    width:  5%;
    height: 5%;

}

.img_title {
  height : 35px;
}

.bread_img {
  width : 90%;
}

@media screen and (min-width:426px) {

    .cal_img {
        width : 50%;
    }

}



@media screen and (max-width:425px) {

    .img_title {
        height : 30px;
    }

    .pict_small {
        width: 50%;
    }

}




/*================================= Nav Area =================================*/


nav.navbar {
    height:40px;
    border-bottom: 0;
}

.topnav {
    font-size: 16px;
    background: #FFFFFF;
}

.navbar-brand {
	padding : 20px;

}
.nav_logo {
	width:120px;
}


.navbar-collapse,
.navbar-header,
.dropdown > .dropdown-menu {
    background-color: #ffffff;
}

.navbar-toggle {
    margin-top:3px;
    margin-bottom:5px;
}


/*ナビゲーション*/
.navbar-nav>li>a {
	padding : 20px 20px;
}

/*SNS用ナビゲーション*/
.navbar-right {
        margin : 0px;
}

.navbar-right>li>a {
	padding : 20px 5px;
}

@media screen and (min-width:768px) and (max-width:992px) {

    .nav > li > a {
        font-size: 12px;
        padding: 7px 5px;
    }

}

/* モバイル時の表示設定 */
@media screen and (min-width:768px) {

    /* ナビバー カラー変更 */
    .navbar-default {
        background-color: #ffffff;
    }

}


li.dropdown > ul {
    background: #dcdcdc;
}


.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle {
    color: #777;
}

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > .open > a:hover,
    .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        color: #777;
    }


.sns_str {
    display: none;
}

.sns_ico {
    width:26px;
    height:26px;
}

@media screen and (max-width:600px) {

    .navbar-collapse {
        background: #f5f5f5;
    }

}

/* モバイル時の表示設定 */
@media screen and (max-width:767px) {

  .navbar-right>li>a {
    padding : 20px 40px;
  }

  .sns_str {
      display: inline;
        position: relative;
        display: block;
        text-align: left;
	}

  .sns_ico {
    display: none;
  }

}

/*================== Header ==================*/
.content_header {
    padding: 60px 0 30px 0;
}


/*================== Commons ==================*/
.content_section {
    padding: 50px 0;
}

.padding10 {
    padding: 10px 0;
}

.padding30 {
    padding: 30px 0;
}

.space {
    height:30px;
}

.cont_area {
    /* background-color : #e6fff1; */
    background-color : rgba( 230, 230, 202, 0.3 );
    border-radius: 10px;
}

.cont_text {
    font-size:18px;
    letter-spacing:4px;
    margin-bottom:20px;
    line-height:30px;
}

.cont_text_small{
    font-size:14px;
}


/* モバイル対応 */
@media screen and (max-width:767px) {

	.cont_text {
	    font-size:16px;
	}

	.cont_text_small{
            letter-spacing:1px;
	    font-size:14px;
	}
}



/*================== Body ==================*/


.calender_area > * {
	width : 100%;
	height: 100%;
}



.calender_area {
   margin : 0;
}


.infomation_area{
	border-radius: 10px;
  padding: 35px 0px 0px 0px;
}

.infomation_area > div {
    padding : 0px 35px 35px 35px;
}

.info_date {
    font-size:16px;
    display: inline-block;
    width: 100px;
    vertical-align: top;
}

.info_str {
    font-size:16px;
    display: inline-block;
    /*width: 215px;*/
    width : -webkit-calc(100% - 105px);
    width : calc(100% - 105px);

}

.cont_pan{
    font-size:16px;
    letter-spacing:3px;
    line-height:30px;
    margin-bottom:20px;
    padding-left: 40px;
    padding-right: 40px;
}

.cont_pani2 {
    font-size:16px;
    letter-spacing:3px;
    line-height:30px;
    margin-top:40px; 
    margin-bottom:40px;
}

.cont_pan_mrg {
    padding-right : 30px;
    padding-left  : 30px;
    letter-spacing :1px;
}

.pan_title{
    font-size:22px;
    font-weight: 400;
}

.go_access{
    font-size:22px;
}

.img_tabekata_icon {
	width  : 100%;
	height : 3px;
}

div.img_tabekata {
	width  : 100%;
	height : 180px;

}

div.img_yajirushi{
	margin: 80px 0;
}

.tabekata_area{
    font-size:18px;
    letter-spacing:2px;
}

a.link_view_diable {
  text-decoration: none;
  color : #777;
}

span.radias_mark {
  display: inline-block;
  color: #FFFFFF;
/*  padding: 5px 0 0 0; */
  border-radius: 40px;
  width: 35px;
  height: 35px;
  background-color: #dcdcdc;
}


/* モバイル対応 */
@media screen and (max-width:767px) {

	.calender_area > * {
		width : 80%;
		height:100%;
		margin-bottom:10px;
	}

	.infomation_area{
		margin:0 20px;
	}

        .info_str {
            /* padding-right: 30px; */
            width:100%;
        }


	 .cont_pan {
	    margin : 10px 40px;
	    padding-top : 10px;
	    padding-bottom : 10px;
	}

        .go_access{
            font-size:15px;
        }

        span.radias_mark {
            border-radius: 20px;
            width: 20px;
            height: 20px;
            background-color: #dcdcdc;
        }

	.tabekata_area{
	   font-size:16px;
           /*  margin: 5% 30%; */
           margin : 20px 0px;
           text-align : center;
	}

        div.img_yajirushi,div.tabekata_line{
    	    display:none;
        }

        .cont_pan_no_f { 
            margin : 10px 0px;
        }   

        .mb_style {
            text-align : left;
        }

}


/*================== Footer ==================*/

.logo_area{
	height:100px;
	position: relative;
}
.logo_area_inner{
	height:50px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.address {
    font-size:19px;
    letter-spacing:3px;
    margin-bottom:20px;
    line-height:30px;
}
.address_small {
    font-size:16px;
    letter-spacing:3px;
    margin-bottom:20px;
    line-height:25px;
}

.map_img {
	height:300px;
}

.footer-menu {
    color: #2e8b57;
}

p.copyright {
    font-size : 18px;
    letter-spacing:3px;
    margin: 15px 0 0;
}


/* モバイル対応 */
@media screen and (max-width:767px) and (min-width:426px) {

	.logo_area_inner{
		width:400px;
	}

}

@media screen and (max-width:767px) {

  .address,
  .address_small {
    text-align: center;
    font-size:15px;
  }

  p.copyright {
      font-size : 12px;
      letter-spacing:3px;
      margin: 15px 0 0;
  }

}


/*============================ トップへ戻るボタン ============================*/

#pageTop {
    position: fixed;
    top: 90%;
    right: 20px;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 0 0 0;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #dcdcdc;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}