@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 14px/1.8 'メイリオ', Meiryo, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
	color : #000;
}
* {
	margin : 0;
	padding : 0;
}
/* =======================================================================

	共通

======================================================================== */
p {
	margin: 0 0 1.5em 0;
	font-weight: normal;
	font-style: normal;
}
p#date{
	text-align:center;
	color : #a0a0a0;
	margin-bottom : 1.5em;
}
.hissu{
	color : #ff0000;
}
strong {
	font-weight : bold;
}
/* 改行
	--------------------------------------------------*/
br.kaigyou {
	display : none;
}
/* 色
	--------------------------------------------------*/
.red {
	color : #e60012;
}
/*明朝体にしたい時
--------------------------------------------------------------*/
.font-mintyo {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

/*アンカー
--------------------------------------------------------------*/
a {
	color : #878787;
	text-decoration: none;
}
a:hover {
	color : #878787;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:active, a:focus {
	outline: 0;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover  {
    background-position: -43px 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
		
}


/*画像
--------------------------------------------------------------*/
img {
	border: 0;
	max-width: 100%;
	height : auto;
}
/*かどまる
--------------------------------------------------------------*/
.kadomaru {
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
/* 段組み
------------------------------------------------------------*/
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright {
	margin: 0px 0px 15px 15px;
	display: inline;
}
img.alignleft {
	margin: 0px 15px 15px 0px;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.va_top {
	vertical-align: top;
}
.va_middle {
	vertical-align: middle;
}
.va_bottom {
	vertical-align: bottom;
}
/*クリアフィックス
--------------------------------------------------------------*/
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}

.pc{
	display : inline+
}

.sma{
	display : none;
}
/* =======================================================================

	見出し

======================================================================== */
h1 {
	display: none;
}

h2 {
	text-align: center;
	padding : 1em 0 15px 0;
	font-size : 140%;
	line-height : 1;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
div.h2_box{
	position:relative;
}
/* index もっと見るボタン（アイテムとか） */
div.h2_box div.btn_more1{
	position:absolute;
	right : 0;
	bottom : 15px;
	text-align:right;
	font-size:80%;
}
/* index もっと見るボタン（インスタとか） */
div.h2_box div.btn_more2{
	position:absolute;
	right : 0;
	bottom : 30px;
	text-align:right;
	font-size:80%;
}
div.h2_box div.btn_more3{
	position:absolute;
	right : 0;
	bottom : 10px;
	text-align:right;
	font-size:80%;
}

/* 下層　サブ画像の登録が無かった時に使用するｈ２*/
div.h2_box2{
	border-top : solid 1px #dcdcdc;
	border-bottom : solid 1px #dcdcdc;
	margin: 0 0 2em 0;
}
div.h2_box2 h2{
	padding : 0.5em 0;
}

h3 {
	font-size : 110%;
	line-height: 1.4;
	border-bottom : 3px solid #eee;
	margin : 0 0 1em 0;
	font-weight : bold;
}

h4 {
	font-size : 100%;
	font-weight : bold;
	border-left : 5px solid #eee;
	padding : 0 0 0 10px;
	margin : 0 0 1em 0;
	
}
/* =======================================================================

	レイアウト

======================================================================== */
div#container {
	width : 100%;
	margin : 0;
	padding : 0;
	text-align: center;
}
div.wrapper {
	margin: 0 auto;
	width: 1100px;
	padding : 0;
}
div#header {
	width : 100%;
	background : #fff;
	text-align: left;
}
div#content {
	width : 100%;
	padding : 0 0 50px 0;
	margin : 0;
	text-align: left;
}
div#footer {
	width : 100%;
	background : #000000;
	pading : 0;
	color : #c6c6c6;
}
/* =======================================================================

	ヘッダー
	
======================================================================== */
div#header div.wrapper{
	position:relative;
}

div#header div#logo {
	font-size : 0;
	text-align: center;
	padding : 25px 0 20px 0;
}

/* =======================================================================

	ナビゲーション　PC用
	
======================================================================== */
div#topnavbox {
	margin: 0 0 25px 0;
}

/****************ドロップダウンメニュー*********************/
div#topnavbox ul#topnav{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  padding: 0;
	text-align : center;

	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;

}
div#topnavbox ul#topnav:before, div#topnavbox ul#topnav:after{
  content: "";
  display: table;
}
div#topnavbox ul#topnav:after{
  clear: both;
}
div#topnavbox ul#topnav li{
	display : -moz-inline-box;
	display : inline-block;
	 /display : inline;
	 /zoom : 1;	
  position: relative;
	padding : 0 15px;
 /* float: left;*/
  margin: 0;
  text-align: center;
}
div#topnavbox ul#topnav li a{
  display: block;
  margin: 0;
	padding : 10px 5px;
  color: #000;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
	border-bottom : solid 1px #fff;
}
div#topnavbox ul#topnav li a:hover {
	color : #a0a0a0;
	text-decoration: none;
	border-bottom : solid 1px #a0a0a0;
}
div#topnavbox ul#topnav li a.active {
	border-bottom : solid 1px #000;
}

div#topnavbox ul#topnav li ul{
	/* ドロップダウンメニュー部分のリスト */
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
div#topnavbox ul#topnav li ul li{
	/* ドロップダウンメニュー部分のリスト各項目 */
  width: 100%;
}
div#topnavbox ul#topnav li ul li a{
	/* ドロップダウンメニュー部分のアンカー */
  padding: 13px 15px;
  border-top: 1px solid #fff;
  background: #fff;
  text-align: left;

	border-left : solid 1px #eee;
	border-right : solid 1px #eee;
	border-bottom : solid 1px #eee;
}
div#topnavbox ul#topnav li ul li:first-child a{
  border-top: 1px solid #eee;
}

div#topnavbox ul#topnav li:hover > a{
	/* ドロップダウンメニューを表示中の時の、親になるアンカー部分 */
  background: #eee;
	color : #a0a0a0;
	border-bottom : solid 1px #a0a0a0;
}
div#topnavbox ul#topnav li a:hover{
	/*ドロップダウンメニュー部分のマウスオーバー */
  background: #eee;
}


/****************メニューのフェード処理（ドロップダウンで表示される部分）*********************/
.fade-in { position: relative; z-index: 6; }
.fade-in li ul{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
.fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}


/* =======================================================================

	ナビゲーション　スマートフォン用
	
======================================================================== */
div#header div#suma_menu {
	display : none;
	position:absolute;
	top : 0px;
	right : 0;
}

div#header div#suma_menu a{
	color : #000;
}


.panel-btn{
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 15px 0 10px;
  border-radius: 50%;
  background: #fff;
}
.panel-btn:hover{
  background: #fff;
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  margin: -1px 0 0 -12px;
  background: #000;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  background: #000;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}


/* =======================================================================

	コンテンツ
	
======================================================================== */
/* =============================================================

	パンくず
	
============================================================== */
div#pankuzu {
	padding : 1em 0 0.5em 0;
	font-size : 80%;
	line-height : 1.4;
}
div#pankuzu a {
	color : #000;
}
div#pankuzu a:hover {
	color : #878787;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* =============================================================

	メインスライダー
	
============================================================== */

div#mainslider_pc,
div#mainslider_sma {
	width : 100%;
	margin : 0 0 80px 0;
}
div.slider_syousai{
	margin-bottom : 50px !important;	/*詳細ページのスライダーの下の余白は小さめに。*/
}

/* AGED スライダー の中のラッパーはWを640にする */
div#aged_slider div.wrapper{
	width : 640px;
}

/*スライダーの定義を上書き
--------------------------------------------------------------*/
div#mainslider_pc div.bx-wrapper,
div#mainslider_sma div.bx-wrapper {
	margin-bottom : 0 !important;
}
div#mainslider_pc .bx-wrapper .bx-viewport ,
div#mainslider_sma .bx-wrapper .bx-viewport {
	box-shadow: none !important;
	border: 0 !important;
	left: 0px !important;
}

div#mainslider_pc ul.slider,
div#mainslider_sma ul.slider {
	margin : 0;
	padding : 0;
}
div#mainslider_pc .slider img ,
div#mainslider_sma .slider img {
	margin: 0 auto;
	display: block;
}

.bx-wrapper .bx-controls-direction a {
  z-index: 1000 !important;
}


/*スライダー　スマートフォン用
--------------------------------------------------------------*/
div#mainslider_sma{
	display : none;
}



/* =============================================================

	ライトボックス
	
============================================================== */
#fancybox-right{
	right : -20px !important;
}

/* =============================================================

	下層イメージ
	
============================================================== */
div#subimg_pc,
div#subimg_sma {
	width : 100%;
	margin : 0 0 50px 0;
}
div#subimg_sma {
	display : none;
}

/* =============================================================

	下層トップイメージ
	
============================================================== */
div#subimg_pc,
div#subimg_sma {
	width : 100%;
	margin : 0 0 80px 0;
}
/*下層トップイメージ　スマートフォン用
--------------------------------------------------------------*/
div#subimg_sma{
	display : none;
}

/* =============================================================

	index アイテム
	
============================================================== */
div#content div#itembox{
	margin : 0 0 50px 0;
}


/* =============================================================

	4個表示のリストボックス
	
============================================================== */
div#content ul.item_4column{
	text-align : center;
	font-size : 0px;
}
div#content ul.item_4column li {
	display : -moz-inline-box;
	display : inline-block;
	 /display : inline;
	 /zoom : 1;
	font-size : 14px;
	line-height : 1;
	list-style : none;
	width : 25%;
	
	background : #eee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	position:relative;

	/* font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */

}

div#content ul.item_4column li:hover {
	background : #dcdcdc;
}

div#content ul.item_4column li div.inbox a:hover {
	/* この中のアンカーはアンダーラインを引かない */
	text-decoration: none;
}

div#content ul.item_4column li a{
	color : #000;
}

div#content ul.item_4column li a:hover img {
	/* この中の画像は透過しない*/
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

div#content ul.item_4column li a div.item_neme{
	position:absolute;
	bottom : 15px;
	left : 0;
	right : 0;
	margin : 0 auto;
	line-height : 1;
}

div#content ul.item_4column li a div.item_neme span {
	padding : 5px;
	padding-bottom : 0\0;
	background-color: #eeeeee !;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div#content ul.item_4column li a:hover div.item_neme span {
	background-color: #535353;
	color: #fff;
}


/* =============================================================

	5個表示のリストボックス
	
============================================================== */
div#content ul.item_5column{
	text-align : center;
	font-size : 0px;
}
div#content ul.item_5column li {
	display : -moz-inline-box;
	display : inline-block;
	 /display : inline;
	 /zoom : 1;
	font-size : 14px;
	line-height : 1;
	list-style : none;
	width : 19.8%;
	margin-right : 0.2%;
	
	background : #eee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	position:relative;

	/* font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */

}

div#content ul.item_5column li:hover {
	background : #dcdcdc;
}

div#content ul.item_5column li div.inbox a:hover {
	/* この中のアンカーはアンダーラインを引かない */
	text-decoration: none;
}

div#content ul.item_5column li a{
	color : #000;
}

div#content ul.item_5column li a:hover img {
	/* この中の画像は透過しない*/
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

div#content ul.item_5column li a div.item_neme{
	position:absolute;
	bottom : 15px;
	left : 0;
	right : 0;
	margin : 0 auto;
	line-height : 1;
}

div#content ul.item_5column li a div.item_neme span {
	padding : 5px;
	padding-bottom : 0\0;
	background-color: #eeeeee !;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div#content ul.item_5column li a:hover div.item_neme span {
	background-color: #535353;
	color: #fff;
}

/* =============================================================

	お知らせ一覧（カテゴリー）
	「index 5個表示のリストボックス」を使いつつ...
	
============================================================== */

div#content ul.list_nenbetu{
}

div#content ul.info_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size : 0;
	text-align: left;
}
  
div#content ul.info_list li {
	background-color : #fff;
  display: inline-block; /* 横並び */
  vertical-align: top; /* li要素を上端揃えに */
  font-size : 14px;
	padding : 5px 5px 0 5px;
	margin-bottom : 2em;
}
  
/* IE7 */
*:first-child+html div#content ul.info_list li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}


div#content ul.info_list li p{
	margin-bottom : 0;
}
div#content ul.info_list li div.info_title {
	padding : 10px;
	line-height: 1.5;
	text-align:left;
}
div#content ul.info_list li div.info_title span{
	font-size : 80%;
	color : #666;
}
div#content ul.item_5column li a:hover img {
	/* この中の画像は透過する*/
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* =============================================================

	お知らせ一覧 180810 Indexへ移動させる

============================================================== */
div#info_list2{
	width : 768px;
	margin : 0 auto;
	text-align:left;
	padding: 0 0 50px 0;
}
div#info_list2 div.info_box{
	display: flex;
	border-bottom : solid 1px #dcdcdc;
	padding : 5px 0;
}
div#info_list2 div.info_box:first-child{
	border-top : solid 1px #dcdcdc;
}
div#info_list2 div.info_box div.ymd{
	width : 100px;
}
div#info_list2 div.info_box div.title{
	width : 700px;
}

/* =============================================================

	カルーセル部分
	
============================================================== */
div#carousels {
	padding : 0px 0 0 0;
	margin : 0 0 50px 0;
}
div#carousels2 {
	display : none;	/*最初は非表示*/
	padding : 0px 0 0 0;
	margin : 0 0 50px 0;
}
/*リスト部分
--------------------------------------------------------------*/
div#carousels ul.slider2, div#carousels2 ul.slider3 {
}
div#carousels ul.slider2 li, div#carousels2 ul.slider3 li {
	position: relative;
}

/*マウスオーバーしてテキストを表示する部分 インスタ
--------------------------------------------------------------*/
.insta_photo{
	/*写真の大きさがバラバラなので（横は320だけど縦はバラバラ）、画像を直接ではなく、背景にする*/
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.insta_photo:hover{
}

.insta_comment{
	position:absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;

	opacity:		0;	/* マスクを表示しない */
	overflow-y: auto;	/*縦方向スクロール追記*/
	text-align:left;

	color : #fff;

	padding : 15px;
}
.insta_comment:hover{
	opacity:		1;	/* マスクを表示する */

	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}


/*経年劣化
--------------------------------------------------------------*/
.aged1 {
	width:			100%;
	height:			100%;
	overflow:		hidden;
	margin:			0;
	position:		relative;	/* 相対位置指定 */
}
.aged1 p{
	margin : 0;
}
.aged1 .caption {
	font-size:		100%;
	padding-top:	0px;
	color:	#fff;
	
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	padding : 15px;
	width : 100%;

}

/* NEW icon */
.aged1 .newicon{
	width : 30px;
	height : 15px;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
}

.aged1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

	text-align: left;

	overflow-y: auto;	/*縦方向スクロール追記*/
}
.aged1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

/*スライダーの定義を上書き
--------------------------------------------------------------*/
div#carousels div.bx-wrapper, div#carousels2 div.bx-wrapper {
	margin-bottom : 0 !important;
}
div#carousels .bx-wrapper .bx-viewport, div#carousels2 .bx-wrapper .bx-viewport {
	box-shadow: none !important;
	border: 0 !important;
	left: 0px !important;
}

/* =============================================================

	インスタグラム
	
============================================================== */
#instagram {
	width: 100%;
	margin: 0 auto;
	padding : 0 0 50px 0;
	text-align: center;
}
#instagram div#instagram_in {
}

#instagram div#instagram_in2 {
}
#instagram div#instagram_in3 {
	display : none;
}

/*スライダーの定義を上書き
--------------------------------------------------------------*/
#instagram div#instagram_in3 div.bx-wrapper {
	margin-bottom : 0 !important;
}
#instagram div#instagram_in3 .bx-wrapper .bx-viewport {
	box-shadow: none !important;
	border: 0 !important;
	left: 0px !important;
}



#instagram div#instamsg {
	color : #02699d;
	margin : 0 0 20px 0;
}
ul#instalist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}
ul#instalist li {
	display: inline-block; /* 横並び */
	width: 20%;
	vertical-align: top; /* li要素を上端揃えに */
	font-size : 14px;
	margin-bottom : 30px;
	vertical-align:top;
}
/* IE7 */
*:first-child+html ul#instalist li {
	display: inline; /* display: inline-block;の代わり */
	zoom: 1; /* 状況によって使い分ける */
}
/*インスタの写真*/ 
#instagram img.instagram-image {
	/*中央寄せ*/
	display: block;
	margin: 0 auto;
}
/*インスタの日付やコメント*/ 
#instagram div.instagram-data {
	width : 90%;
	margin: auto;
	overflow : hidden;
}
/*インスタのいいねした人*/ 
#instagram .instagram-like .like-user {
	width : 90%;
	margin: auto;
	overflow : hidden;
}
/*インスタのコメント*/ 
#instagram .instagram-comments {
	clear: both;
	padding-top: 10px;
	margin : 0 15px;
}
#instagram .instagram-comments .comments-user {
	overflow: hidden;
	margin-bottom: 10px;
}
#instagram .instagram-comments .comments-user-icon {
	float: left;
	margin-right: 10px;
}
#instagram div#next_max_id {
	display : none;
}

#insta_pash{
	/*表示用プログラムへのパス*/
	display : none;
}

/* インスタグラム 追加読み込みボタン
============================================================ */
div#pagination {
	text-align: center;
	display : none;
}
/* インスタグラム 次に読み込むID
============================================================ */
div#next_max_id {
/* display : none; */
}
/* インスタグラム へのリンクボタン
============================================================ */
div#pagination_link {
	display : none;
}
div#instagram button {
	margin-top : 20px;
}
/* インスタグラム タイルで表示する
============================================================ */
.grid {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.grid-item {
	width: 150px;
}
.grid-item--width2 {
	width: 320px;
}
.grid-item img {
	width: 100%;
}
.grid-item p {
	text-align: center;
	margin: 5px auto;
	font-size: 12px;
	color: #999999;
}


/* =============================================================

	AGED詳細
	
============================================================== */
.slider4 img,
.slider5 img {
	margin:0 auto;
	display:block;
}
div.img_comment{
	text-align:center;
}


/* =============================================================

	お問い合わせフォーム
	
============================================================== */

#inquiry{
	width : 80%;
	margin : 0 auto;
}

#inquiry dl.inq_list dd div{
	display:inline-block;
}

#inquiry dl.inq_list {
	border:1px solid #a0a0a0;
	border-top:0;
	background:#dcdcdc;
}

#inquiry dl.inq_list dt {
	float:left;
	width:16em;
	border-top:1px solid #a0a0a0;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:0;
	padding-right:0;
}

#inquiry dl.inq_list dd {
	margin-left:16em;
	padding:10px;
	border-top:1px solid #a0a0a0;
	border-left:1px solid #a0a0a0;
	background:#ffffff;
}

/*------------------------------------------------------------
フォームの装飾
-------------------------------------------------------------*/
#inquiry dl.inq_list p{
	margin : 0;
}

#inquiry dl.inq_list dd input[type="text"],
#inquiry dl.inq_list dd input[type="email"],
#inquiry dl.inq_list dd select,
#inquiry dl.inq_list dd textarea {

	border:0;
	margin: 0 0 2px 0;
	padding:5px;
	font-size: 14px;
	line-height : 1.8;
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
	color:#626262;
	border:solid 1px #ccc;
}


#inquiry dl.inq_list dd textarea {
	width: 90%;
	height: 7em;
	line-height: 1.5em;
	padding:5px;
}

#inquiry dl.inq_list dd input[type="text"]:focus,
#inquiry dl.inq_list dd input[type="email"]:focus,
#inquiry dl.inq_list dd select:focus,
#inquiry dl.inq_list dd radio:focus,
#inquiry dl.inq_list dd label:focus,
#inquiry dl.inq_list dd textarea:focus  {
	border:solid 1px #004986;
}

/*------------------------------------------------------------
ボタン部分
-------------------------------------------------------------*/
#inquiry div#submit {
	text-align:center;
	padding : 1em 0;
}
#inquiry div#submit input[type="submit"],
#inquiry div#submit input[type="reset"],
#inquiry div#submit input[type="button"] {
	background-color: #838383;
	border-top: 1px solid #979797;
	border-left: 1px solid #979797;
	border-right: 1px solid #727272;
	border-bottom: 1px solid #727272;
	color: #fff;
	margin: 0.5em;
	padding: 3px;
	text-align: center;
	vertical-align: baseline;
	width: 120px;
	font-size: 14px;
	line-height : 1.8;
	font-family: メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
	cursor:pointer;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* ボタンのマウスオーバー */
#inquiry div#submit input[type="submit"]:hover,
#inquiry div#submit input[type="reset"]:hover,
#inquiry div#submit input[type="button"]:hover {
	background-color: #eee;
	color : #000
}


/* =============================================================

	VISITの地図
	
============================================================== */
#content .google-maps {
    position: relative;
    padding-bottom: 75%; /* これが縦横比 */
    height: 0;
    overflow: hidden;
}
 
#content .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/* =============================================================

	AGEDの商品詳細情報
	
============================================================== */
#content div.info_syouhin{
	text-align:center;
	margin : 0 0 1.5em 0;
}
#content div.other_comment{
	margin : 1em 0;
	padding : 1em 0;
	border-top : solid 1px #eee;
}

#content p#syouhin_date{
	margin : 1em 0;
	padding : 1em 0;
	border-top : solid 1px #eee;
	border-bottom : solid 1px #eee;
	text-align:center;
	color : #a0a0a0;
}

/* =============================================================

	サイトマップ用のリスト設定（プラグインを上書き）
	
============================================================== */
#sitemap_list li li {
    font-size: 80% !important;
    background: url(../images/yajirushi01.png) no-repeat 0 50% !important;
}
#sitemap_list a {
	color : #878787 !important;
	text-decoration: none !important;
	background : #fff;
}
#sitemap_list a:hover {
	color : #fff !important;
	background : #616161;
	text-decoration: underline !important;
	-webkit-transition: all 0.3s ease !important;
	-moz-transition: all 0.3s ease !important;
	-o-transition: all 0.3s ease !important;
	transition: all 0.3s ease !important;
}
#sitemap_list a:active, 
#sitemap_list a:focus {
	outline: 0 !important;
}

/* =======================================================================

	フッター
	
======================================================================== */
div#footer{
	padding-top : 70px;
}

div#footer a{
	color : #c9c9c9;
}
div#footer a:hover{
	color : #878787;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* =============================================================

	見出し
	
============================================================== */
div#footer h2{
	color : #c6c6c6;
	text-align:left;
	font-size : 140%;
}
div#footer h3{
	color : #c6c6c6;
	font-size : 120%;
	font-weight : bold;
	padding : 0;
	margin : 0 0 1.5em 0;
	border : none;
}
/* =============================================================

	段落
	
============================================================== */
div#footer p{
	margin : 0;
}
/* =============================================================

	住所
	
============================================================== */
div#footer div#address{
	width : 650px;
	float : left;
	text-align:left;
}
div#footer div#address ul.addr_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size : 0;
}
div#footer div#address ul.addr_list li {
  display: inline-block; /* 横並び */
  width: 50%;
  vertical-align: top; /* li要素を上端揃えに */
  font-size : 14px;
}
/* IE7 */
*:first-child+html div#footer div#address ul.addr_list li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}
div#footer div#address ul.addr_list li div.map{
	width : 100px;
	float : left;
}
div#footer div#address ul.addr_list li div.map2{
	width : 100%;
	display : none;
	margin-bottom : 10px;
	padding-right : 10px;
}
div#footer div#address ul.addr_list li div.syozaiti{
	width : 210px;
	float : right;
	font-size : 80%;
	line-height : 1.7;
}

#footer .google-maps {
    position: relative;
    /*padding-bottom: 75%;*/ /* これが縦横比 */
    height: 0;
    overflow: hidden;
		width : 100%;
		height : 100px;
}
 
#footer .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
    

/* Google Map */
.acf-map,
.acf-map2{
	width: 100%;
	height: 100%;
	border: #ccc solid 1px;
}

/* fixes potential theme css conflict */
.acf-map img,
.acf-map2 img {
   max-width: inherit !important;
}


/* =============================================================

	FOLLOW US
	
============================================================== */
div#footer div#follow{
	width : 140px;
	float : left;
	text-align:left;
	margin-left:40px;
}
div#footer div#follow ul.icon_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size : 0;
}
div#footer div#follow ul.icon_list li {
  display: inline-block; /* 横並び */
  width: 50%;
  vertical-align: top; /* li要素を上端揃えに */
  font-size : 14px;
	text-align:center;
	margin-bottom : 15px;
}
/* IE7 */
*:first-child+html div#footer div#follow ul.icon_list li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

div#footer div#follow ul.icon_list li p{
	font-size : 80%;
	line-height : 1.7;
}


/* =============================================================

	INFORMATION
	
============================================================== */
div#footer div#informatioin{
	width : 220px;
	float : right;
	text-align:left;
}

div#footer div#informatioin ul.info_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size : 0;
}
div#footer div#informatioin ul.info_list li {
  display: inline-block; /* 横並び */
  width: 50%;
  vertical-align: top; /* li要素を上端揃えに */
  font-size : 14px;
	text-align:left;
	padding-right : 10px;
}
div#footer div#informatioin ul.info_list li:nth-child(2n) {
	margin-right : 0;
}

/* IE7 */
*:first-child+html div#footer div#informatioin ul.info_list li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

div#footer div#informatioin ul.info_list li p{
	font-size : 80%;
	line-height : 1.7;
}

/* =============================================================

	境界線
	
============================================================== */
div#footer div.border{
	height : 5px;
	background : #535353;
	width : 100%;
	margin : 30px 0;
}

/* =============================================================

	メニュー部分
	
============================================================== */
div#footer ul.f_menu {
  text-align : center;
  font-size : 0px;
}
 
div#footer ul.f_menu li {
  display : -moz-inline-box;
  display : inline-block;
		/display : inline;
		/zoom : 1;
  padding-right: 10px;
  font-size : 14px;
  list-style : none;
	margin : 10px 0;
	padding : 0 25px;
}
 
div#footer ul#tab_menu li a {
  background-color: #fff2cc;
}

/* =============================================================

	メッセージ
	
============================================================== */
div#footer p#msg{
	font-size : 80%;
	margin : 30px 0 20px 0;
}

/* =============================================================

	フッターのロゴ
	
============================================================== */
div#footer div#f_logo{
	margin : 30px 0 20px 0;
}

/* =============================================================

	フッターのコピーライト
	
============================================================== */
div#footer div#copy {
	padding : 0em 0 1em 0;
	font-size: 80%;
}

/* =======================================================================

	ページの先頭へ戻る
	
======================================================================== */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 0%;
	z-index: 9999;
}
#page-top a {
	text-decoration: none;
	width: 50px;
	padding: 0;
	text-align: center;
	display: block;
	background : #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#page-top a:hover {
	text-decoration: none;
	background : #535353;
}
#page-top img#pc_mode {
	display : inline;
}
#page-top img#sma_mode {
	display : none;
}


/******************************************************************
	ページネーションの表示と中央寄せ
*****************************************************************/
#wp_page_numbers,
#wp_page_numbers ul{
	background : none !important; 
	font-size: 14px !important;
	line-height: 1.2 !important;
}
#wp_page_numbers ul li.page_info{
	background : #fff !important;
	/* border: 1px solid #362e2b !important; */
	color : #535353;
}
#wp_page_numbers ul li a:hover {
  background: #535353 none repeat scroll 0% 0% !important;
}
#wp_page_numbers {
	position:relative;
	padding-bottom:30px;
}


#wp_page_numbers ul {
	position: relative;
	left: 50%;
	float: left;
}
#wp_page_numbers ul li {
	position: relative;
	left: -50%;
	float: left;
	list-style:none;
	/*リストの定義を上書きする*/
	margin : none !important;
	width : auto !important;
}
#wp_page_numbers ul li a {
	display:block;
	padding:3px 5px;
	margin: 0 0px 0 5px;
	border:1px solid #535353;
	font-size: 14px;
	line-height: 1.2;
	background : #ffffff !important;
	color : #535353;
	text-decoration: none;
}
#wp_page_numbers ul li a:hover {
	background:#3a87ad;
	color:#fff;
	text-decoration:none;
}
#wp_page_numbers ul li.active_page a{
	background:#b5b5b5 !important;
	color:#fff !important;
}
#wp_page_numbers li.active_page a {
	border-color:#b5b5b5 !important;
}

#wp_page_numbers ul li.page_info{
	padding: 3px 5px;
	margin: 5px;
}

/*******************************************************************
	次へ/前へ
*******************************************************************/
.beforenext{
	padding : 20px 0;
}
/* =============================================================
	次へ
 =============================================================== */
 .next{
 }
.next_sankaku{
	float:left;
	border-right:20px solid #eeeeee;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
}
.next_sikaku{
	float:left;
	background-color:#eeeeee;
/*	height:40px; */
	padding:0 10px;
	min-width: 100px;
	max-width: 300px;
	min-height: 40px;
}
.next_moji{
	margin:8px auto 0 auto;
}
/* =============================================================
	前へ
 =============================================================== */
 .before{
 }
.before_sankaku{
	float:right;
	border-left:20px solid #eeeeee;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
}
.before_sikaku{
	float:right;
	background-color:#eeeeee;
/*	height:40px; */
	padding : 0 10px;	
	min-width: 100px;
	max-width: 300px;
	min-height: 40px;
}
.before_moji{
	margin:8px auto 0 auto;
}

/*******************************************************************
	サイトマップ
*******************************************************************/
#sitemap_list li{
	background-position: 0 1.55em !important;
}


/* =======================================================================

	リスト 2分割

======================================================================== */
ul.block2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block2 li {
	display: inline-block; /* 横並び */
	width: 50%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}
/* =======================================================================

	リスト 3分割

======================================================================== */
ul.block3 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block3 li {
	display: inline-block; /* 横並び */
	width: 33.333%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 4分割

======================================================================== */
ul.block4 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block4 li {
	display: inline-block; /* 横並び */
	width: 25%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 5分割

======================================================================== */
ul.block5 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size : 0;
}

ul.block5 li {
	display: inline-block; /* 横並び */
	width: 20%;
	vertical-align: top;   /* li要素を上端揃えに */
	font-size : 18px;
}

/* =======================================================================

	リスト 2分割、3分割、4分割、5分割

======================================================================== */
ul.block2 li div.inbox,
ul.block3 li div.inbox,
ul.block4 li div.inbox,
ul.block5 li div.inbox {
	width : 94%;
	margin : 0 auto 1em auto;
	position: relative;
}



/* =======================================================================

	レスポンシブ
	
======================================================================== */

/* モニター幅1050px以上 */
@media only screen and (min-width:1100px) {
}

/* モニター幅1050px以下 */
@media only screen and (max-width:1100px) {
	/* =======================================================================
		
			レイアウト
		
	======================================================================== */
	div.wrapper {
		margin: 0 auto;
		width: 98%;
		padding : 0;
	}
	
	/* =======================================================================
				
				ヘッダー
				
	======================================================================== */
	div#header div.wrapper {
		width : 100% !important;
	}

	/* =======================================================================
			
				コンテンツ
				
	======================================================================== */

	/* =======================================================================
	
		フッター
		
	======================================================================== */
	/* =============================================================
	
		見出し
		
	============================================================== */
	div#footer h2{
		color : #c6c6c6;
		text-align:left;
		font-size : 140%;
	}
	div#footer h3{
		color : #c6c6c6;
		font-size : 120%;
		font-weight : bold;
		padding : 0;
		margin : 0 0 5px 0;
	}
	
	/* =============================================================
	
		住所
		
	============================================================== */
	div#footer div#address{
		width : 40%;
	}
	div#footer div#address ul.addr_list li {
		width: 100%;
		margin-bottom : 20px;
	}
	div#footer div#address ul.addr_list li div.map{
		width : 30%;
	}
	div#footer div#address ul.addr_list li div.syozaiti{
		width : 70%;
		padding-left : 10px;
	}
	
	/* =============================================================
	
		FOLLOW US
		
	============================================================== */
	div#footer div#follow{
		width : 20%;
	}
	div#footer div#follow h2{
		text-align:center;
	}
	
	/* =============================================================
	
		INFORMATION
		
	============================================================== */
	div#footer div#informatioin{
		width : 30%;
	}
	
	
	/* =============================================================

		お問い合わせフォーム
		
	============================================================== */
	#inquiry {
		width : 100%;
	}



}

/* iPad 縦 */
@media only screen and (max-width:768px) {

	/* =======================================================================
	
		共通項目
		
	======================================================================== */
	.pc{
		display : none;
	}
	.sma{
		display : inline;
	}

	/* =======================================================================
	
		ヘッダー
		
	======================================================================== */
	div#header div#logo {
		font-size : 0;
		text-align: center;
		padding : 10px 0 10px 0;
	}

	div#header div#logo .sma {
		max-width : 200px;
		height : auto;
	}


	/* =======================================================================
			
				ナビゲーション　PC用
				
	======================================================================== */
	div#topnavbox {
		display : none;
	}

	/* =======================================================================
	
		ナビゲーション　スマートフォン用
		
	======================================================================== */
	div#header div#suma_menu {
		display : inline;
	}

	/* =======================================================================
	
		お問い合わせフォーム
		
	======================================================================== */
	#inquiry dl.inq_list {
		background:#eee;
	}

	#content dl.inq_list dt {
		float:none;
		width:100%;
		border-top:1px solid #a0a0a0;
		padding-top:10px;
		padding-left:10px;
		padding-bottom:5px;
		padding-right:0;
	}

	#content dl.inq_list dd {
		margin-left:0em;
		padding-top:10px;
		padding-left:10px;
		padding-bottom:10px;
		padding-right:0;
		border-top:0px solid #a0a0a0;
		border-left:0px solid #a0a0a0;
		background:#ffffff;
	}
	/* 幅が超えるものを100%表示にする */
	#content dl.inq_list dd input.input100 { 
		width: 90%; 
	}

	/* =============================================================

		お知らせ一覧 180810 Indexへ移動させる

	============================================================== */
	div#info_list2{
		width : 100%;
	}
	div#info_list2 div.info_box div.ymd{
		width : 20%;
	}
	div#info_list2 div.info_box div.title{
		width : 80%;
	}



	/* =======================================================================
	
		フッター
		
	======================================================================== */
	
	/* =============================================================
	
		住所
		
	============================================================== */
	div#footer div#address{
		width : 100%;
		float : none;
		padding-left : 10px;
	}
	div#footer div#address ul.addr_list li {
		width: 50%;
		margin-bottom : 20px;
	}
	div#footer div#address ul.addr_list li div.map{
		width : 100%;
		float : none;
		display : none;
	}
	div#footer div#address ul.addr_list li div.map2{
		display : block;
	}
	div#footer div#address ul.addr_list li div.syozaiti{
		width : 100%;
		float : none;
		padding-left : 0px;
	}
	
	/* =============================================================
	
		FOLLOW US
		
	============================================================== */
	div#footer div#follow{
		width : 45%;
		margin-left: 10px;
	}
	div#footer div#follow h2{
		text-align:left;
	}
	div#footer div#follow ul.icon_list{
		width : 130px;
	}
	
	/* =============================================================
	
		INFORMATION
		
	============================================================== */
	div#footer div#informatioin{
		width : 50%;
	}
	
	div#footer div#f_logo .sma {
		max-width : 200px;
		height : auto;
	}

/* =======================================================================
		
			リスト 4分割 ->  3分割に
		
		======================================================================== */
ul.block4 li {
	width: 33.333%;
}


}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px) {
	/* 段組み解除
			--------------------------------------------------*/
	img.alignright, img.alignleft {
		display: block;
		margin: 5px auto;
	}
	.alignright, .alignleft {
		float: none;
	}
	/* 改行
			--------------------------------------------------*/
	br.kaigyou {
		display : inline;
	}
	
	/* =======================================================================
	
		見出し
	
	======================================================================== */
	h2 {
		text-align: center;
		padding : 1em 0 10px 0;
		font-size : 160%;
		line-height : 1;
	}
	div.h2_box{
		position:relative;
	}
	/* index もっと見るボタン（アイテムとか）（インスタとか） */
	div.h2_box div.btn_more1{
		position:static;
		text-align:center;
		font-size:80%;
		padding :0 0 10px 0;
	}
	div.h2_box div.btn_more2{
		position:static;
		text-align:center;
		font-size:80%;
		padding :0 0 5px 0;
	}
	div.h2_box div.btn_more3{
		position:static;
		text-align:center;
		font-size:80%;
		padding :0 0 10px 0;
	}



	/* =======================================================================
	
		コンテンツ
		
	======================================================================== */
	/* =============================================================
	
		メインスライダー
		
	============================================================== */
	/*スライダー　PC用
	--------------------------------------------------------------*/
	div#mainslider_pc{
		display : none;
	}
	
	/*スライダー　スマートフォン用
	--------------------------------------------------------------*/
	div#mainslider_sma{
		display : block;
	}


	/* AGED スライダー の中のラッパーはWを98%にする */
	div#aged_slider div.wrapper{
		width : 98%;
	}

	/*NEWS*/
	#instagram div#instagram_in2 {
		display : none;
	}
	#instagram div#instagram_in3 {
		display : block;
	}
	#instagram div#instagram_in3 li{
		display: inline-block; /* 横並び */
	}

	/* =============================================================

		下層イメージ
		
	============================================================== */
	div#subimg_pc {
		display : none;
	}
	div#subimg_sma {
		display : block;
	}


	/* =============================================================
	
		下層トップイメージ
		
	============================================================== */
	/*下層トップイメージ　PC用
	--------------------------------------------------------------*/
	div#subimg_pc{
		display : none;
	}
	/*下層トップイメージ　スマートフォン用
	--------------------------------------------------------------*/
	div#subimg_sma{
		display : block;
	}

	

	/* =============================================================
	
		index アイテム
		
	============================================================== */
	div#content div#itembox{
		margin : 0 0 50px 0;
	}
	
	/* =============================================================
	
		index 4個表示のリストボックス
		
	============================================================== */
	div#content ul.item_4column li {
		/*width : 100%;*/
		width : 50%;
		margin-right : 0;
		/*margin-bottom : 20px;*/
	}
	div#content ul.item_4column li:last-child {
		margin-bottom : 0;
	}
	
	/* =============================================================
	
		index 5個表示のリストボックス
		
	============================================================== */
	div#content ul.item_5column li {
		/*width : 100%;*/
		width : 50%;
		margin-right : 0;
		margin-bottom : 20px;
	}
	div#content ul.item_5column li:last-child {
		margin-bottom : 0;
	}

	/* =============================================================

		お知らせ一覧（カテゴリー）
		「index 5個表示のリストボックス」を使いつつ...
		
	============================================================== */

	div#content ul.list_nenbetu{
	}

	div#content ul.info_list li {
		width : 50%;
		margin-right : 0;
		margin-bottom : 20px;
	}


	/* =============================================================
		
			カルーセル部分
			
	============================================================== */
	div#carousels {
		display : none;	/*PC版を非表示に*/
	}
	div#carousels2 {
		display : inline;	/*スマホ版を表示*/
	}


	/* =============================================================

		AGED詳細
		
	============================================================== */
	div.img_comment{
		text-align:left;
	}

	/*******************************************************************
		次へ/前へ
	*******************************************************************/
	.beforenext{
	}
	/* =============================================================
		次へ
	 =============================================================== */
	 .nextpage{
	 }
	.next_sankaku{
		float:left;
		border-right:10px solid #d7d7d7;
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
	}
	.next_sikaku{
		float:left;
		background-color:#d7d7d7;
		padding:0 10px;
		min-height : 40px;
		height : auto;
		min-width : 100px;
		max-width : 35%;
	}
	.next_moji{
		margin:10px auto;
		line-height : 1.5;
	}
	/* =============================================================
		前へ
	 =============================================================== */
	 .before{
	 }
	.before_sankaku{
		float:right;
		border-left:10px solid #d7d7d7;
		border-top:10px solid transparent;
		border-bottom:10px solid transparent;
	}
	.before_sikaku{
		float:right;
		background-color:#d7d7d7;
		min-height : 40px;
		height : auto;
		padding : 0 10px;	
		min-width : 100px;
		max-width : 35%;
	}
	.before_moji{
		margin:10px auto;
		line-height : 1.5;
	}

/* =======================================================================
	
		リスト 3分割 ->  2分割に
	
	======================================================================== */
ul.block3 li {
	width: 50%;
}

/* =======================================================================
	
		リスト 4分割 ->  2分割に
	
	======================================================================== */
ul.block4 li {
	width: 50%;
}

/* =======================================================================
		
			リスト 5分割 ->  3分割に
		
		======================================================================== */
ul.block5 li {
	width: 33.333%;
}



	
}

/* スマートフォン縦 */
@media only screen and (max-width:480px) {

	/* =============================================================

		お知らせ一覧 180810 Indexへ移動させる

	============================================================== */
	div#info_list2 div.info_box{
		display : block;
	}
	div#info_list2 div.info_box div.ymd{
		width : 100%;
	}
	div#info_list2 div.info_box div.title{
		width : 100%;
	}



	/* =======================================================================
	
		フッター
		
	======================================================================== */
	
	/* =============================================================
	
		住所
		
	============================================================== */
	div#footer div#address{
		width : 100%;
		float : none;
		padding-left : 10px;
	}
	div#footer div#address ul.addr_list li {
		width: 100%;
		margin-bottom : 20px;
	}
	

/* =======================================================================
	
		リスト 2分割 ->  1分割に
	
	======================================================================== */
ul.block2 li {
	width: 100%;
}

/* =======================================================================
	
		リスト 3分割 ->  1分割に
	
	======================================================================== */
ul.block3 li {
	width: 100%;
}


}