@charset "utf-8";
@media screen and (max-width: 695px) {
  body {
    line-height: 1.9;
  }
  h1, h2, h3, h4, h5, h6 {
    text-align: left;
  }
  h2 {
	  height: auto;
    padding: 5px;
    font-size: 130%;
    line-height: 1.3;
	  text-indent: 0;
  }
	h2:before{
		display: none;
	}
  h3, h4 {
    font-size: 125%;
  }
  .base-con {
    padding: 2.5%;
  }
  .base-con, main, aside, .base-menu, .basemenu_trs img, article img {
    width: 100%;
  }
  article img, main, .basemenu_trs img {
    float: none;
  }
  .base_sia {
	width: 98%;
	float: none;
	margin:1%;
  }
	/*--- aside ---*/
  aside {
    display: none;
  }
	aside dl{
		margin-bottom: 0;
		border-radius: 0;
	}
	aside dt{
		padding: 10px 0;
		margin: 0;
		border-radius: 0;
		color: #333;
		font-weight: bold;
		text-align: center;
	}
aside:before{
		display: none;
	}
	aside .basemenu_trs dd{
	margin-bottom:0;
	line-height: 32px;
	}
	aside a:hover{
		text-decoration: underline;
	}
	/*--- 下block*/
aside .basemenu_trs dt{
	border: 0;
	}
aside .basemenu_trs dd{
	width:100%;
	border: none;
	margin: 0;
}
aside .basemenu_trs dd p{
	width:100%;
	font-size: 100%;
	padding-left: 0;
	position: static;
    background-color: #fff;
	border-radius: 0;
	line-height: 32px;
	color: #333;
	text-align: left;
}
aside .basemenu_trs dd p:before {
	font-family: FontAwesome;
	content:"\f0da";
	margin-right: 4px;
	color: #1e69de;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}
aside .basemenu_trs a:hover{
	opacity: 1;
}
	/*--- header ---*/
	.base-hd{
		padding-top: 35px;
	}
	.base-hdIn {
	  width: 100%;
    height: auto;
	}
	h1.ttl_h{
		width:100%;
		height: auto;
	}
	.base-hdIn h1.ttl_h a,
	h1.ttl_h a {
    font-size: 140%;
    text-align: center;
	  font-weight: bold;
		border-radius: 0;
		
	}	
  .base-title {
    margin: 0 auto;
    width: 100%;
    float: none;
   }
	.base-hdIn .base-title{
		border: none;
	}
/*--- headCopy*/
.base-cp {
	padding: 5px;
	width:100%;
	position:static;
	text-align: center;
	line-height: 150%;
}
	/*--- mainSlider ---*/
.base-mainvisual {
	height: auto;
    width:100%;
    margin: 0 auto 1em;
	border:0;
}
	.bx-wrapper{
		margin-bottom: 0;
	}
/*--- 下層リンク ---*/
.base-top .base-lk {
  width: 100%;
	margin: 0 0 4%;
	padding-bottom: 1em;
	float: none;
	border-left: 0;
}
.base-top .base-lk > div{
  width:96%;
	margin: 0 auto;
	padding-bottom: 1.5em;
	float: none;
	line-height: 1.8;
	border-bottom: solid 1px #ccc;
}
	
.base-top .base-lk:nth-of-type(1),
.base-top .base-lk:nth-last-of-type(1){
	border:0;
	margin:0;
}
.base-top .base-lk img  {
  width:96%;
	margin:2%;
	border: none;
	float: none;
}
.base-top .base-lk h2 {
    height: auto;
    line-height:1.3;
    text-indent: 0;
    font-size: 130%;
}
.base-top .base-lk h2:before{
	height: 20px;
}
/*--- read more ---*/
.base-more {
	width:90%;
	margin: 1em auto;
  text-align: center;
	position: static;
}
.base-more a {
	line-height: 3em;
}


/* reccomend */
	.base-lbk{
	margin: 1.5em 0;
	padding: 15px 0 ;
	border:none;
		background: #ebebeb;
	}
.base-lbk h2 {
	padding: 10px 0;
	text-align: center;
	font-size: 130%;
	}
.lbk_in{
	width:90%;
	float: none;
	margin: 0 auto;
}
	.base-lbk h3{
		text-align: center;
		text-indent: 0;
	padding: 15px 0;
	}

/*footer Area*/
  footer {
	  width:100%;
  }
	footer ul{
	  width:100%;
		margin: 0%;
	padding:0;
	}
footer li:nth-last-of-type(1){
	border-top: 0;	
	padding-top: 0;
}
	footer dl{
	width: 100%;
	margin-left: 0%;
		margin-bottom: 0;
		padding: 0;
	text-align: center;
	}
	footer li,footer dt,footer dd{
	  width:100%;
		margin: 0;
		float: none;
	font-size: 100%;
		line-height: 26px;
	}
	footer dd a:after{
	display:none;
}
/*footer copy*/
.base-fc {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
  font-size: 70%;
  text-align: center;
}
/*パンくず*/
	.base-pan {
		margin: 0;
	}
	.base-pan a {
		padding: 0;
	}
/*SNS*/
	.sns-ctnbt {
	width:100%;
	margin: 0 auto 2em;
		padding: 5px;
	}
	.base_sib{
		width:100%;
		float: none;
	}
	.sns-ctnbt dt h2{
		width:100%;
		font-size: 130%;
		text-align: center;
	}
	.sns-ctnbt dd{
		width:50%;
		float: left;
		margin: 0;
		padding: 0;
		background: none;
	}
	.sns-ctnbt dd:nth-of-type(1),
	.sns-ctnbt dd:nth-last-of-type(1){
		margin: 0;
	}
/* ////under */
.base-nf{
	height: auto;
}
  /*////トップに戻るボタン*/
  /*テキストの場合*/
  p.base-btn a {
  }
	
  /* /slicknav /*/
  #base-nv {
    display: none;
  }
	.sli{
	}
  /*デフォルトナビアイコン*/
  .slicknav_menu .slicknav_icon {
    display: none;
  }
  /*ナビの下のボーダー*/
  .slicknav_nav {
    border-bottom: none;
  }
  /*トップ背景色*/
  .slicknav_btn {
    float: none;
    background: #000;
    border-radius: 0;
  }
  /*メニューの背景色（hover時の色）*/
  .slicknav_menu {
	  width:100%;
    display: block;
    padding: 0;
    background: #E6F4FF;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
  }
  /*下層文字色*/
  .slicknav_menu a {
    margin: 0;
    color: #3f3f3f;
    overflow: hidden;
    padding: 0;
  }
  /*下層メニュー内容部分背景色*/
  .slicknav_nav a {
    padding: 7px 15px;
    border: none;
    background: #fff;
  }
  /*下層メニュー内容部分hover文字色r*/
  .slicknav_nav a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
    opacity: 1;
    color: #07468d;
  }
  /*ナビ内メニュータイトルのli・pddingで高さ*/
  .slicknav_nav .slicknav_row {
    margin: 0;
    padding: 8px;
  }
  /*ナビ内メニュータイトルのli:hover時*/
  .slicknav_nav .slicknav_row:hover {
    color: #3f3f3f;
    border-radius: 0;
    background: none;
  }
  /*ナビタイトルテキスト（マーク）*/
  .slicknav_menu .slicknav_menutxt {
    float: right;
    text-shadow: none;
    line-height: 1.5em;
    font-size: 90%;
    /*高さ調節*/
    padding: 10px;
    /*高さ調節ここでも*/
    color: #fff;
  }
  .slicknav_menu img {
    display: none;
  }
  .slicknav_menu .basemenu_trs a {
    border: none;
  }
  /*ナビ内矢印*/
  .slicknav_menu>ul>li>a>p {
    display: inline-block;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  a.slicknav_btn.slicknav_collapsed {
    width: 100%;
    display: block;
  }
  ul.slicknav_nav li:last-child {
    border-bottom: none;
  }
  .slicknav_menu .slicknav_no-text {
    float: right;
    margin: 15px;
  }
  .sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  /* ///↑slicknav設定ここまで↑ ////*/
}