@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

body {
	background-image: url(../img/bg.png);
	background-repeat: repeat-y;
	background-size: contain;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: #EA4788;
}
a:visited {
	color: #CD4A7D;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
}

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

/*  font
----------------------------------*/

h1 {
	font-size: 7px;
	color: #BDA894;
}

h2 {
	clear: both;
	background-color: #5D4A36;
	padding: 10px;
	color: #fff;
	font-size: 15px;
	border-radius : 5px;
}

h3 {
	clear: both;
	background-color: #F3D5DB;
	padding: 5px;
	color: #6A3A0D;
	font-size: 15px;
	text-align: center;
}

h4 {
	padding: 8px;
    border-left: 7px solid #D680A4;
	background-color: #F3D5DB;
	color: #5D4A36;
	font-size: 13px;
	clear: both;
}

p {
	color: #5D4A36;
	font-size: 13px;
	clear: both;
	padding-top: 10px;
	line-height: 1.6;
}

p.dl {
	color: #5D4A36;
	font-size: 13px;
	padding-top: 0;
	clear: both;
}

p.dt {
	color: #5D4A36;
	font-size: 13px;
	padding-top: 0;
	clear: both;
}

p.syousai {
	text-align: center;
}

.pink {
	color: #EA4788;
	font-weight: bold;
}

.green {
	color: #539239;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.bold2 {
	font-weight: bold;
	font-size: 15px;
}

p.p-l {
	font-size: 13px;
	text-align: center;
}

p.p-l2 {
	font-size: 13px;
	text-align: center;
}

.m-0 {
	margin: 0;
}

.m-10 {
	margin-top: 10px;
}

/*  header
----------------------------------*/

#header {
	width: 100%;
}

.h-l {
	width: 90%;
	padding-top: 5px;
	margin: 0 auto;
}

.h-r {
	width: 100%;
	padding-top: 10px;
}

ul.h-ul {
	width: 100%;
}

ul.h-ul li{
	width: 45%;
	margin-left: 2%;
	float: left;
}

.m-l {
	padding-left: 10px;
}

/*  nav
--------------------------------*/

.js #menu {
		display:none;
	}

.js .slicknav_menu {
		display:block;
	}

#menu {
	display: none;
}

.nav-s {
	display: none;
}


/*  content
--------------------------------*/

#content {
	width: 100%;
}

.main {
	clear: both;
	padding-top: 10px;
}

table.ten {
	width: 100%;
	color: #5D4A36;
	font-size: 13px;
	line-height: 1.7;
}

table.ten th{
	width: 5%;
	vertical-align: top;
}

table.ten td{
	width: 94%;
}

/* 　画像切り替えclass
----------------------------------*/

.switch {
    visibility: hidden;
}


/*  content-l
----------------------------------*/

.c-l {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
}

ul.banner {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

ul.banner li{
	margin-top: 20px;
}

.jikan {
	text-align: center;
}

dl.osirase {
	width: 100%;
	padding-top: 5px;
	color: #5D4A36;
	font-size: 13px;
}

dl.osirase dt{
	 width: 100%;
	 margin-bottom: 10px;
	 text-align: left;
}

dl.osirase dd{
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

dl.osirase2 {
	width: 100%;
	padding-top: 5px;
	color: #5D4A36;
	font-size: 13px;
}

dl.osirase2 dt{
	 width: 100%;
	 margin-bottom: 10px;
	 text-align: center;
}

dl.osirase2 dd{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

/*  content-r
----------------------------------*/

.c-r {
	width: 100%;
	padding-top: 20px;
}

ul.yoko2 {
	width: 100%;
}

ul.yoko2 li{
	width: 80%;
	margin: 0 auto;
	padding-top: 15px;
}

.m-l {
	margin-left: 5px;
}

ul.photo {
	text-align: center;
}

ul.photo li{
	margin-top: 20px;
}

dl.annai {
	width: 100%;
	clear: both;
}

dl.annai dt{
	width: 100%;
}

dl.annai dd{
	width: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
}

dl.info {
	width: 100%;
}

dl.info dt{
	width: 100%;
}

dl.info dd{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}

.sp-none {
	display: none;
}

dl.q {
	width: 100%;
	clear: both;
	padding-top: 10px;
}

dl.q dt{
	width: 15%;
	float: left;
}

dl.q dd{
	width: 80%;
	float: right;
	padding-top: 15px;
	color: #539239;
	font-weight: bold;
	font-size: 18px;
}

dl.a {
	width: 100%;
	clear: both;
	padding-top: 10px;
}

dl.a dt{
	width: 15%;
	float: left;
	padding-left: 3%;
}

dl.a dd{
	width: 80%;
	float: right;
	padding-top: 15px;
	color: #5D4A36;
	font-size: 13px;
	padding-bottom: 20px;
}

dl.a-l {
	width: 100%;
	clear: both;
	padding-top: 10px;
}

dl.a-l dt{
	width: 15%;
	float: left;
	padding-left: 3%;
}

dl.a-l dd{
	width: 80%;
	float: right;
	padding-top: 15px;
	color: #5D4A36;
	font-size: 13px;
	padding-bottom: 70px;
}

.nagare-b {
	width: 100%;
}

dl.nagare {
	width: 100%;
	clear: both;
	padding-top: 20px;
}

dl.nagare dt{
	width: 10%;
	float: left;
}

dl.nagare dd{
	width: 88%;
	float: right;
	color: #5D4A36;
	font-size: 13px;
}

span.n-green {
	color: #539239;
	font-weight: bold;
	font-size: 16px;
}

dl.yoko3 {
	padding-top: 10px;
}

dl.yoko3 dt{
	padding-top: 5px;
}

dl.yoko3 dd{
	padding-top: 20px;
	text-align: center;
}


.in_news img{
    float:right;
    width:100px;
    height:auto;
    margin-left:10px;
}

/*  メールフォーム
----------------------------------*/

#formWrap {
	width:100%;
	margin:0 auto;
	color:#5D4A36;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable input,
table.formTable textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table.formTable td,table.formTable th{
	border:1px solid #595757;
	background: #fff;
	padding:10px;
}
table.formTable th{
	width:25%;
	font-weight:normal;
	background:#F0D3D8;
	text-align:left;
}

.syoujyou {
	width: 90%;
	height: 100px;
}

.name {
	width: 60%;
}

.yubin {
	width: 25%;
}

.adress {
	width: 85%;
}

/*  footer
----------------------------------*/

#sitemap-bg {
}

.sitemap {
	display: block;
	width: 100%;
	font-size: 12px;
	margin: 0 auto;
}

.sitemap li {
	background-image: url(../img/sitemap-bg.png);
	background-repeat: repeat-x;
	background-position: center left;
	width: 94%;
	padding: 10px;
	margin-top: 10px;
	text-align: left;
}

.sitemap li a{
	font-weight: bold;
	display: block;
	color: #5D4A36;
}

.sitemap li a:hover{
	width: 100%;
}

.f-logo {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
	/*padding-bottom: 20px;*/
	padding-bottom: 70px;
}
.f-logo img{
	display:block;
	margin:0 auto;
}
.pagetop {
	position: fixed;
	right: 10px;
	bottom: 35px;
	width: 60px;
}

.footer-bg {
	background-color: #5D4A36;
	height: 60px;
}

.copy {
	color: #fff;
	text-align: center;
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.mob {
	display:none;
	}

.gridContainer {
	width: 80%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
/*  font
----------------------------------*/

p.p-l {
	font-size: 12px;
	text-align: center;
}

p.p-l2 {
	font-size: 12px;
	text-align: left;
}

p.syousai {
	text-align: left;
}

/*  header
----------------------------------*/

#header {
	width: 100%;
}

.h-l {
	width: 40%;
	float: left;
	padding-top: 5px;
}

.h-r {
	width: 55%;
	float: right;
	padding-top: 10px;
}

ul.h-ul {
	width: 100%;
}

ul.h-ul li{
	width: 47%;
	float: left;
	margin-left: 0;
}

/*  nav
--------------------------------*/

#nav-bg {
	background-image: url(../img/nav-bg.png);
	background-repeat: repeat-x;
	background-position: center left;
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.slicknav_menu {
		display: none;
	}

#menu {
	display: block;
	width: 100%;
	font-size: 12px;
	margin: 0 auto;
}

#menu li {
	width: 12.2%;
	float: left;
	text-align: center;
}

#menu li a{
	padding-top: 10px;
	display: block;
	color: #6A3A0D;
}

#menu li a:hover{
	background-image: url(../img/nav-a-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 25%;
	width: 100%;
	height: 36px;
}

.nav-s {
	display: inline-block;
	width: 80%;
}

.navsp {
	display: none;
}

/*  content
--------------------------------*/

#content {
	width: 100%;
	position: relative;
	top: 0;
	height: 1000px;
}


/*  content-l
----------------------------------*/

.c-l {
	width: 30%;
	float: left;
	position: relative;
	top: 0;
	padding-bottom: 0;
}

ul.banner {
	text-align: center;
	width: 100%;
	margin: 0;
}

ul.banner li{
	margin-top: 10px;
}

dl.osirase {
	width: 100%;
	padding-top: 5px;
	color: #5D4A36;
	font-size: 13px;
}

dl.osirase dt{
	 float:left;
	 clear:left;
	 width: 25%;
	 margin-bottom: 10px;
}

dl.osirase dd{
	width: 70%;
	float: right;
	margin-bottom: 10px;
}

dl.osirase2 {
	font-size: 12px;
	width: 90%;
	margin: 0 auto;
}

dl.osirase2 dt{
}

dl.osirase2 dd{
}

/*  content-r
----------------------------------*/

.c-r {
	width: 65%;
	float: right;
	padding-bottom: 60px;
}

ul.yoko2 {
	width: 100%;
}

ul.yoko2 li{
	width: 48%;
	float: left;
}

.m-l {
	padding-left: 10px;
}

ul.photo {
	text-align: center;
	clear: both;
}

ul.photo li{
	width: 42%;
	float: left;
	margin-left: 5%;
	margin-top: 0;
	padding-top: 0;
}

dl.annai {
	width: 100%;
}

dl.annai dt{
	width: 40%;
	float: right;
	padding-bottom: 30px;
}

dl.annai dd{
	width: 50%;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}

dl.info {
	width: 100%;
}

dl.info dt{
	width: 25%;
	float: right;
	padding-bottom: 0px;
}

dl.info dd{
	width: 70%;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sp-none {
	display: block;
}

.nagare-r {
	width: 30%;
	float: right;
}

.nagare-l {
	width: 67%;
	float: left;
}

/*  メールフォーム
----------------------------------*/

.name {
	width: 50%;
}

.adress {
	width: 55%;
}

/*  footer
----------------------------------*/

#sitemap-bg {
	background-image: url(../img/sitemap-bg.png);
	background-repeat: repeat-x;
	background-position: center left;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sitemap {
	display: block;
	width: 100%;
	font-size: 9px;
	margin: 0 auto;
}

.sitemap li {
	background-image: none;
	/*width: 12.3%;*/
	width: 10.3%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

.sitemap li a{
	padding-top: 10px;
	font-weight: bold;
	display: block;
	color: #6A3A0D;
}

.sitemap li a:hover{
	width: 100%;
}

.pagetop {
	position: fixed;
	right: 10px;
	bottom: 60px;
	width: 82px;
}

.f-logo {
	width: 50%;
	margin: 0 auto;
	padding-bottom:20px;
}

.footer-bg {
	background-color: #5D4A36;
	height: 55px;
}

.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

@media only screen and (min-width: 999px) {

dl.yoko3 {
	width: 100%;
	padding-top: 10px;
}

dl.yoko3 dt{
	width: 50%;
	float: left;
	padding-top: 0;
}

dl.yoko3 dd{
	width: 45%;
	float: right;
	padding-top: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1199px) {

.gridContainer {
	width: 1200px;
	max-width: 1920px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
/*  font
----------------------------------*/
/*  header
----------------------------------*/

.h-l {
	padding-top: 10px;
}

.h-r {
	padding-top: 15px;
}

/*  nav
--------------------------------*/

#nav-bg {
	padding-top: 20px;
	padding-bottom: 20px;
}

#menu {
	font-size: 15px;
}

#menu li a{
	padding-top: 8px;
}

.nav-s {
	width: 70%;
}

/*  content
--------------------------------*/

#content {
	height: 1100px;
}

/*  content-l
----------------------------------*/

dl.osirase dt{
	 float:left;
	 clear:left;
	 width: 15%;
	 margin-bottom: 10px;
}

dl.osirase dd{
	width: 70%;
	float: left;
	margin-bottom: 10px;
}

dl.osirase2 {
	width: 80%;
}

dl.osirase2 dt{
	width: 45%;
	 text-align: left;
	 float: left;
	 clear: left;
}

dl.osirase2 dd{
	width: 45%;
	float: right;
	text-align: left;
	padding-left: 0px;
}

/*  content-r
----------------------------------*/

.c-r {
	padding-bottom: 120px;
}

dl.q dt{
	width: 8%;
	float: left;
}

dl.q dd{
	width: 88%;
}

dl.a dt{
	width: 8%;
}

dl.a dd{
	width: 88%;
	font-size: 15px;
}


dl.a-l dt{
	width: 8%;
}

dl.a-l dd{
	width: 88%;
	font-size: 15px;
}

.nagare-r {
	width: 27%;
	float: right;
}

.nagare-l {
	width: 67%;
	float: left;
}


/*  footer
----------------------------------*/

.sitemap {
	font-size: 10px;
}

.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}


.yoko3 p{
    margin:0 !important;
    padding:0 !important;
}

.in_news{
    margin-bottom:10px;
}


.index-bu {
text-align: center;
}
.index-bu img {
width: min(100%,550px);
margin: 3rem 0;
}

.credit {
	width: 100%;
	max-width: 300px;
	background: #fff;
	border: solid 1px #539239;
	padding: 15px 0px;
	text-align: center;
	margin: 15px auto;
}


.notes.notes2 span span {
font-size: inherit;
}

.notes.notes2 strong {
color: #CE4F81;
text-decoration: underline;
}