@charset "utf-8";

.mainimg {
	display: none;
}

.module:has(.hideContent) { display: none; }

/* base
------------------------------*/
* {
	word-break: break-all;
}
body {
	min-width: 1080px;
	background: #FFFFFF;
	font-size: 1em;
	font-family: "メイリオ", "Meiryo",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		sans-serif;
	color: #333333;
	word-break: break-word;
}
pre {
	white-space: inherit;
}
textarea {
	font-family: inherit;
}
img {
	max-width: 100%;
}
a:link {
	color: #60BFE6;
	font-weight: normal;
	text-decoration: underline;
}

a:visited {
	color:#60BFE6;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	font-weight: normal;
	text-decoration: none;
}
.seotext {
	font-size: 1.0em;
	line-height: 1.7;
	text-align: center;
	font-weight: normal;
	color: #000000;
	background: #F6F4C6;
}
#wrap {
	background: #fff;
	font-size: 1.4em;
	line-height: 1.8;
}

/* table------------------------------*/
table {
	width: 100%;
	table-layout: fixed;
}
th,
td {
	background: #FFF;
	border: 1px solid #ECEAE8;
	padding: 15px 20px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
th {
	width: 200px;
}
.module.mod_text table {
	width: 100%;
}
.module.mod_text th,
.module.mod_text td {
	height: auto;
	background: #FFF;
	border: 1px solid #ECEAE8;
	padding: 15px 20px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
.module.mod_text th,
.module.mod_text td.cols-label,
.module.mod_text td.row-label {
	vertical-align: top;
	background: #F9F8F7;
	font-weight: normal;
}
.module.mod_text th,
.module.mod_text td.cols-label {
	width: 220px;
}
.module.mod_text td.row-label {
	text-align: center;
}
/* header
------------------------------*/
#header{
}
#header .boxhead {
	overflow: hidden;
	width: 1020px;
	padding: 46px 0px 26px;
	margin: 0 auto 0px;
}
.logo {
	float: left;
}
.header {
	float: right;
	/*width: 343px;*/
	text-align: right;
	font-size: .71em;
	line-height: 1.4;
	color: #333333;
	margin-top: 8px;
}
.h-text {
  line-height: 1.8;
   margin-bottom: 0px;
}
/* nav
------------------------------*/

.gnav {
	/* background: #97D775; */
	margin-bottom: 50px;
}
.gnav .nav-box {
	overflow: hidden;
	width: 240px;
	margin: 0 auto;
}
.gnav .nav-box li {
	float: left;
}
/* main
------------------------------*/
.h-wrap {
	width: 100%;
	background: url(../img/main_bg.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.mainimg p {
	text-align: center;
}

.main {
	overflow: hidden;
	width: 1020px;
	padding: 50px 40px 30px;
	margin: 0 auto;
}

/* content
------------------------------*/
.content {
	float: right;
	width: 660px;
}
.map {
	position: relative;
	width: 100%;
	height: 300px;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.big {
	font-size: 1.14em;
}
.small {
	font-size: .85em;
}
.bold {
	font-weight: bold;
}
.btn {
	text-align: center;
}
br.sp {
	display: none;
}
span.dib {
	display: inline-block;
}

/* contact-btn */
.content .contact {
	display: block;
	width: 100%;
	padding: 29px 30px;
	margin: 70px 0 40px;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	word-break: break-all;
	border: 1px solid #CFCCAF;
	background: #FFFFFF;
}
.contact .c-box {
	overflow: hidden;
	margin-bottom: 30px;
}
.c-box .map {
	float: left;
	width: 280px;
	height: 280px;
	margin-right: 30px;
}
.c-box .text {
	overflow: hidden;
}
.c-box .c-logo {
	margin-bottom: 25px;
}
.contact .c-mail {
	text-align: center;
}

.aside {
	overflow: hidden;
	padding: 0 0px;
}

.aside li{
	width: 320px;
	margin-right: 20px;
	float: left;
}
.aside li.none{
	margin-right: 0;
}

/* side
------------------------------*/
.side {
	float: left;
	width: 240px;
	font-size: .71em;
}
.s-info {
	background: none;
	margin-bottom: 40px;
	padding: 0px 0 0px 20px;
	color: #666666;
}
.side .s-logo{
	text-align: center;
	margin-bottom: 17px;
}
.s-info h3 {
	padding-right: 30px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 15px;
}
.s-info .s-text {
	margin: 20px 0 0px;
	line-height: 1.6;
	padding: 0 25px 0 5px;
}
.s-add{
	line-height: 1.6;
	margin-bottom: 18px;
}
.s-tel {
	font-family: 'Dancing Script', cursive;
	font-size: 1.6em;
	line-height: 1.0;
	color: #99D240;
	margin: 4px 0px 12px -2px;
	font-weight: bold;
}
.s-tel .tellink {
	font-size: 1.625em;
	margin-top: 6px;
	margin-left: 5px;
}
.s-time {
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 16px;
	font-weight: normal;
	margin-left: -7px;
	letter-spacing: -0.7px;
}
.s-banner{
	margin-bottom: 0px;
}
.s-banner li {
	margin-bottom: 20px;
}

.s-banner li.facebook{
	margin-bottom: 30px;
}
.s-mail{
}
.s-yoyaku{
	margin-bottom: 20px;
        text-align:center;
}

/* カテゴリ（side）
------------------------------*/
.contentslist {
	margin-bottom: 50px;
	font-size: 1.2em;
	
}
.contentslist>li {
	margin-top: 20px;
	font-size: 1.0em;
}
.contentslist>li.first {
	margin-top: 0;
	margin-bottom: 10px;
}
/* 画像のとき */
.contentslist .img-category {
	text-align: center;
}
.contentslist img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.contentslist a img,
.contentslist .img-category img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.contentslist .img-category.nolink .n_title {
	display: none;
}
/* テキストのみのとき */
.nolink .n_title {
	display: block;
	border-bottom: 2px solid #857850;
	padding: 9px 10px 8px 10px;
	font-weight: bold;
	color: #857850;
}
/* テキスト+リンクのとき */
.text-category.text-link {
	background: none;
	border: none;
	padding: 0;
	text-align: left;
}
.contentslist .parent-text>a,
.contentslist .text-link a {
	display: block;
	position: relative;
	width: 100%;
	background: #F9F5F0;
	/* border: 2px solid #97D775; */
	padding: 21px 20px 18px 19px;
	text-decoration: none;
	color: #99D240;
	font-weight: bold;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.contentslist .parent-text>a::before,
.contentslist .text-link a::before {
	content: '';
	position: absolute;
	top: 25px;
	right: 20px;
	width: 6px;
	height: 10px;
	background: url(../img/icon_arrow_r.png) center no-repeat;
	-webkit-transition: transform .3s;
	transition: transform .3s;
}
.contentslist .parent-text>a:hover,
.contentslist .text-link a:hover {
	/* background: #fff; */
}
.contentslist .parent-text>a:hover::before,
.contentslist .text-link a:hover::before {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}
/* sublist */
.sublist {
	margin-bottom: 20px;
	font-size: 1.0em;
	text-align: left;
}
.sublist li {
	font-size: 1.0em;
	line-height: 1.2;
}
.sublist li a {
	display: block;
	position: relative;
	padding: 19px 43px 16px 43px;
	text-decoration: none;
	color: #99D341;
	font-weight: bold;
	border-bottom:1px solid #F7F5F2;
	/* background: url(../img/br.jpg) left bottom repeat-x; */
}
.sublist li a:hover{
	text-decoration: underline;
}
.sublist li a::before {
	content: '';
	position: absolute;
	top: 21px;
	left: 20px;
	width: 5px;
	height: 8px;
	background: url(../img/icon_arrow.png) center no-repeat;
	-webkit-transition: transform .3s;
	transition: transform .3s;
}
.sublist li a:hover::before {
	-webkit-transform: translateX(3px);
	transform: translateX(3px);
}

.footer {
	text-align: center;
	font-size: .71em;
	color: #333333;
	padding-bottom: 24px;
}
.fnav {
/*	border-top:1px solid #CFC2C2;*/
	padding: 15px 0 13px;
	text-align: center;
	font-size: 0;
	background: #F6F4C6;
}

.fnav li {
	display: inline-block;
	padding: 0 12px 0 12px;
	font-size: 12px;
	line-height: 1.0;
}
.fnav li a{
	color:#857850;
	font-weight: bold;
	text-decoration: none;
}
.fnav li a:hover{
	text-decoration: underline;
}
.fnav li+li {
	border-left: 2px solid #BDB68B;
		/* background:url(../img/line.png)left no-repeat; */
}
.f-text {
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 1.0em;
	line-height: 1.8;
}
.copyright {
	line-height: 1.8;
	text-align: center;
}

.classname.one {
	margin: -5px 0;
}

/* pagetop
------------------------------*/
.pagetop {
	display: none;
	width: 1020px;
	margin: 0 auto;
}
.pagetop a {
	display: block;
	position: fixed;
	z-index: 100;
	bottom: 234px;
	margin-left: 1020px;
}
/*===============================================
  画面の横幅が1200px以下に適用
===============================================*/
@media screen and (max-width: 1200px){
	.pagetop a {
		right: 0;
		margin-left: auto;
	}
}

/* module
------------------------------*/
/* 全体 */
.module {
	margin-bottom: 40px;
}
/* 見出し */
.module.mod_h1 {
	margin-bottom: 40px;
}
.mod_h1 h1 {
	font-family: '游明朝体', 'Yu Mincho', YuMincho,
	serif, 'メイリオ', 'Meiryo', sans-serif;
	background:  url('../img/h1_top.jpg') left top no-repeat,
	url('../img/h1_bottom.jpg') left bottom no-repeat,
	#FDFBE1;
	font-weight: 500;
	padding: 40px 20px 36px;
	font-size: 2.0em;
	color: #665F43;
	line-height: 1.5;
	text-align: center;
}
.module.mod_h2 {
	margin-bottom: 30px;
}
.module.mod_h2.marb-25 {
	margin-bottom: 25px;
}
.mod_h2 h2 {
	background: url('../img/h2_bg.jpg') center bottom no-repeat;
	border: none;
	padding: 25px 0 18px;
	font-size: 1.71em;
	font-weight: normal;
	text-align: center;
	color: #665F43;
	line-height: 1.6;
	font-family: '游明朝体', 'Yu Mincho', YuMincho,
	serif, 'メイリオ', 'Meiryo', sans-serif;
}
.module.mod_h3 {
	margin-bottom: 20px;
}
.module.mod_h3 h3 {
	background: #F9F5F0;
	padding: 16px 20px 12px;
	color: #675F43;
	font-weight: normal;
	font-size: 1.142em;
}

.mod_link_banner_center {
	text-align: center;
}

/* ファイルアイコン */
.mod_file {
	display: table;
}
.mod_file>.text_box {
	overflow: hidden;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.mod_file>div:first-child {
	width: 160px;
	height: 80px;
	text-align: left;
}
.mod_file a img {
	display: none;
	margin-right: 20px;
}
.mod_file .pdf a::before {
	content: url(../img/icon_pdf.jpg);
	margin-right: 20px;
}
.mod_file .word a::before {
	content: url(../img/icon_word.jpg);
	margin-right: 20px;
}
.mod_file .xls a::before {
	content: url(../img/icon_excel.jpg);
	margin-right: 20px;
}
.mod_file .pdf a:hover::before,
.mod_file .word a:hover::before,
.mod_file .xls a:hover::before {
	opacity: .8;
}

.pager+.pager{
	margin-top: 30px;
	margin-right: -5px;
}

/* news gallery 共通
------------------------------*/
/* pagebute */
.mod_news_list ul.pager,
.mod_gallery_list ul.pager {
	text-align: right;
	font-size: 0;
}
.mod_news_list ul.pager li,
.mod_gallery_list ul.pager li {
	display: inline-block;
	margin: 0 5px;
}
.mod_news_list ul.pager a,
.mod_gallery_list ul.pager a {
	display: block;
	width: 30px;
	height: 30px;
	background: #ffffff;
	 border: 1px solid #CFCCAF; 
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #CFCCAF;
}
.mod_news_list ul.pager a:hover,
.mod_news_list ul.pager a.current,
.mod_gallery_list ul.pager a:hover,
.mod_gallery_list ul.pager a.current {
	background: #CFCCAF;
	color: #FFF;
}
/* back */
.mod_news_detail .back a,
.mod_gallery_detail .back a {
	display: block;
	width: 180px;
	background: url(../img/btn_back_off.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	padding: 70px 0 0;
	margin: 0 auto ;
	font-size: 0;
}
.mod_news_detail .back a::after,
.mod_gallery_detail .back a::after {
	content: url(../img/btn_back_on.jpg);
	display: none;
}
.mod_news_detail .back a:hover,
.mod_gallery_detail .back a:hover {
	background: url(../img/btn_back_on.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

/* news
------------------------------*/
/* list */
.mod_news_list {
	margin-bottom: 40px;
}
.mod_news_list #news {
	margin-bottom: 30px;
	/*padding: 10px 0;
	border: 1px solid #EAEAEA;*/
}
.mod_news_list #news dl {
	border: none;
	background: url(../img/icon_news.jpg) 10px 10px no-repeat; 
	padding: 10px 51px 7px;
	border-bottom:1px solid #F7F5F2; 
	line-height: 1.6;
}
.mod_news_list #news dl dt {
	float: left;
}
.mod_news_list #news dl dd {
	margin-left: 112px;
}

.mod_news_list #news dl dd a{
	/* font-family: "游明朝","Yu Mincho", "YuMincho", "メイリオ", "Meiryo",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		sans-serif;*/
		font-weight: normal; 
		text-decoration: none;
		color: #99D341;
}

.mod_news_list #news dl dd a:hover{
	text-decoration: underline;
}
/* btn */
.mod_news_list .pager a {
	display: block;
	width: 240px;
	background: url(../img/btn_news_off.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	padding: 80px 0 0;
	margin: 0 auto;
	font-size: 0;
}
.mod_news_list .pager a::after {
	content: url(../img/btn_news_on.jpg);
	display: none;
}
.mod_news_list .pager a:hover {
	background: url(../img/btn_news_on.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
/* detail */
.mod_news_detail {
	margin-bottom: 40px;
}
#news_detail {
	margin-bottom: 30px;
}
.mod_news_detail .date {
	color: #333;
}

/* gallery
------------------------------*/
/* pickup */
.mod_gallery_list {
	margin-bottom: 40px;
}
.mod_pickup_gallery #gallery,
.mod_gallery_list #gallery {
	width: 100%;
	padding-bottom: 0;
}
.mod_pickup_gallery #gallery dl,
.mod_gallery_list #gallery dl {
	width: 200px;
	margin: 0 30px 20px 0;
}
.mod_gallery_list #gallery dl dt {
	line-height: 1.8;
	background: url(../img/icon01.jpg) left no-repeat;
}
#gallery dl dt a {
	display: inline-block;
	position: relative;
	font-size: 1.4rem;
	font-weight: normal;
	padding-left: 15px;
	color: #99D240;
	text-decoration: none;
}

#gallery dl dt a:hover{
	text-decoration: underline;
}
.mod_gallery_list #gallery dl dt a::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 4px;
	height: 8px;
	/* background: url(../img/icon_arrow_s.jpg) center no-repeat; */
	-webkit-transition: .3s;
	transition: .3s;
}
.mod_gallery_list #gallery dl dt a:hover::before {
	-webkit-transform: translateX(3px);
	transform: translateX(3px);
}
#gallery dl dd.img {
	background: none;
}
#gallery dl dd.img a {
	display: block;
	position: relative;
	padding-bottom: 100%;
	width: 200px;
	border: 1px solid #EFEBE4;
}
#gallery dl dd.img a img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	padding: 1px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#gallery dl dt+dd {
	display: none;
}
/* btn */
.mod_gallery_list .pager a {
	display: block;
	width: 240px;
	background: url(../img/btn_gallery_off.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	padding:  80px 0 0;
	margin: 0 auto ;
	font-size: 0;
}
.mod_gallery_list .pager a::after {
	content: url(../img/btn_gallery_on.jpg);
	display: none;
}
.mod_gallery_list .pager a:hover {
	background: url(../img/btn_gallery_on.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

/* detail */
.mod_gallery_detail.marb-30 {
	margin-bottom: 30px;
}
.mod_gallery_detail {
	margin-bottom: 40px;
}
#gallery_text {
	margin-bottom: 25px;
}
/* type01 */
.mod_gallery_detail.gallery_type01 .img_big {
	width: 400px;
	margin-bottom: 20px;
}
.mod_gallery_detail.gallery_type01 .img_big a {
	width: 400px;
	height: 400px;
	border: 1px solid #EFEBE4;
	background: none;
}
.mod_gallery_detail.gallery_type01 .img_big a img {
	max-width: 396px;
	max-height: 396px;
}
.mod_gallery_detail.gallery_type01 ul.img_list {
	width: 100%;
	max-width: 500px;
}
.mod_gallery_detail.gallery_type01 ul.img_list li a {
	width: 80px;
	height: 80px;
	border: 1px solid #EFEBE4;
	background: none;
}
.mod_gallery_detail.gallery_type01 ul.img_list li a img {
	max-width: 76px;
	max-height: 76px;
}
/* type02 */
.mod_gallery_detail.gallery_type02 .img_big {
	width: 380px;
}
.mod_gallery_detail.gallery_type02 .img_big a {
	width: 380px;
	height: 380px;
	border: 1px solid #EFEBE4;
	background: none;
}
.mod_gallery_detail.gallery_type02 .img_big a img {
	max-width: 376px;
	max-height: 376px;
}
.mod_gallery_detail.gallery_type02 ul.img_list {
	width: 260px;
}
.mod_gallery_detail.gallery_type02 ul.img_list li {
	margin: 0 10px 10px 0;
}
.mod_gallery_detail.gallery_type02 ul.img_list li:nth-child(2n) {
	margin-right: 10px;
}
.mod_gallery_detail.gallery_type02 ul.img_list li:nth-child(3n) {
	margin-right: 0;
}
.mod_gallery_detail.gallery_type02 ul.img_list li a {
	width: 80px;
	height: 80px;
	border: 1px solid #EFEBE4;
	background: none;
}
.mod_gallery_detail.gallery_type02 ul.img_list li a img {
	max-width: 76px;
	max-height: 76px;
}

/* type03 */
.mod_gallery_detail.gallery_type03 .before_after,
.mod_gallery_detail.gallery_type03 ul.img_list {
	width: 100%;
}
.mod_gallery_detail.gallery_type03 .before_after .before {
	width: 310px;
	margin-right: 40px;
}
.mod_gallery_detail.gallery_type03 .before_after .after {
	width: 310px;
}
.mod_gallery_detail.gallery_type03 .before_after dl dt {
	margin-bottom: 10px;
	font-size: 0;
}
.mod_gallery_detail.gallery_type03 .before_after dl dt::before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 30px;
	background: url(../img/bg_before.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.mod_gallery_detail.gallery_type03 .before_after .after dt::before {
	background: url(../img/bg_after.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.mod_gallery_detail.gallery_type03 .before_after dl dd a {
	width: 310px;
	height: 310px;
	border: 1px solid #EFEBE4;
	background: none;
}
.mod_gallery_detail.gallery_type03 .before_after dl dd a img {
	max-width: 306px;
	max-height: 306px;
}
.mod_gallery_detail.gallery_type03 ul.img_list li {
	margin-right: 10px;
}
.mod_gallery_detail.gallery_type03 ul.img_list li:nth-child(4n) {
	margin-right: 0;
}
.mod_gallery_detail.gallery_type03 ul.img_list li:nth-child(4) {
	margin-right: 40px;
}
.mod_gallery_detail.gallery_type03 ul.img_list li a {
	width: 70px;
	height: 70px;
	border: 1px solid #EFEBE4;
	background: none;
}
.mod_gallery_detail.gallery_type03 ul.img_list li a img {
	max-width: 66px;
	max-height: 66px;
}
/* #contact_form
------------------------------*/
#contact_form table {
	width: 100%;
}
#contact_form table th,
#contact_form table td {
	border: 1px solid #ECEAE8;
	background: #FFF;
	padding: 15px 17px 13px;
	text-align: left;
	vertical-align: top;
}
#contact_form table th {
	width: 220px;
	background: #F9F8F7;
	vertical-align: top;
	font-weight: normal;
}
#contact_form table td {
	font-size: .85em;
}
#contact_form table th span.req {
	color: #6ECED7;
}
#contact_form td input[type="text"] {
	max-width: 400px;
	height: 29px;
	background: none;
	border: 1px solid #ECEAE8;
	padding: 5px;
	margin: 8px 0 4px;
}
#contact_form table td input.zipcode {
	width: 150px;
}
#contact_form  table textarea {
	max-width: 400px;
	height: 110px;
	background: none;
	border: 1px solid #ECEAE8;
	padding: 5px;
	margin-top: 4px;
	font-size: inherit;
}
#contact_form  p.submit {
	margin: 20px 0 40px;
}
#contact_form p.submit button {
	display: block;
	width: 176px;
	background: url(../img/btn_send_off.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	padding: 70px 0 0;
	margin: 0 auto;
	font-size: 0;
	border: none;
	outline: none;
}
#contact_form p.submit button::after {
	content: url(../img/btn_send_on.jpg);
	display: none;
}
#contact_form p.submit button:hover {
	background: url(../img/btn_send_on.jpg) center no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

/*===============================================
  画面の横幅が680px以下に適用
===============================================*/
@media screen and (max-width: 680px){
	.aside li{
		width: 48%;
		margin-right: 4%;
		float: left;
	}
	.aside li.none{
		margin-right: 0%;
	}
	/* table */
	.module.mod_text th,
	.module.mod_text td {
		display: table-cell;
		min-width: 96px !important;
		width: auto !important;
		height: auto !important;
	}
	/* cbtn */
	.content .contact {
		margin: 50px auto 30px;
	}
	.c-box .map {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	/* pickup */
	.mod_pickup_gallery #gallery dl,
	.mod_gallery_list #gallery dl {
		width: 30% !important;
		margin-right: 5%;
	}
	.mod_gallery_list #gallery dl dd.img a {
		width: 100%;
	}
	/* gallery */
	.mod_gallery_detail.gallery_type01 .img_big a,
	.mod_gallery_detail.gallery_type02 .img_big a {
		display: table-cell;
	}
	/* type02 */
	.mod_gallery_detail.gallery_type02 .img_big {
		float: none;
		margin: 0 auto 20px;
	}
	.mod_gallery_detail.gallery_type02 .img_big a {
		display: table-cell;
	}
	.mod_gallery_detail.gallery_type02 ul.img_list {
		width: 100%;
	}
	.mod_gallery_detail.gallery_type02 ul.img_list li {
		margin: 0 5px 10px;
	}
	.mod_gallery_detail.gallery_type02 ul.img_list li:nth-child(2n) {
		margin-right: 5px;
	}
	.mod_gallery_detail.gallery_type02 ul.img_list li:nth-child(3n) {
		margin-right: 5px;
	}
	/* type03 */
	.mod_gallery_detail.gallery_type03 .before_after .before {
		width: 50%;
		padding: 0 10px;
		margin: 0;
	}
	.mod_gallery_detail.gallery_type03 .before_after .after {
		padding: 0 10px;
		width: 50%;
		margin: 0;
	}
	.mod_gallery_detail.gallery_type03 .before_after dl dd {
		position: relative;
		padding-bottom: 100%;
	}
	.mod_gallery_detail.gallery_type03 .before_after dl dd a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
	}
	.mod_gallery_detail.gallery_type03 .before_after dl dd a img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.mod_gallery_detail.gallery_type03 ul.img_list li {
		margin: 0 5px 10px;
	}
	.mod_gallery_detail.gallery_type03 ul.img_list li:nth-child(4n) {
		margin-right: 5px;
	}
	.mod_gallery_detail.gallery_type03 ul.img_list li:nth-child(4) {
		margin-right: 5px;
	}
	/* #contact_form
	------------------------------*/
	#contact_form table th,
	#contact_form table td {
		display: block;
		width: 100%;
	}
	#contact_form table th,
	#contact_form table tr:not(:last-child) td{
		border-bottom: none;
	}
}


/*===============================================
  画面の横幅が480px以下に適用
===============================================*/
@media screen and (max-width: 480px){
	.aside li{
		width: 100%;
		text-align: center;
		margin: 0 auto 20px;
		float: none;
	}
	.aside li.none{
		margin-right: 0%;
	}
	.content .contact {
		padding: 20px 10px;
	}
	.module.mod_h1 h1 {
		font-size: 2.4rem;
	}
	.module.mod_h2 h2 {
		font-size: 2.0rem;
	}
	/* pickup */
	.mod_pickup_gallery #gallery dl,
	.mod_gallery_list #gallery dl {
		float: none;
		width: 60% !important;
		margin: 0 auto 10px;
	}
	.mod_pickup_gallery #gallery dl:nth-child(3n),
	.mod_gallery_list #gallery dl:nth-child(3n) {
		margin-right: auto;
	}
	/* type01 */
	.mod_gallery_detail.gallery_type01 .img_big {
		width: 280px;
		margin-bottom: 25px;
	}
	.mod_gallery_detail.gallery_type01 .img_big a {
		width: 280px;
		height: 280px;
	}
	.mod_gallery_detail.gallery_type01 .img_big a img {
		max-width: 276px;
		max-height: 276px;
	}
	/* type02 */
	.mod_gallery_detail.gallery_type02 .img_big {
		width: 280px;
	}
	.mod_gallery_detail.gallery_type02 .img_big a {
		width: 280px;
		height: 280px;
	}
	.mod_gallery_detail.gallery_type02 .img_big a img {
		max-width: 276px;
		max-height: 276px;
	}
	.mod_news_list #news dl dt {
		float: none;
	}
	.mod_news_list #news dl dd {
		margin: 0;
	}
}
.text-center{
	text-align: center;
}
.marb-80{
	margin-bottom: 80px!important;
}