@charset "utf-8";
/*
Links Co., Ltd.
This is a reset source code written by CSS3 for various browsers. 
*/
@media (min-width:1200px) {
body{
	margin:0;
	padding:0;
	background: url(../img/bg_links_anker.png); /*for coding*/
	/*background-position: center top;*//*for coding*/
	color:#333; /*default:#333*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;/* Cambria, Georgia, serif*/
	font-size:15px;
	overflow-x: auto;
}
header, footer {
	display: block;
	width: 1200px;
	margin: 0 auto;
}
.navi {
	display: block;
	float: right;
	width: 808px;
	height: 71px;
	/*background: #888;*/
}
.top_bn img.sli {
	display: block;
	width: 1200px;
	height: 468px;
	margin: 0 auto;
}

.contents {
	display: block;
	width: 1200px;
	margin: 0 auto;
	/*background: #aaa;*/
	background: #fff;
}
.left_col {
	display: block;
	float: left;
	width: 901px;
	margin: 0 0 0 0;
}

.right_col {
	display:block;
	float: right;
	width: 290px; /*283px*/
	margin: 0 0 0 0;
	/*background: #eee;*/
}
a {
	color:#000000; /*default: #35BFFF*/
	text-decoration:none;
}
a:hover, a:active{
	color:#000000; /*default: #91DCFF*/
	text-decoration: underline;
}

a img {
	border: none;
}


/* clearfix */
.clearfix {
	clear:both;
}


/* header */
header {
	height: 141px;
	/*background: #eee;*/
	background: #fff;
}
header img.logo {
	display: block;
	float: left;
	width: 275px;
	height: 133px;
}
/* nav */
nav.PC {
	line-height: 78px;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: left;
}
nav a {
	margin: 0 10px 0 10px;
}
.nav {
	display: none;
}

/*blue line*/
.blue_line {
	clear: both;
	display: block;
	width: 100%;
	height: 3px;
	background: #305BA8;
}

/* slide */
ul.js-flickity {
 display: block;
 width: 1200px;
 height: 468px;
 margin: 0 auto;
}

.slide-img {
 width: 1200px;
 height: 468px;
}

/* article */

.top_article {
	display: block;
	float: left;
	margin-left: 13px;
	margin-top: 51px;
	width: 882px;
	height: 320px;
	background: url(../img/bg_article_toppage.png) no-repeat;
	/*background: #444;*/
}
.top2_article {
	display: block;
	float: left;
	margin-left: 13px;
	margin-top: 15px;
	width: 882px;
	height: 320px;
	/*background: #eee;*/
	background: url(../img/bg_article_toppage.png) no-repeat;
}
img.toppage_pct {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 30px;
	width: 260px;
	height: 260px;
}
h2.toppage_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 450px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
}
p.toppage_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 450px;
	height: 120px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}
h3.toppage_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 2px;
	width: 450px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}



.short_article_left {
	/*clear: both;*/
	display: block;
	float: left;
	margin-left: 13px;
	margin-top: 15px;
	width: 431px;
	height: 320px;
	/*background: #eee;*/
	background: url(../img/bg_short_article_right.png) no-repeat;
}

.short_article_right {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	width: 431px;
	height: 320px;
	/*background: #eee;*/
	background: url(../img/bg_short_article_right.png) no-repeat;
}
h2.toppage_left_col_short {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 35px;
	width: 450px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
}
p.toppage_left_col_short {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 300px;
	height: 70px;
	font-size: 18px;
	line-height: 22px;
	/*background: #eee;*/
}
h3.toppage_left_col_short {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 1px;
	width: 450px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}
h3.toppage_left_col_shortF {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 1px;
	width: 300px;
	height: 80px;
	font-size: 18px;
	line-height: 24px;
	/*background: #eee;*/
}
.css-br::after {
	content: "\A";
	white-space: pre;
}

.right_common_top {
	display: block;
	float: left;
	width: 283px;
	height: 264px;
	/*background: #eee;*/
	background: url(../img/bg_links_add.png) no-repeat;
}
.right_common {
	display: block;
	float: left;
	width: 283px;
	/*height: 275px;*/
	/*background: #eee;*/
}
h2.right_common {
	display: block;
	float: left;
	margin-left: 38px;
	margin-top: 68px;
	width: 200px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	/*background: #bbb;*/
}
h3.right_common_tokyo {
	display: block;
	float: left;
	margin-left: 18px;
	margin-top: 25px;
	width: 250px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	/*background: #bbb;*/
}
h3.right_common_tel_PC {
	display: block;
	float: left;
	margin-left: 62px;
	margin-top: 13px;
	width: 210px;
	height: 38px;
	font-size: 26px;
	font-weight: bold;
	/*background: #bbb;*/
}
p.right_common {
	display: block;
	float: left;
	margin-left: 35px;
	margin-top: 15px;
	width: 220px;
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	/*background: #bbb;*/
}
h2.right_common_del {
	clear: both;
	display: block;
	float: left;
	margin: 10px 0 10px 0;
	width: 283px;
	height: 88px;
}
h2.right_common_del_SP {
	display: none;
}
a.right_jcaa_SP {
	display: none;
}
footer {
	clear: both;
	height: 100px;
	text-align: center;
	background: #305BA8;
	font-size: 18px;
	line-height: 68px;
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}

/*second page*/
.spacer {
	clear: both;
	display: block;
	width: 880px;
	height: 500px;
}

.page2nd_article_upper {
	display: block;
	float: left;
	margin-left: 13px;
	margin-top: 51px;
	width: 884px;
	height: 33px;
	background: url(../img/bg_article_toppage_upper.png) no-repeat;
	/*background: #444;*/
}

.page2nd_article {
	display: block;
	float: left;
	margin-left: 13px;
	margin-top: 0px;
	width: 884px;
	/*height: 320px;*/
	background: url(../img/bg_article_toppage_middle.png) repeat-y;
	/*background: #444;*/
}

.page2nd_article_lower {
	display: block;
	float: left;
	margin-left: 13px;
	margin-top: 0px;
	width: 884px;
	height: 44px;
	background: url(../img/bg_article_toppage_lower.png) no-repeat;
	/*background: #444;*/
}

img.page2nd_pct {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 30px;
	width: 260px;
	height: 260px;
}
h2.page2nd_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 450px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
}
p.page2nd_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 450px;
	height: 120px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}
h3.page2nd_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 2px;
	width: 450px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}

.page2nd_article_section {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 784px;
}
h2.page2nd {
	display: block;
	float: left;
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 784px;
	height: 32px;
	font-size: 28px;
	font-weight: bold;
}
a.naming {
	color:#000000; /*default: #35BFFF*/
	text-decoration:none;
}
a.naming:hover, a.naming:active{
	color:#000000; /*default: #91DCFF*/
	/*text-decoration: underline;*/
}


/* table */
table {
	margin-top: 30px;
	font-size: 18px;
	line-height: 38px;
}
th.items {
	width: 200px;
}
td.cont {
	width: 400px;
}
.deli_h {
	text-align: center;
	font-weight: bold;
}
th.deli_name {
	width: 500px;
	line-height: 32px;
	border: solid 1px;
	/*background: #aaa;*/
}
td.deli_date {
	border: solid 1px;
	/*background: #ccc;*/
}
td.deli_kinds {
	border: solid 1px;
	width: 90px;
	/*background: #333;*/
}

/* map */
.mapSP {
	display: none;
}

}/*1200px以上*/

@media (max-width:1199px) {
body{
	margin:0;
	padding:0;
	background: url(../img/bg_links_anker.png); /*for coding*/
	/*background-position: center top;*//*for coding*/
	color:#333; /*default:#333*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;/* Cambria, Georgia, serif*/
	font-size:15px;
	overflow-x: auto;
}
header, section, footer, hgroup{
	display:block;
	min-width: 750px;
}

.navi {
	display: block;
	float: right;
	width: 133px;
	height: 133px;
	/*background: #888;*/
}
/*
.top_bn img.sli {
	display: block;
	width: 750px;
	height: 292px;
	margin: 0 auto;
}
*/
.contents {
	display: block;
	width: 750px;
	margin: 0 auto;
	/*background: #aaa;*/
	background: #fff;
}
.left_col {
	display: block;
	float: left;
	width: 750px;
	margin: 0 auto;
}

.right_col {
	display:block;
	float: right;
	width: 750px; /*283px*/
	margin: 0 auto;
	#background: #fff;
}

a {
	color:#000000; /*default: #35BFFF*/
	text-decoration:none;
}
a:hover, a:active{
	color:#000000; /*default: #91DCFF*/
	text-decoration: underline;
}

a img {
	border: none;
}

/* clearfix */
.clearfix {
	clear:both;
}

/* header */
header {
	height: 141px;
	/*background: #eee;*/
	background: #fff;
}
header img.logo {
	display: block;
	float: left;
	width: 275px;
	height: 133px;
}
/* nav */
nav.PC {
	display: none;
}

/*blue line*/
.blue_line {
	clear: both;
	display: block;
	width: 100%;
	height: 3px;
	background: #305BA8;
}

/* slide */
ul.js-flickity {
 display: block;
 width: 750px;
 height: 292px;
 margin: 0 auto;
}

.slide-img {
 width: 750px;
 height: 292px;
}

/* article */

.top_article {
	display: block;
	float: left;
	margin-left: 9px;
	margin-top: 51px;
	width: 730px;
	height: 329px;
	background: url(../img/bg_article_toppage_SP.png) no-repeat;
	/*background: #444;*/
}
.top2_article {
	display: block;
	float: left;
	margin-left: 9px;
	margin-top: 15px;
	width: 730px;
	height: 329px;
	/*background: #eee;*/
	background: url(../img/bg_article_toppage_SP.png) no-repeat;
}
img.toppage_pct {
	display: block;
	float: left;
	margin-left: 51px;
	margin-top: 36px;
	width: 260px;
	height: 260px;
}
h2.toppage_left_col_long {
	display: block;
	float: left;
	margin-left: 35px;
	margin-top: 31px;
	width: 350px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	/*background: #eee;*/
}
p.toppage_left_col_long {
	display: block;
	float: left;
	margin-left: 35px;
	margin-top: 25px;
	margin-bottom: 20px;
	width: 350px;
	height: 120px;
	font-size: 18px;
	line-height: 31px;
	/*background: #eee;*/
}
h3.toppage_left_col_long {
	display: block;
	float: left;
	margin-left: 35px;
	margin-top: 2px;
	width: 350px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}



.short_article_left {
	display: block;
	float: left;
	margin-left: 9px;
	margin-top: 15px;
	width: 730px;
	height: 329px;
	/*background: #eee;*/
	background: url(../img/bg_article_toppage_SP.png) no-repeat;
}

.short_article_right {
	display: block;
	float: left;
	margin-left: 9px;
	margin-top: 15px;
	width: 730px;
	height: 329px;
	/*background: #eee;*/
	background: url(../img/bg_article_toppage_SP.png) no-repeat;
}
h2.toppage_left_col_short {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 35px;
	width: 450px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
}
p.toppage_left_col_short {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 610px;
	height: 70px;
	font-size: 18px;
	line-height: 22px;
	/*background: #eee;*/
}
h3.toppage_left_col_short {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 1px;
	width: 610px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}
h3.toppage_left_col_shortF {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 1px;
	width: 620px;
	height: 80px;
	font-size: 18px;
	line-height: 24px;
	/*background: #eee;*/
}


.right_common_top {
	display: block;
	float: left;
	width: 730px;
	height: 264px;
	margin-left: 11px;
	/*background: #eee;*/
	background: url(../img/bg_links_add_SP.png) no-repeat;
}
.right_common {
	display: block;
	float: left;
	width: 730px;
	/*height: 275px;*/
	/*background: #eee;*/
}
h2.right_common {
	display: block;
	float: left;
	margin-left: 38px;
	margin-top: 68px;
	width: 730px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	/*background: #bbb;*/
}
h3.right_common_tokyo {
	display: block;
	float: left;
	margin-left: 18px;
	margin-top: 23px;
	width: 600px;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	/*background: #bbb;*/
}
h3.right_common_tel_PC {
	display: block;
	float: left;
	margin-left: 192px;
	margin-top: 8px;
	width: 500px;
	height: 70px;
	font-size: 48px;
	font-weight: bold;
	/*background: #bbb;*/
}
p.right_common {
	display: block;
	float: left;
	margin-left: 92px;
	margin-top: 8px;
	width: 600px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	/*background: #bbb;*/
}
h2.right_common_del {
	display: none;
}
h2.right_common_del_SP {
	clear: both;
	display: block;
	float: left;
	margin: 10px 0 10px 10px;
	width: 283px;
	height: 212px;
}
a.right_jcaa {
	display: none;
}
a.right_jcaa_SP {
	clear: both;
	display: block;
	float: left;
	margin: 10px 0 10px 11px;
	width: 283px;
	height: 222px;
}
footer {
	clear: both;
	height: 100px;
	text-align: center;
	background: #305BA8;
	font-size: 28px;
	line-height: 68px;
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}




/* ここから下がハンバーガーメニューに関するCSS */
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
	display: flex;
	float: right;
	height: 133px;
	width: 133px;
	justify-content: right;
	align-items: center;
	position: relative;
	z-index: 100;/* 重なり順を一番上にする */
	cursor: pointer;
	/*background: #eee;*/
}


/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
	content: '';
	display: block;
	height: 3px;
	width: 50px; /*default 25px*/
	border-radius: 3px;
	background: #333;
	transition: 0.5s;
	position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
	bottom: 18px; /*default 8px*/
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
	top: 18px; /*default 8px*/
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
	background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
	bottom: 0;
	transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
	top: 0;
	transform: rotate(-45deg);
}

/* メニューのデザイン*/
.nav_content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 100%; /* メニューを画面の外に飛ばす */
	z-index: 99;
	background: #fff;
	transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
	list-style: none;
}

.nav_list {
	margin-top: 200px;
	margin-left: 150px;
}
/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
	left: 0;/* メニューを画面に入れる */
}

li.nav_item {
	font-size: 28px;
	line-height: 88px;
}



/*second page*/
.spacer {
	clear: both;
	display: block;
	width: 720px;
	height: 50px;
}

.page2nd_article_upper {
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 51px;
	width: 730px;
	height: 42px;
	background: url(../img/bg_article_toppage_upper_SP.png) no-repeat;
	/*background: #444;*/
}

.page2nd_article {
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 0px;
	width: 730px;
	/*height: 320px;*/
	background: url(../img/bg_article_toppage_middle_SP.png) repeat-y;
	/*background: #444;*/
}

.page2nd_article_lower {
	display: block;
	float: left;
	margin-left: 8px;
	margin-top: 0px;
	width: 730px;
	height: 42px;
	background: url(../img/bg_article_toppage_lower_SP.png) no-repeat;
	/*background: #444;*/
}

img.page2nd_pct {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 30px;
	width: 260px;
	height: 260px;
}
h2.page2nd_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 25px;
	width: 320px;
	height: 36px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 2px;
	/*background: #333;*/
}
p.page2nd_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 20px;
	margin-bottom: 55px;
	width: 320px;
	height: 120px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}
h3.page2nd_left_col_long {
	display: block;
	float: left;
	margin-left: 60px;
	margin-top: 2px;
	width: 320px;
	height: 36px;
	font-size: 18px;
	line-height: 32px;
	/*background: #eee;*/
}

.page2nd_article_section {
	display: block;
	float: left;
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 630px;
	/*background: #eee;*/
}
.page2nd_article_section p.ptext {
	font-size: 18px;
	line-height: 28px;
}
h2.page2nd {
	display: block;
	float: left;
	margin-left: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 630px;
	height: 32px;
	font-size: 28px;
	font-weight: bold;
}
a.naming {
	color:#000000; /*default: #35BFFF*/
	text-decoration:none;
}
a.naming:hover, a.naming:active{
	color:#000000; /*default: #91DCFF*/
	/*text-decoration: underline;*/
}

/* table */
table {
	margin-top: 30px;
	font-size: 18px;
	line-height: 38px;
}
th.items {
	width: 200px;
}
td.cont {
	width: 400px;
}

.deli_h {
	text-align: center;
	font-weight: bold;
}
th.deli_name {
	width: 380px;
	line-height: 32px;
	border: solid 1px;
	/*background: #aaa;*/
}
td.deli_date {
	border: solid 1px;
	/*background: #ccc;*/
}
td.deli_kinds {
	border: solid 1px;
	width: 90px;
	/*background: #333;*/
}

/* map */
.mapPC {
	display: none;
}

}/*750px以上1199px*/