@charset "utf-8";



/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;padding: 0px;
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 2;
	-webkit-text-size-adjust: none;
	background: #fff;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #06f;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}
a:hover {
	color: #65c5f2;
}

/*コンテナー（ホームページ全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {overflow-x: hidden;}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
header {
	max-width: 1200px;	/*最大幅。#menubar、.contents、#pagetopと数字を合わせる*/
	position: relative;
	z-index: 1;
	margin: 0 auto;
	height: 120px;
}
.inner {
	margin: 0 auto;
	padding: 0 2%;
}

/*ロゴ画像*/
header #logo {
	width: 300px;
	float: left;
	margin-top: 20px;
}

/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体*/
#contact {
	float: right;
	margin-top: 22px;
	width: 250px;
	border-radius: 6px;
	padding: 5px 15px;
	border: 1px solid #dcdcdc;
}
/*TEL*/
.tel {
	line-height: 1.4;
}
.tel img {
	float: left;
	padding-top: 7px;
	padding-right: 15px;
}
.tel span {
	font-size: 11px;
	display: block;
}
.tel span.tel-link {
	font-size: 23px;
	font-weight: bold;
}
p span.tel-link, p a.tel-link {
	font-size: 17px;
	font-weight: bold;
	color: #ec008c;
}
.contents p.camlink{
	color: #f00;
	font-size: 18px;
	line-height: 1.5;
	padding-left: 10px;
	padding-right: 10px;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	clear: both;
	max-width: 1200px;	/*最大幅。#header、.contents、#pagetopと数字を合わせる*/
	position: relative;
	z-index: 2;
	margin: 0 auto;
	background: #fff;
	background: rgba(255,255,255,0.9);
	height: 40px;		/*ここを変更する場合、fixmenu.cssの「body.is-fixed .header」も変更する。*/
	padding: 15px 0;	/*ここの10pxの数字を変更する場合、fixmenu.cssの「body.is-fixed .header」も変更する。*/
}
/*トップページのメニューブロックの設定*/
#top #menubar {
	border-radius: 10px;
	-webkit-box-shadow: 2px 5px 8px rgba(0,0,0,0.2);
	box-shadow: 2px 5px 8px rgba(0,0,0,0.2);
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;
	width: 10.5%;	/*メニュー幅（※9個の場合）*/
	font-size: 95%;
	padding: 0 2px;
}
#menubar li a {
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 18px;
	border-right: 1px dashed #ccc;
	color: #666;
}
#menubar li a span {
	color: #65c5f2;
	font-size: 85%;
}
/*１個目メニューの設定*/
#menubar li:first-child {
	margin-left: 1.4%;
}
#menubar li:first-child a {
	border-left: 1px dashed #ccc;
}
/*マウスオン時と、現在表示中(current)設定*/
#menubar li a:hover,
#menubar li.current a {
	color: #fff;
	background: #65c5f2;
}
/*小さい端末用(画面幅800px以下)メニューを表示させない*/
#menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}

/*本文TOPメニュー*/
#tmenu {
	font-size: 90%;
	margin: 0px 15px 15px;
}
#tmenu li {
	background: url(../images/arrow2.png) no-repeat left 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
}

/*accessページTOPメニュー*/
#atmenu {
	font-size: 90%;
	text-align: center;
}
#atmenu li {
	background: url(../images/arrow2.png) no-repeat left 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
}


/*コンテンツ
---------------------------------------------------------------------------*/
.contents {
	clear: both;
	max-width: 1200px;	/*最大幅。#header、#menubar、#pagetopと数字を合わせる*/
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
}

/*h2タグ*/
.contents h2 {
	clear: both;
	margin-bottom: 15px;
	padding: 5px 20px;
	background: #65c5f2;
	color: #fff;
	font-size: 135%;
	border-radius: 10px;
	text-align: center;
}
/*h3タグ*/
.contents h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 3px 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #f60;
	font-size: 120%;
	font-weight: normal;
	position: relative;
	margin-top: 15px;
}
/*h3タグ左肩のチェックマーク*/
.contents h3:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\002713 Check';
  background: #8a65f2;
/*    background: #65c5f2;*/
  color: #fff;
  left: 6px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

/*h3タグのタイプ違い*/
.contents h3.type2 {
	border: none;
	background: #333;
	color: #fff;
	font-size: 125%;
	padding: 1px 20px;
	position: unset;
}
.contents h3.type2:before {
	content: '●';
	color: #fff;
	font-size: 130%;
	margin-right: 8px;
}

/*h3タグ チェック付きの文字色違い*/
.contents h3.type3 {
	clear: both;
	margin-bottom: 15px;
	padding: 3px 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #ED028A;
	font-size: 120%;
	font-weight: normal;
	position: relative;
	margin-top: 15px;
}
/*h3タグ左肩のチェックマーク*/
.contents h3.type3:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\002713 Check';
  background: #65c5f2;
  color: #fff;
  left: 6px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

/*h5タグ*/
.contents h5 {
	clear: both;
	margin-bottom: 15px;
	padding: 2px 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #f60;
	font-size: 105%;
	font-weight: normal;
	position: relative;
	margin-top: 15px;
}
.contents h5.type2 {
	padding-left: 3.2em;
	border: none;
	color: #027529;
	font-size: 115%;
	margin-bottom: 5px;
}
.contents h5.type2:after {
	font-family: "Font Awesome 5 Free";
 	content: "\f041";
 	display: inline-block;
 	position: absolute;
 	padding: 0em;
 	color: white;
 	background: #fd934d;
 	font-weight: 900;
 	width: 35px;
 	text-align: center;
 	height: 32px;
 	line-height: 34px;
 	left: 0.65em;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	transform: translateY(-50%);
 	border-radius: 50%;
 	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
 	border-bottom: solid 2px #9a9b9b;
}

/*見出しのタイプ違い設定（トップページの挨拶で使っている大きな見出し）*/
.type1 {
	background: none !important;
	border-radius: 0 !important;
	color: #ff7316 !important;
	line-height: 1.3 !important;
	font-weight: normal !important;
	font-size: 30px !important;
	text-align: center !important;
	border: none !important;
	/*border-bottom: 1px dashed #65c5f2 !important;*/
	margin-bottom: 20px !important;
	text-shadow: 7px 7px #eee !important;
}
/*段落タグ*/
.contents p {
	padding: 0px 20px 15px;
}
.contents h2 + p,
.contents h3 + p {
	margin-top: -5px;
}
.contents p + h3 {
	margin-top: 10px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツブロック*/
.main {
	float: right;
	width: 75%;
}

#box {
	padding: 35px 0px;
}
/*各ボックスの設定*/
.list {
	position: relative;
	overflow: hidden;
	float: left;
	width: 29%;
	padding: 1%;
	border: 1px solid #dcdcdc;
	margin: 0 1% 20px;
	box-shadow: 0px 10px 40px rgba(0,0,0,0.2);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.list a {
	text-decoration: none;
	display: block;
	padding: 1%;
	margin: -1%;
	color: #39f;
}
.list a.inline {
	display: inline;
}
/*マウスオン時の背景色*/
.list:hover {
	box-shadow: none !important;
}
.list a:hover {
	opacity: 0.7;
}
/*ボックス内右側のテキストパーツ*/
.list .text {
	font-size: 13px;
	line-height: 1.5;
	height: 7.5em;
}
/*ボックス内のh4タグ設定*/
.list h4 {
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	color: #39f;
}
/*ボックス内のp(段落)タグ設定*/
.list p {
	padding: 0px !important;
}
/*ボックス内の画像*/
.list .img {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	border: solid #ccc 1px;
}

/*mainブロック内のボックス設定*/
.main .list {
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}


.list2 {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: auto;
	vertical-align: top;
	width: 28%;
	padding: 1%;
	border: 1px solid #dcdcdc;
	margin: 0 1% 20px;
	box-shadow: 0px 10px 40px rgba(0,0,0,0.2);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
}
.list2 img {
	height: auto;
}

/*キャンペーン*/
.campaign {
	border: dotted 5px #85c985;
	border-radius: 15px;
	padding: 15px 10px;
	margin: 10px 5px 25px;
	background: #fdfff9;
	background: -moz-linear-gradient(top, #fdfff9 0%, #f8fcef 100%); 
	background: -webkit-linear-gradient(top, #fdfff9 0%,#f8fcef 100%);
	background: linear-gradient(to bottom, #fdfff9 0%,#f8fcef 100%);
}
.campaign h5 {
	color: #c71585;
	border: none;
	font-size: 140%;
	line-height: 1.5;
	margin-top: 0px;
	padding-top: 0px;
}
.campaign h5:after {
	content: "";
	display: block;
	height: 4px;
	background: -moz-linear-gradient(to right, rgb(199, 21, 133), transparent);
	background: -webkit-linear-gradient(to right, rgb(199, 21, 133), transparent);
	background: linear-gradient(to right, rgb(199, 21, 133), transparent);
}
.campaign span {
	padding-left: 20px;
	color: #800000;
}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	max-width: 1200px;	/*最大幅。#header、#menubar、.contentsと数字を合わせる*/
	margin: 0 auto;
}
#pagetop a {
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	color: #FFF;
	font-size: 20px;
	padding: 0px 30px;
	background: #65c5f2;
	border-radius: 4px 4px 0px 0px;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #999;
	color: #FFF;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #32bbfb;
	color: #fff;
	text-align: center;
	line-height: 1.7;
	padding-bottom: 5px;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
}
footer .pr {
	display: block;
	font-size: 80%;
	margin-top: 10px;
}
footer #ainfo {
	background: #fff;
	opacity: 0.8;
	color: #333;
	font-size: 70%;
	padding: 10px;
}
footer #ainfo a {
	color: #333;
}
/*コピーライト*/
#cpr {
	text-align: center;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*メニューボックス全体*/
#footermenu {
	font-size: 90%;
	padding: 15px 10px;
	background: #39f;
}
#footermenu a:hover {
	color: #fc3;
}

/*スマホ用管理会社フッター固定バナー*/
#fbanner {
	display: none;
}

/*テーブル ta1(outline)
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 96%;
	margin: 0 2% 15px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;		/*左よせ*/
	background: #E1F3FC;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;	/*幅*/
	text-align: left;	/*センタリング*/
	background: #eee;	/*背景色*/
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}

/*テーブル ta2
---------------------------------------------------------------------------*/
/*ta2設定*/
.ta2 {
	width: 96%;
	margin: 0 2% 15px;
	border-top: 1px solid #ccc;
}
.ta2 tr:nth-child(odd) {
	background: #f7f6f3;
}
.ta2 td,
.ta2 th {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.ta2 th {
	width: 130px;
	text-align: left;
	vertical-align: top;
	word-break: keep-all;
	color: #f60;
	font-size: 18px;
	font-weight: normal;
}
/*間取り*/
.ta2 .madori {
	padding: 20px 0;
}

/* 主要駅までの所要時間 */
.ta2_type2 td, .ta2_type2 th {
	padding: 5px 10px;
}
.ta2_type2 th {
	font-size: 16px;
}

/*テーブル ta3(price)
---------------------------------------------------------------------------*/
/*ta3設定*/
.ta3 {
	width: 96%;
	margin: 0 2% 15px;
	white-space: nowrap;
}
.ta3, .ta3 td, .ta3 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
	/*word-break: break-all;*/
}
.ta3 td {
	/*word-break: keep-all;*/
	text-align: right;
}
/*テーブル１行目に入った見出し部分*/
.ta3 th.tamidashi {
	width: auto;
	text-align: left;		/*左よせ*/
	background: #E1F3FC;
}
/*ta3の左側ボックス*/
.ta3 th {
	width: 140px;
	text-align: left;
	background: #eee;
}
.ta3 th:nth-child(n) {
	background: #D6F9CC;
	text-align: center;
}
.ta3 td:nth-child(1) {
	font-weight: bold;
	text-align: left;
}
.ta3 td:nth-child(2) {
	text-align: left;
}

.ta3 tr:nth-child(odd) {
	background: #eee;
}

/*左側ボックスに画像を入れた場合の設定*/
.ta3 th img {
	width: 100%;
}


/*テーブル ta4(price)
---------------------------------------------------------------------------*/
/*ta4設定*/
.ta4 {
	width: 96%;
	margin: 0 2% 15px;
	white-space: nowrap;
}
.ta4, .ta4 td, .ta4 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
	/*word-break: break-all;*/
}
.ta4 td {
	text-align: right;
}
/*テーブル１行目に入った見出し部分*/
.ta4 th.tamidashi {
	width: auto;
	text-align: left;		/*左よせ*/
	background: #E1F3FC;
}
/*ta4の左側ボックス*/
.ta4 th {
	width: 140px;	/*幅*/
	text-align: left;	/*センタリング*/
	background: #eee;	/*背景色*/
}
.ta4 th:nth-child(n) {
	background: #E1F3FC;
	text-align: center;
}
.ta4 td:nth-child(1) {
	font-weight: bold;
	text-align: left;
}

.ta4 tr:nth-child(4) {
	color: red;
}


/*テーブルスクロール*/
.scroll{
	overflow-x: scroll;
}

/*ミニテーブル（２列）*/
.mini {
	width: 300px;
	margin-left: 36px;
	margin-bottom: 15px;
}
.mini,.mini th,.mini td {
	border: 1px solid #ccc;
	padding: 5px 20px 3px;
	word-break: break-all;
}
.mini th {
	text-align: left;
}
.mini td {
	text-align: right;
}

/*ミニテーブル2（２列）*/
.ta_mini2 {
	width: 500px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 95%;
}
.ta_mini2,.ta_mini2 th,.ta_mini2 td {
	border: 1px solid #e8a21c;
	padding: 3px 4px 0px 10px;
	word-break: break-all;
}
.ta_mini2 th {
	text-align: left;
	font-weight: normal;
}
.ta_mini2 td {
	text-align: right;
	min-width: 36px;
}
.ta_mini2 tr:nth-child(odd) {
	background: #fff7df;
}

/*ミニテーブル3（２列）*/
.ta_mini3 {
	width: 500px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 95%;
}
.ta_mini3,.ta_mini3 th,.ta_mini3 td {
	border: 1px solid #aaa;
	padding: 3px 20px 0px;
	word-break: break-all;
}
.ta_mini3 th {
	text-align: left;
	font-weight: normal;
	background: #fefcdb;
}
.ta_mini3 td {
	text-align: center;
	min-width: 36px;
}


/*MENUページのページ内メニュー
---------------------------------------------------------------------------*/
ul.navmenu {
	padding-top: 10px;
	text-align: center;
}
ul.navmenu li {
	display: inline;
}
ul.navmenu li a {
	background: url(../images/arrow1.png) no-repeat left center;	/*矢印マークの設定*/
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
}
ul.navmenu li a:hover {
	background: url(../images/arrow1.png) no-repeat 2px center;	/*マウスオン時に矢印マークを2pxだけ移動させて表示する設定*/
}

ul.bikou {
	padding-left: 20px;
	padding-bottom: 10px;
	/*font-weight: bold;*/
}

/*roomページのリスト1
---------------------------------------------------------------------------*/
ul.original {
	padding: 0em 20px 1em;
}
ul.original li {
	padding-left: 20px;
	background: url(../images/arrow2.png) no-repeat left 5px;
}

/*roomページのリスト2
---------------------------------------------------------------------------*/
ul.original2 {
	padding: 0em 20px 1em;
}
ul.original2 li {
	padding-left: 20px;
	background: url(../images/arrow3.png) no-repeat left 5px;
}

/*aroundページ
-----------------------------------------------------------------------------*/
div.wrap_facility {

}
div.facility {
	display: inline-block;
	vertical-align: top;
}
div.photo {
	display: inline-block;
	margin-top: 1.5em;
	margin-left: 0.5em;
}
div.photo img {
	padding: 5px;
}


/*お問い合わせフォーム
---------------------------------------------------------------------------*/
#form {
	width: 100%;
	margin: 15px 0px;
	table-layout: fixed;
}
#form, #form td, #form th {
	border: 1px solid #ccc;
	padding: 5px 10px;
	word-break: break-all;
}
#form th {
	width: 20%;
	background: #f7f7f7;
	text-align: left;
}
#form span.must {
	color: #f00;
	font-size: 13px;
	float: right;
}
#form .text1 {
	/*width: 99%;*/
	width: 50%;
}
#form .text2 {
	width: 99%;
}
#form .text3 {
	width: 50%;
}
#btn1 input {
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    background: #ff9916;
    color: #fff !important;
    border-radius: 5px;
    padding: 8px 30px;
    text-align: center;
    font-size: 16px;
}
#btn1 input:hover {
	opacity: 0.8;
}

/*リンクページ
---------------------------------------------------------------------------*/
ul#link {
	margin: 5px 20px 20px;
}
#link li {
	background: url(../images/arrow4.png) no-repeat left 7px;
	padding-left: 20px;
	padding-bottom: 5px;
}
#link li a {
	color: #ec008c;
	font-size: 105%;
}
#link li a:hover {
	color: #65c5f2;
}
#link li span::before {
	content: "・・・";
	color: #65c5f2;
	padding-right: 5px;
}

.awsome1 {
/*	font-size: 1.2em;*/
	color: #f3048a;
	padding-right: 5px;
}

/*その他
---------------------------------------------------------------------------*/
.look {color:#fff;background: #666;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px !important;}
.p3p {padding: 3%;}
.pl3 {padding: 0 3%;}
.pt70 {padding-top: 70px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color: #65c5f2 !important;}
.color2 {color: #1C00EF;}
.color_blue {color: #06F;}
.color_pink {color: #ec008c;}
.color_green {color: #6c6;}
.color_purple {color: #96F;}
.color_red {color: #f00;}
.wl {width: 96%;}
.ws {width: 50%;}
.w30p {width: 30% !important;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.fr {float: right;margin-left: 1%;margin-bottom: 15px;width: 45%;}
.fl {float: left;margin-right: 1%;margin-bottom: 15px;width: 45%;}
.big1 {font-size: 30px;letter-spacing: 0.2em;}
.pr {font-size: 10px;}
.mini1 {font-size: 11px;}
.mini2 {font-size: 15px;}
.f90 {font-size: 90%;}
.f96 {font-size: 96%;}
.tb {display: none;}
.sp {display: none;}
.sh {display: none;}
.dn {display: none;}
.mt-top {margin-top: -130px !important;}
.fs1 {font-size: 18px;}
.menu-top {text-align: right;}
.b {font-weight: bold;}
.space1 {height: 300px}
.lh16 {line-height: 1.6}

p.pb0 {
	padding-bottom: 0px;
}

/*ページ内ジャンプの位置調整*/
a.anchor{
    display: block;
    padding-top: 142px;
    margin-top: -142px;
}
a.anchor2{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}
a#anchor3 {
    display: block;
    padding-top: 400px;
    margin-top: -400px;
}



/*画面幅1200px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){

/*全体の幅を一括設定
---------------------------------------------------------------------------*/
header,#menubar,.contents,#pagetop {
	margin: 0 3%;
}

}





/*画面幅1040px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1040px){

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
	width: 45%;
}

.list2 {
	width: 45%;
}

}





/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){


/*inner共通
---------------------------------------------------------------------------*/
.inner {
	width: auto;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	border-bottom: 1px solid #dcdcdc;
}

/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体を非表示にする*/
#contact {
	display: none;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar-s {
	display: block;	/*小さい端末用(画面幅800px以下)メニューを非表示から表示に切り替える*/
	position: relative;
	z-index: 3;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	width: 48%;
	margin: 0 1% 10px 1%;
	line-height: 1.4;
}
#menubar-s li a {
	text-decoration: none;
	display: block;
	text-align: center;
	border: 1px solid #666;
	border-radius: 10px;
	padding: 6px 0;
	color: #666;
}
#menubar-s li a:hover {
	color: #65c5f2;
}
#menubar-s li a span {
	color: #65c5f2;
	font-size: 85%;
}
#menubar-s li a:hover span {
	color: #999;
}
/*大きな端末用(画面幅801px以上)メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	z-index: 4;
	position: absolute;
	top: 25px;
	right: 3%;
	width: 30px;
	border: 1px solid #000;
	padding: 12px 10px 5px;
}
/*#top #menubar_hdr {
	border: 1px solid #65c5f2;
}*/
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block;
	border-top: 3px solid #000;
	margin-bottom: 7px;
}
/*#top #menubar_hdr span {
	border-top: 3px solid #65c5f2;
}*/

/*コンテンツ
---------------------------------------------------------------------------*/
/*見出しのタイプ違い設定（トップページの挨拶で使っている大きな見出し）*/
.type1 {
	font-size: 27px !important;
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
.main, .sub {
	float: none;
	width: auto;
}

/*テーブル ta2
---------------------------------------------------------------------------*/
/*ta2設定*/
.ta2 {
	font-size: 14px;
}
/*一番左の列の設定。メニュータイトルが入っている所。*/
.ta2 th {
	width: 20%;	/*幅*/
}
/*写真用*/
.ta2 img.menu-img {
	width: 100px;
}


/*テーブル ta3
---------------------------------------------------------------------------*/
/*ta3設定*/
.ta3 {
	font-size: 14px;
}
/*一番左の列の設定。メニュータイトルが入っている所。*/
.ta3 th {
	width: 140px;	/*幅*/
}
/*写真用*/
.ta3 img.menu-img {
	width: 100px;
}

/*ページ内ジャンプの位置調整*/
a.anchor {
    padding-top: 0px;
    margin-top: -0px;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n .sub {display: none;}
.pt70 {padding-top: 0px;}
.space1 {height: 0px}

}
.pc {
	display: none;
}
.tb {
	display: block;
}


/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px){

/*TOPページ
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
	float: none;
	width: auto;
	margin: 0 0 20px;
}
/*ボックス内の画像*/
.list .img {
	width: 20%;
	height: auto;
}

.list2 {
	/* float: none; */
	width: 98%;
	height: auto;
	margin: 0 0 20px;
}
/*ボックス内の画像*/
.list2 .img {
	width: 20%;
	height: auto;
}
/*aroundページ
-----------------------------------------------------------------------------*/
div.photo {
	text-align: center;
	margin-bottom: 1em;
}




}




/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
header {
	text-align: left;
	height: 95px;
}
/*ロゴ画像*/
#logo img {
	width: 220px;
}

/*キャンペーン*/
.campaign {
	padding: 15px 0px;
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 90px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

/*テーブル ta3
---------------------------------------------------------------------------*/
/*写真用*/
.ta3 img.menu-img {
	float: none;
	display: block;
}

/*お問い合わせフォーム*/
#form .text3 {
	width: 75%;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 95%;}
.fr,.fl {float: none;margin: 0;margin-bottom: 10px;width: 100%;} {display: block;}
.tb {display: none;}
.sp {display: block;}

}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 14px;
	line-height: 1.7;
}

.contents p.camlink {
	font-size: 16px;
}

/*トップページ以外のメイン画像。
#subimgのcss設定はここのみです。あまりに画像が細長くなるので、一旦幅を200%にして中央のみ切り抜いています。
細長いまま全体を出したいならここのブロック全部削除して下さい。
---------------------------------------------------------------------------*/
#subimg {
	width: 200%;
	position: relative;
	left: -50%;
}

/*本文TOPメニュー*/
#tmenu {
	margin-right: 0;
}
#tmenu li {
	background: url(../images/arrow2.png) no-repeat left top;
}

/*コンテンツ
---------------------------------------------------------------------------*/
.contents {
	padding: 10px 0;
}
/*見出しのタイプ違い設定（トップページの挨拶で使っている大きな見出し）*/
.type1 {
	font-size: 20px !important;
	padding: 5px !important;
}

/*TOPページ
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
	margin: 0;
	box-shadow: none !important;
	border: none;
	border-bottom: 1px solid #dcdcdc;	/*下線の幅、線種、色*/
}
/*１つ目のメニュー*/
.list:first-of-type {
	border-top: 1px solid #dcdcdc;
}
/*リンクを貼った際に出る「→」マーク*/
.list a::before {
	right: 0px;	/*ボックスの右から0pxの場所に配置*/
	width: 20px;	/*幅*/
	line-height: 20px;	/*高さ*/
}
/*ボックス内のp(段落)タグ設定*/
.list a p {
	padding-right: 40px !important;
}

.list2 {
	box-shadow: none;
}

.mini {
	margin-left: 20px;
	padding: 5px 10px 3px;
	width: 98%;
	max-width: 280px;
}



/*accessページTOPメニュー*/
#atmenu {
	padding-left: 6%;
	text-align: left;
}
#atmenu li {
	background: url(../images/arrow2.png) no-repeat left 0px;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	font-size: 90%;
}
footer #ainfo {
	font-size: 88%;
	line-height: 1.5;
	padding: 8px 5px;
}
footer .pr {
	font-size: 95%;
	line-height: 1.3;
}
footer .pr span {
	display: block;
}

/*スマホ用管理会社フッター固定バナー*/
#fbanner {
	display: block;
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	height: 60px;
	z-index: 10;
}
#fbanner ul {
	text-align: center;
}
#fbanner li {
	display:inline-block;
	padding: 6px 4px;
}

/*テーブル ta2
---------------------------------------------------------------------------*/
.ta2 td,
.ta2 th {
	padding: 3px;
	font-size: 95%;
}


/*テーブル ta3
---------------------------------------------------------------------------*/
.ta3 td,
.ta3 th {
	padding: 6px 3px;
}
.ta3 th {
	width: 100px;
}

/*テーブル ta4
---------------------------------------------------------------------------*/
.ta4 td,
.ta4 th {
	padding: 8px 3px;
}
.ta4 th {
	width: 100px;
}

.ta_mini2, .ta_mini3 {
	width: 95%;
}

/*MENUページのページ内メニュー
---------------------------------------------------------------------------*/
ul.navmenu {
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: left;
}
ul.navmenu li {
	display: block;
	padding: 10px;
}

/*お問い合わせフォーム*/
#form .text1 {
	width: 99%;
}

/*リンクページ
---------------------------------------------------------------------------*/
#link li {
	background: url(../images/arrow4.png) no-repeat left 2px;
}

/*その他
---------------------------------------------------------------------------*/
.fs1 {font-size: 14px;}

}





/*画面幅340px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:340px){


/*スマホ用管理会社フッター固定バナー*/
#fbanner {
	height: 54px;
}
#fbanner li {
	width: 43%;
}

/*お問い合わせフォーム*/
#form .text1,#form .text3 {
	width: 99%;
}


}