@charset "UTF-8";

html {
	overflow-y: scroll;
	font-size: 20px;
	line-height: 24px;
}

*:focus, a {
	outline: none !important;
}

@media screen and (max-width:1279px), print {
	html {
		font-size: 16px;
		line-height: 18px;
	}
}

body,input,select,option,textarea {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #4d4d4d;
	line-height: 1.4rem;
}

html, body
{
	margin: 0;
	padding: 0;
}

.font-mincho {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* CSS STYLE */

body {
	width: 100%;
	background: #ffffff ;
}
/* 以下を追加 */
ul {
    list-style: none;
    padding: 0;
}

ul {
    list-style: none;
    padding: 0;
}

/*!* PC start *!*/

#app {
	width: 100%;
	max-width:1920px;
	min-width: 1024px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/*header*/

header {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	white-space: nowrap;
	background-color: #fff;
}

header .header-logo {
	margin:0 0 0 36px;
	padding-top: 39px;
	width: 385px;
	/* height: 127px; */
}

header .header-logo img {
	width: 100%;
	height: 100%;
}

header .header-right{
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	/* width: 504px; */
	overflow: hidden;
}

header .header-right ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* height: 130px; */
}

header .header-right li {
	display: table-cell;
	vertical-align: middle;
}


header .header-right li a {
	display: block;
	width: 147px;
	/* height: 130px; */
}

header .header-right .logo a {
	margin-right: 20px;
	width: 36px;
    color: #BAE2F8;
}

header .header-right .logo i::after {
	background-color:white;
}

header .header-right .logo-contact a {
	margin-right: 6px;
}

header .header-right li a img {
	width: 100%;
	height: 100%;
}


header .main-nav {
	bottom: 0;
	width:1280px;
	margin: 42px auto 0;
	padding: 0;
	height: 33px;
	position: relative;
	
}

header .main-nav > ul {
	height: 100%;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

header .main-nav > ul  > li {
	height: 100%;
	padding: 0 0 0 73px;
	float: left;
	font-size: 1rem;
}


header .main-nav > ul  > li > a {
	color: #888888;
	text-decoration: none;
	display: inline-block;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

header .main-nav > ul > li > a:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

header .main-nav > ul > li:first-child {
	padding: 0;
}

header .main-nav ul.sub-menu {
	position: absolute;
	top: 33px;
	display: block;
	width: 220px;
	z-index: 100;
	list-style: none;
	padding: 0;
}

header .main-nav ul.sub-menu > li {
	font-size: 1rem;
	line-height: 36px;
	display: block;
	height: 35px;
	border-bottom: solid 1px #6B99CF;
	margin-right: -1em;
}

header .main-nav ul.sub-menu > li:last-child {
	border: none;
}

header .main-nav ul.sub-menu > li a {
	display: block;
	padding-left: 1em;
	width: calc(100% - 1em);
	height: 100%;
	text-decoration: none;
	color: #4097D3;
	background-color: rgba(255, 255, 255, .8);
	transition: all .3s;
}

header .main-nav ul.sub-menu > li a:hover {
	background-color: #4097D3;
	color: #fff;
}



/* detail */
.border-top{
	border:solid 10px #BAE2F8;
}


#detail .co01 {
	width: 100%;
	max-width: 1280px;
	min-width: 1024px;
	margin: 0 auto;
	padding-bottom:50px;
}

#detail .co01 a {
	color: #4097D3; 
	text-decoration: none;
}


#detail h2 {
	font-size:1.8rem;
	border-bottom:2px solid #4097D3; 
	margin-block-start:0;
	margin-block-end: 0;
	padding-top: 36px;
	padding-bottom: 12px;
}

#detail .box01 {
	padding:50px 40px;
}

#detail .box01 span {
	font-size:20px;
	line-height: 35px;
}
#detail .box01 a {
    color: #4097D3; 
}

#detail .box02 a {
	color: #4097D3; 
}

#detail .box02 {
	text-align:left;
	padding:20px 40px
}
#detail .box02 h3 {
	text-align:left;
	font-size:18px;
	padding-bottom:10px
}

#detail .box03 {
	width:920px;
	background:#f8f8ce;
	text-align:left;
	padding:40px;
	margin:0 auto 30px;
	border:5px solid #e6f1ab;
}

#detail .left_img {
	float:left;
	margin-right:30px
}

#detail .right_img {
	float:right;
	margin-left:30px
}

#detail .img_h_400{
	min-height:400px
}

#detail .clear{
	clear:both;
}

/* detail nursery */
.nursery .price_list01 {
	margin-bottom: 20px;
	clear:both;
}

.nursery .price_list01 p {
	margin:10px 0;
}

.nursery .price_list01 table {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
.nursery .price_list01 th, 
.nursery .price_list01 td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 10px;
	font-weight:normal;
	line-height:18px;
}
.nursery .price_list01 th { background-color: #ff9ece;}

.nursery .price_list01 td:nth-of-type(1) { width:25%;}
.nursery .price_list01 td:nth-of-type(2) { width:15%;}
.nursery .price_list01 td:nth-of-type(3) { width:15%;}
.nursery .price_list01 td:nth-of-type(4) { width:15%;}
.nursery .price_list01 td:nth-of-type(5) { width:15%;}
.nursery .price_list01 td:nth-of-type(6) { width:15%;}

.nursery .price_list02 {
	margin-bottom: 20px;
	clear:both;
}

.nursery .price_list02 p {
	margin:10px 0;
}

.nursery .price_list02 table {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
.nursery .price_list02 th, 
.nursery .price_list02 td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 10px;
	font-weight:normal;
	line-height:18px;
}
.nursery .price_list02 th { background-color: #ff9ece;}

.nursery .price_list02 td:nth-of-type(1) { width:25%;}
.nursery .price_list02 td:nth-of-type(2) { width:25%;}
.nursery .price_list02 td:nth-of-type(3) { width:25%;}
.nursery .price_list02 td:nth-of-type(4) { width:25%;}

.nursery .schedule01 table{
	width: 920px;
	margin: auto;
}

.nursery .schedule01 tr:nth-child(even){ background:#ffffc6 }
.nursery .schedule01 tr:nth-child(odd) { background:#ffc6e2 }
.nursery .schedule01 tr:nth-of-type(1) { background:#ff9ece }

.nursery .schedule01 td{
	padding:5px 10px;
	vertical-align:middle;
	border-right:1px solid;
}

.nursery .schedule01 td:nth-of-type(1) { width:8%;font-weight:bold }
.nursery .schedule01 td:nth-of-type(2) { width:10% }
.nursery .schedule01 td:nth-of-type(3) { width:10% }
.nursery .schedule01 td:nth-of-type(4) { width:72%;text-align:left }

.nursery .cal_wrapper{
	text-align: center;
}




/* detail access */
.access_co01 {
padding:30px;border:1px solid #ccc;margin-bottom:20px
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pc_img {
margin-top:30px;
display: block;
margin-left: auto;
margin-right: auto;
}

.sp_img {
display:none
}


/* detail price */

.price .price_list {
	margin-bottom: 20px;
}

.price .price_list table {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
.price .price_list th,
.price .price_list td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 10px;
	font-weight:normal;
	line-height:18px;
}

.price .price_list th { background-color: #f8dd7a;}

.price .price_list td:nth-of-type(1) { width:25%;}
.price .price_list td:nth-of-type(2) { width:9%;}
.price .price_list td:nth-of-type(3) { width:13%;}
.price .price_list td:nth-of-type(4) { width:10%;}
.price .price_list td:nth-of-type(5) { width:15%;}
.price .price_list td:nth-of-type(6) { width:10%;}
.price .price_list td:nth-of-type(7) { width:10%;}

.price .price_list2 {
	margin-bottom: 20px;
}

.price .price_list2 table {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
.price .price_list2 th,
.price .price_list2 td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 10px;
	font-weight:normal;
	line-height:18px;
}
.price .price_list2 th { background-color: #f8dd7a;}

.price .price_list2 td:nth-of-type(1) { width:25%;}
.price .price_list2 td:nth-of-type(2) { width:15%;}
.price .price_list2 td:nth-of-type(3) { width:20%;}
.price .price_list2 td:nth-of-type(4) { width:20%;}
.price .price_list2 td:nth-of-type(5) { width:20%;}


/* detail riyou */

.riyou .kousi_pikup {
	width:100%;
	background:#f4efdf;
	padding:35px 0;
	margin:20px auto;
	text-align:center
}

.riyou .toiawase {
	background:#fff;
	padding:15px;
	margin:0 80px;
	border:#dad5c3 2px solid;
	border-radius:5px;
}

.riyou .toiawase li {
	display:inline-block;
	font-size:20px;	
	font-weight:bold;
	vertical-align:middle;
}

.riyou .toiawase li span {
	font-size:13px;
}

.riyou .toiawase li:nth-of-type(1) { padding-right:4px;line-height:23px;color:#6b6040; }
.riyou .toiawase li:nth-of-type(2) { border-left:#eb8929 6px solid;font-size:35px;text-align:center;padding:0 10px;line-height:15px;padding-top:10px }
.riyou .toiawase a li:nth-of-type(1) { color:#fff;background:#eb8929;padding:12px 27px;border-radius:5px }

.riyou .riyou_menu {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}

.riyou .riyou_menu a li { display:inline-block;padding:12px 28px;border-radius:5px;width:412px }
.riyou .riyou_menu .sougyou li { background: #eceffa;color:#7587d0;border:#7587d0 2px solid;margin-right:16px }
.riyou .riyou_menu .kaiin li { background:#fff7f7;color:#ed88b9;border:#ed88b9 2px solid;margin-right:16px }
.riyou .riyou_menu .kousi li { background:#f2fcfe;color:#41a6bf;border:#41a6bf 2px solid; }
.riyou .riyou_menu .riyou_top li { background:#f4efdf;color:#837755;border:#a9a087 2px solid; }
.riyou .riyou_prof_bnr {
	height:195px;
	background: no-repeat url("../../riyou/img/riyou_prof_bnr_bk01.png");
	padding:10px 110px;
	margin:30px 80px 0;
	font-weight:bold
}

.riyou .riyou_menu.detail a li { display:inline-block;padding:12px 28px;border-radius:5px;width:212px }
.riyou .riyou_menu.detail .sougyou li { background: #eceffa;color:#7587d0;border:#7587d0 2px solid;margin-right:16px }

.riyou .riyou_prof_bnr img {
	display:block;
	width:176px;
	height:176px;
	border-radius:88px;
	float:left;
}

.riyou .riyou_prof_bnr .mk_senmon {
	display:block;
	width:420px;
	font-size:18px;
	padding:3px 0;
	margin-top:30px;
	float:right;
}

.riyou .riyou_prof_bnr .name {
	display:block;
	width:420px;
	color:#333;
	font-size:15px;
	border-bottom:#6b6040 1px solid;
	padding:10px 0 3px;
	float:right;
}

.riyou .riyou_prof_bnr .prof {
	display:block;
	width:420px;
	color:#6b6040;
	line-height:16px;
	padding:8px 0 5px;
	min-height:50px;
	float:right;
}

.box-sodan h3 {
    font-size: 24px;
}
.box-sodan h4 {
    font-size:20px;
}
.riyou .sougyo-img1 {
	width: 300px;
    float: right;
    margin-left: 30px;
}
.riyou .sub-image-area .sougyo-img {
	width: 300px;
}

.box-sodan p {
	font-size:20px;
	line-height: 35px;
}

.riyou .sub-image-area {
    display: flex;
}

.riyou .sub-image-area li {
    list-style: none;
}
.riyou .sub-image-area li:nth-child(1) {
    margin-right: 10px;
}

.riyou .riyousya_sougyou {
	background: no-repeat url("../../riyou/img/riyou_sougyou_bk01.png");
	background-size: 100% 100%;
	margin:30px 80px;
	text-align:center;
	padding-top:20px;
	border:1px solid #d9ca9c
}

.riyou .riyousya_sougyou .mk_senmon {
	display:block;
	font-size:18px;
	padding:3px 0;
	margin:0 70px 20px
}

.riyou .riyousya_sougyou .img-lg {
	width: 260px;
	height: 260px;
	border-radius: 140px;
	object-fit: cover;
	object-position: top;
}

.riyou .riyousya_sougyou img {
	display:block;
	width:176px;
	height:176px;
	border-radius:88px;
}

.riyou .riyousya_sougyou .name {
	display:block;
	font-size:15px;
	border-bottom:#6b6040 1px solid;
	padding:10px 0 3px
}

.riyou .riyousya_sougyou .prof {
	display:block;
	color:#6b6040;
	line-height:16px;
	padding:8px 0 5px;
	min-height:50px
}

.riyou .riyousya_sougyou li {
	display:inline-block;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	margin-right:80px;
	padding-bottom:10px;
}

.riyou .riyousya_sougyou li a {
	text-decoration:none;
	color:#333;
}

.riyou .riyousya_sougyou li span {
	font-size:13px;
}

.riyou .riyousya_sougyou li:nth-of-type(2) { margin-right:0 }
.riyou .riyousya_sougyou li:nth-of-type(5) { margin-right:0 }

.riyou .riyousya_kousi {
	margin:40px 80px 0;
	text-align:center;
}

.riyou .riyousya_kousi img {
	display:block;
	width:176px;
	height:176px;
	border-radius:88px;
}

.riyou .riyousya_kousi .name {
	display:block;
	font-size:15px;
	border-bottom:#6b6040 1px solid;
	padding:10px 0 3px
}

.riyou .riyousya_kousi .prof {
	display:block;
	color:#6b6040;
	line-height:16px;
	padding:8px 0 5px;
	min-height:50px
}

.riyou .riyousya_kousi li {
	display:inline-block;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	margin-right:80px;
	padding-bottom:10px;
}

.riyou .riyousya_kousi li a {
	text-decoration:none;
	color:#333;
}

.riyou .riyousya_kousi li span {
	font-size:13px;
}

.riyou .riyousya_kousi li:nth-of-type(3n) { margin-right:0 }

.riyou .riyousya {
	padding: 0 80px;
}

.riyou .riyousya img {
	display:block;
	width:176px;
	height:176px;
	border-radius:88px;
	object-fit: cover;
}

.riyou .riyousya .name {
	display:block;
	font-size:15px;
	border-bottom:#6b6040 1px solid;
	padding:10px 0 3px
}

.riyou .riyousya .prof {
	display:block;
	color:#6b6040;
	line-height:16px;
	padding:8px 0 5px;
	min-height:50px
}

.riyou .riyousya li {
	display:inline-block;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	margin-right:41px;
	padding-bottom:10px;
}

.riyou .riyousya li a {
	text-decoration:none;
	color:#333;
}

.riyou .riyousya li span {
	font-size:13px;
}


.riyou .sb_title {
	display: flex;
	align-items: center;
	font-size:20px;
	font-weight:bold;
	color:#6b6040;
	margin:35px 80px;
}

.riyou .sb_title:before,
.riyou .sb_title:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}

.riyou .sb_title:before {
	margin-right: 1rem;
}

.riyou .sb_title:after {
	margin-left: 1rem;
}

.riyou .pickup .mk_kaiin,
.riyou .pickup .mk_kousi{
	display:inline-block;
	padding:5px 12px;
	margin:10px 3px 0;
	line-height:13px
}

.riyou .pickup .mk_senmon{
	display:inline-block;
	padding:5px 12px;
	margin:10px 3px 0;
	line-height:13px
}


.riyou .mk_kaiin {
	background:#fff7f7;
	color:#ed88b9;
	border:#ed88b9 1px solid;
	border-radius:5px;
}

.riyou .mk_kousi {
	background:#f2fcfe;
	color:#41a6bf;
	border:#41a6bf 1px solid;
	border-radius:5px;
}

.riyou .mk_senmon {
	background:#eceffa;
	color:#7587d0;
	border:#7587d0 1px solid;
	border-radius:5px;
}
 

/* detail riyou_prof */

.riyou .riyou_prof {
	margin:50px 80px 0;
	padding-bottom:20px;
	border-bottom:#6b6040 1px solid;
}

.riyou .riyou_prof p {
	margin:10px 0 30px;
}


.riyou .riyou_prof img {
	display:block;
	width:240px;
	height:240px;
	border-radius:120px;
	margin-right:30px;
	object-fit: cover;
}

.riyou .riyou_prof .name {
	display:block;
	font-size:28px;
	padding:10px 0 3px;
	font-weight:bold;
	margin:10px 0;
}

.riyou .riyou_prof .prof {
	display:block;
	color:#6b6040;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	margin-bottom:20px;
}

.riyou .riyou_prof .object {
	display:block;
	font-size:16px;
	line-height:15px;
	font-weight:bold;
	background:#f4efdf;
	color:#837755;
	padding:6px 10px;
	border-top:1px #837755 solid;
	border-bottom:1px #837755 solid;
	border-left:8px #837755 solid;
}

.riyou .riyou_prof li {
	display:inline-block;
	text-align:left;
	vertical-align:top;
	padding-bottom:10px;
}

.riyou .riyou_prof li:nth-of-type(2) {
	width:680px;
}

.riyou .riyou_prof .mk_kaiin,
.riyou .riyou_prof .mk_kousi,
.riyou .riyou_prof .mk_senmon{
	display:inline-block;
	padding:1px 30px;
	margin:0 3px;
	font-size:18px;
}

.riyou .riyou_prof li a{
	color: #4097D3; 
}
@media screen and (max-width:1279px) {

	header .main-nav {
		width:1024px;
		/*left: calc(50% - 512px);*/
	}
	header .main-nav > ul > li {
		padding: 0 0 0 58px;
	}
	header .main-nav > ul > li:first-child {
		margin: 0;
	}
}

.pc-none{
	display: none;
}

/* detail news */
.cocomagazine .news_blog,
.news .news_blog {
	display: flex;
	font-size: 0.8rem;
}


.cocomagazine .news_blog,
.news .news_blog ul{
	list-style: none;
	padding-inline-start: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.news_blog .mw60 {
    max-width: 60%;
}

#sidebar {
	width: 200px;
	margin-left:40px
}

#sidebar ul  {
	margin-top: 20px;
	border: solid 2px #f0f0f0;
}

#sidebar li {
	border-bottom: solid 1px #f0f0f0;
	text-align: left;
	line-height: 1.3;
}

#sidebar li:last-child {
	border-bottom: 0;
}

#sidebar li a {
	display: block;
	padding: 8px 10px 6px;
	padding-left: 15px;
	background-size: 9px 8px;
	text-decoration: none;
	color: #333 !important;
}

#sidebar li a:before {
	content: '> ';
	color:#7f726b;
}

#sidebar li a:hover {
	background-color: #f6ede8;
}

.list{
	width:1000px;
	margin-top: 20px;
}

.list li{
    border-top:1px dotted #333;
    padding:8px 10px 10px;
}

.list li:last-child {
    border-bottom:1px dotted #333;
}

.list span{
	display:inline-block;
	width:80px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding:7px 0 5px;
    margin:5px 10px 3px 0;
    color:#fff;
	background: #7f726b;
}

.entry_body{
    width:1000px;
    margin-top:20px;
}

.entry_body .entry_text{
    width:1000px;
	font-size: 16px;
	line-height: 30px;
	padding: 20px 10px 80px;
}

.entry_body h3{
	font-size: 20px;
	line-height: 32px;
    border-bottom:1px dotted #7f726b;
	padding: 30px 10px 20px;
}

.entry_body .entry_date{
	font-size: 14px;
    border-bottom:2px solid #7f726b;
	padding: 10px;
}

.entry_body .entry_date span{
	display:inline-block;
	width:80px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding:7px 0 5px;
    margin:5px 10px 3px 0;
    color:#fff;
	background: #7f726b;
}

.entry_body .center{
	text-align:center
}

/* detail rental */
#detail.rental .co01 {
	padding: 0;
}
#detail.rental .box01{
	padding: 0;
	padding-top:20px;
}
.rental ul.main-image-area {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rental .main-image-area li {
	display:table-cell;
	width: 50%;
}
.rental .main-image-area li:first-child{
	padding-right: 1px;
}
.rental .main-image-area li:last-child{
	padding-left: 1px;
}
.rental .main-image-area li img{
	width: 100%;
}

.rental .c-mamhall {
	padding: 0 40px;
	text-align: left;
	line-height: 35px;
	margin-bottom: 120px;
}
.rental .c-mamhall h3{
	color:#4097D3;
	font-size:1.4rem;
	border-bottom:6px solid #D2ECFA; 
	margin: 0;
	padding-top: 36px;
	padding-bottom: 10px;
}

.rental .c-mamhall ul.cafe {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

.rental .c-mamhall ul.cafe li {
    padding-left: 1.8em; 
    text-indent: -1.3em;
  }
  
.rental .c-mamhall ul.cafe li:before{ 
	content: "● ";
    color: #4097D3;
}

.rental .c-mamhall .list-area {
	height: 240px;
	margin-bottom: 20px;
}
.rental .c-mamhall .list-area .img-right{
	float:right;
}

.rental .c-mamhall .panel-area{
	clear: both;
	margin-bottom: 20px;
	text-align: center;
} 
/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* コンテンツ下のマージン */
.rental .flex-child { 
	margin-bottom: 30px; 
	height: 100px;
	background-color: #EAE7E4;
	border-radius: 25px; 
	line-height: 100px;
}
x
/* 各カラム毎のコンテンツと疑似要素の横幅 */

.rental  .flex-col4::before,
.rental  .flex-col4::after,
.rental  .flex-col4 .flex-child { width: calc( (100% - 100px) / 4 );}
	
/* 最終行は両端揃えにしない */
.rental  .flex-col4::before,
.rental  .flex-col4::after { content: ""; }

.rental  .flex-col4::before { order: 1; }

.rental ul.sub-image-area {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.rental .sub-image-area li {
	padding-right: 1%;
	width: 33%;
}

.rental .sub-image-area li:last-child {
	padding-right: 0;
}

.rental .sub-image-area li img{
	width: 100%;
}

.rental .outline {
	padding: 0 40px;
	text-align: left;
	margin-bottom: 120px;
}

.rental .outline h4{
	border-top:6px solid #D2ECFA; 
	background-color: #E8F4F9;
	padding: 10px 20px;

}

.rental .terms{
	text-align:center;
	margin:50px 80px;
	font-weight:bold;
}

.rental .outline .terms a li{ 
	display:inline-block;
	padding:12px 28px;
	border-radius:5px;
	width:240px;
	background:#D2ECFA;
	color:#4097D3;
}

.rental .outline table {
	border-collapse:  collapse; /* セルの線を重ねる */
	width: 100%;
}


#detail .rental .outline table.outline-table td {
	border: solid 1px;          /* 枠線指定 */
	text-align: left;
	padding: 30px;

}

#detail .rental .outline table.outline-table th.header{
	border: solid 1px; 
	border-left: 0; 
	text-align: left;
	padding: 30px;
	width: 200px;
}

 
.rental .outline table.outline-table th.bar {
	width: 20px;
	border: solid 1px; 
	border-right:0;
	background-color: #FAF6F0 ;
}
.rental .outline td p{
	margin: 10px;
}

.rental .contact {
	padding: 0 40px;
	text-align: left;
	margin-bottom: 60px;
}

.rental .contact h4{
	border-top:6px solid #D2ECFA; 
	background-color: #E8F4F9;
	padding: 10px 20px;

}

.rental .contact .contact-ul li{
	margin-bottom: 30px;
	padding-left: 1em; 
    text-indent: -0.8em;
}

.rental .contact .reserve{
	text-align:center;
	margin:50px 80px;
	font-weight:bold;
}

.rental .contact .reserve a li{ 
	display:inline-block;
	padding:12px 28px;
	border-radius:5px;
	width:380px;
	background:#D2ECFA;
	color:#4097D3;
}

.rental .event {
	padding: 0 40px;
	text-align: left;
	margin-bottom: 60px;
}

.rental .event h4{
	background: top left url("../../img/index_title_event.png") no-repeat;
	height: 48px;
	font-size: 0;
	border-bottom: 2px solid #e6e6e6;
	padding:0 0 14px 240px;
	position: relative;
}

#detail .rental .event h4 span {
	line-height: 68px;
}

#detail .rental .contact-area {
	width: 100%;
	height: 538px;
	min-width: 1024px;
	overflow: hidden;
	background-color: #D2ECFA;
}

#detail .rental .contact-info {
	position: relative;
	height: 100%;
	background: url("../../img/contact_info.png") no-repeat 50% 21%;
}

#detail .rental .contact-form-btn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 7%;
	margin: auto;
	width: 891px;
	height: 81px;
	background-color: #fff;
	text-align: center;
}

#detail .rental .contact-form-btn a {
	display: block;
	width: 100%;
	height: 81px;
	text-decoration: none;
	color: #4097D3;
	font-size: 1.3rem;
	line-height: 81px;
	font-weight: bolder;
	border: solid 1px;
	padding-top: -11px;
	transition: .3s;
}

#detail .rental .contact-form-btn a:hover {
	opacity: .6;
}

#detail .rental .contact-form-btn a:before {
	margin-right: 1rem;
	content:"　";
	display:inline-block;
	width: 37px;
	background: url("../../img/contact_mail.png") center right no-repeat;
	/*background-size: 37px 37px;*/
}

#detail .rental .contact-form-btn a:after {
	margin-left: 1rem;
	font-size: 0.6rem;
	content: ">>";
	vertical-align: top;
}




/* detail manga */
#detail.manga .box01{
	text-align:left;
	padding: 50px 80px;
}


#detail.manga .box01 .banner{
	height: 60px;
	background-color: #4097D3;
	color: #fff;
	font-size: 0.7rem;
	line-height: 60px;
	width: 100%;
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
}

#detail.manga .box01 .banner ul{
	display: flex;
	justify-content: space-between;
}


#detail.manga .box01 .banner .yubi-left{
	width:30px;
	margin-left: 20px;
	vertical-align: middle;
}

#detail.manga .box01 .banner .yubi-right{
	width: 30px;
	margin-right: 20px;
	vertical-align: middle;
}

#detail.manga .box01 .manga-area {
	margin: 10px auto;
	width: 100%;
	max-width: 600px;
	text-align: center;
}

#detail.manga .box01 .manga-area .main-area img{
	width: 90%;
	margin: 0 auto;
}

#detail.manga .box01 .manga-area .sub-area{
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 600px;
}

#detail.manga .box01 .manga-area .sub-ul{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	list-style: none;
}

#detail.manga .box01 .manga-area .sub-ul li{
	width: 24%;
}
#detail.manga .box01 .manga-area .sub-ul li img{
	width: 100%;
}

.pc-none{
	display: none;
}

@media screen and (max-width:1279px) {

	header .main-nav > ul > li {
		padding: 0 0 0 58px;
	}
	header .main-nav > ul > li:first-child {
		margin: 0;
	}

}

#detail.manga .hooper {
	height: auto !important;
}

#detail.manga .hooper-prev,
#detail.manga .hooper-next {
	padding: 0;
	width:  100px;
	height: 100%;
}

#detail.manga .hooper-prev {
	text-align: left;
}

#detail.manga  .hooper-next {
	text-align: right;
}

#detail.manga .sub-ul li {
	position: relative;
}

#detail.manga .sub-ul div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	background: rgba(255, 266, 255, .6);
}

/* faq menu */
.faq_menu{
	border:1px solid #ccc;
	font-size: 16px;
	width:1028px;
	margin:auto;
}

.faq_menu ul{
	padding:10px 0;
}

.faq_menu ul li{
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align:left;
	padding:5px 0 10px 30px;
}

.faq_menu ul li ul{
	padding:5px 0 0 30px;
}

.faq_menu ul li ul li{
	display:block;
	padding:5px 0 0;
	width:100%;
}

/* faq accordion */
#faq_accordion {
	width:1028px;
	margin:0 auto 50px;
}

#faq_accordion .transition, p, ul li i:before, ul li i:after {
  transition: all 0.25s ease-in-out;
}
#faq_accordion .flipIn, h1, ul li {
  animation: flipdown 0.5s ease both;
}

#faq_accordion h3 {
	font-size: 20px;
	margin:5px 0 20px;
    padding:8px 10px 2px;
	border-top:1px solid #837755;
	border-left:8px solid #837755;
	border-bottom:1px solid #837755;
    color:#837755
}

#faq_accordion h4 {
	padding: 0;
	margin: 0;
	border-top:1px solid #999;
	font-size: 16px;
    padding:20px 0;
}

#faq_accordion h4:before {
  content: "■";
  color:#837755;
  margin-right:6px;
}

#faq_accordion h5 {
	font-size: 16px;
	line-height: 30px;
	margin:0;
}

#faq_accordion .no-select, h5 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#faq_accordion h5:before {
  content: "Ｑ.";
  color:#75a52a;
  margin-right:15px;
}

#faq_accordion p:before {
  content: "Ａ.";
  color:#bb447d;
  font-weight:bold;
  margin-right:15px;
}

#faq_accordion p {
  font-size: 15px;
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2;
}

#faq_accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0 0 40px;
}

#faq_accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 15px;
  border-top: 1px dotted #999;
}
#faq_accordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
#faq_accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
#faq_accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
#faq_accordion ul li:last-of-type {
  padding-bottom: 0;
}
#faq_accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 10px;
  right: 0;
}
#faq_accordion ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #837755;
  width: 3px;
  height: 9px;
}
#faq_accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq_accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq_accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
#faq_accordion ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
#faq_accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq_accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}