@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。 */


/* レイアウト */
#container { width:100%;  margin: 0 auto; text-align:center; padding:0; background:url('../images/bgi.png')}

main {width:100%;padding:0; margin:140px auto 10px} /* 2カラム */
.mtn { margin-top:0;}
.toma {margin:100px auto 10px; width:100%}

/* ヘッダー */
header {background-color: #FFFFFF; border-bottom:1px solid #E1E1E1; position:fixed; width:100%; margin:0 auto; text-align:center; float:none;  z-index:100;}
.hediv { margin:0 auto; max-width:1400px; width:100%;}
.logo {float:left; margin:10px 0 10px; width:30%;}
.logo img { width:100%;}

.nav_fr { float:right; width:680px; margin:-20px 0 20px;}

/* パンクズ */
#breadcrumbs { margin:10px 0; padding:0; line-height:1; }
#breadcrumbs li { list-style-type:none; display:inline; }
#breadcrumbs li a { text-decoration:none; padding:5px 15px 5px 5px; background:url('icon-arrow-right.png') no-repeat right center; }
#breadcrumbs li.last a { color:#333; background:none; }

/* ブロック */
section, article { margin:0; padding:0; text-align:left;} 

/* ページトップ */
#page-top { position: fixed; bottom: 20px; right: 20px; }
#page-top a { display: block; background:url('pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* フッター */
footer { clear:both; padding:0.5em 0 0; width:100%; margin:0 auto;background-color: #f2f2f2; color:  #000;}
footer a {color:#000;}
footer a:hover {color:#000;}

.foot li{
    position: relative;
    padding-left: 12px;
	text-align: left;
	list-style: none;
  }
 
.foot li:before {
    content: "";
    position: absolute;
    top: .45em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

.foot a { color:#000;}
.foot a:hover { color:#000; text-decoration:underline; }


.copyright { background-color: #23b5d1;padding: 20px;}
.cori {text-align: center; color:#FFFFFF }


/* スライド */
    .swiper-container {
    width: 100%;
}
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
.pc { display:block}
.sp { display: none}

/* モニター幅960px以下 */
@media only screen and (max-width:1000px) { 
.nav_fr { float:right; width:66%; margin:45px 0 20px;}

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
#container { width:100%; }
.nav_fr { float: none;width:100%; margin:60px 0;}
.logo { float:none; margin:10px auto; text-align:center; width:100%;}
.logo img { width:80%;}
#sidebar { float:none; width:100%; }
#sidebar nav li { float:left; }
#sidebar div { float:left; }

main { float:none; width:100%; }

#sidebar2 { float:none; width:100%; display:none; }
#sidebar2 nav li { float:left; }
#sidebar2 div { float:left; }
main {margin:250px auto 10px} 
.toma {margin:150px auto 10px}
}
@media only screen and (max-width:600px) { 
main {margin:200px auto 10px} 
.toma {margin:100px auto 10px}
.pc { display:none}
.sp { display:block }
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
#breadcrumbs { display:none; }
main {margin:160px auto 10px} 
.toma {margin:100px auto 10px}