@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

.top-img {
	background: url(../../../img/top02.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 50%;
	width: 100%;
	height: 0;
	position: relative;
}
.top-img-002 {
	position: absolute;
	top: 4em;
	left: 50%;
	margin-left: -119px;
}
.Information {
	background: url(../../../img/top03.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 55%;
	width: 100%;
	height: 0;
	position: relative;
}
.Information .Wrap {
	position: absolute;
	top: 3em;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
}
.Information .Wrap h2 {
	color: #fff;
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	font-size: 2.5em;
	text-shadow: 1px 1px 3px #000;
	text-align: center;
}
.Information .Wrap h2 span {
	font-size: 0.85em;
}
.Information .Wrap p {
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	background: url(../../../img/bg.png);
	padding: 2em;
}
.Caretaker {
	background: #380C6F;
	color: #fff;
	padding: 3em 0;
}
.Caretaker .Wrap {
	width: 1000px;
	margin: 0 auto;
}
.Caretaker .Wrap img {
	width: 40%;
	margin: 0;
	margin-right: 2em;
}
.Caretaker h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	font-size: 2em;
}
.Setsubun {
	background: url(../../../img/016.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 25%;
	width: 100%;
	height: 0;
	position: relative;
}
.Setsubun .Wrap {
	position: absolute;
	top: 4em;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}
.Setsubun h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	font-size: 2.5em;
	text-align: center;
}
.Setsubun dl {
	margin-top: 1em;
}
.Setsubun dt {
	float: left;
	font-weight: bold;
}
.Setsubun dd {
	margin-left: 380px;
}
.Time {
	background: url(../../../img/003.jpg) repeat-x;
}
.Time .Wrap {
	width: 1160px;
	margin: 0 auto;
	background: #fff;
}
.Time .Wrap img {
	width: 50%;
	margin: 0;
}
.Time .Time-box {
	padding: 2em 3em 0 0;
	float: right;
	width: 45%;
}
.Time .Time-box h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	color: #E95B5D;
}
.Boar {
	background: url(../../../img/005.jpg) repeat-x;
}
.Boar .Wrap {
	width: 1160px;
	margin: 0 auto;
	background: #fff;
}
.Boar .Wrap img {
	width: 50%;
	margin: 0;
}
.Boar .Boar-box {
	width: 45%;
	padding: 1.2em 0 0 3em;
	float: left;
}
.Boar .Boar-box h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	color: #E95B5D;
}
.Boar .Boar-box li span {
	font-weight: bold;
	padding-right: 2em;
}
.Boar .Boar-box p span {
	font-size: 0.9em;
}
.Subscription {
	background: url(../../../img/007.jpg) repeat-x;
}
.Subscription .Wrap {
	width: 1160px;
	margin: 0 auto;
	background: #fff;
}
.Subscription .Wrap img {
	width: 50%;
	margin: 0;
}
.Subscription h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	color: #E95B5D;
	font-size: 1.4em;
}
.Subscription .Subscription-box {
	padding: 1.2em 2.5em 0 0;
	float: right;
	width: 46%;
}
.Subscription .Subscription-box strong {
	color: #B11B1E;
}
.Subscription .Subscription-box a {
	background: #A03E40;
	color: #fff;
	text-decoration: none;
	padding: 0.5em 2em;
}
.Subscription .Subscription-box a:hover {
	background: #662B2C;
}
.Visit {
	padding-top: 3em;
}
.Visit .Wrap {
	width: 1160px;
	margin: 0 auto;
	background: #fff;
}
.Visit .Wrap img {
	width: 50%;
	margin: 0;
}
.Visit .Wrap h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	border-left: 6px solid #9E1719;
	padding-left: 1em;
	margin-bottom: 1em;
}
.ls-box {
	background: linear-gradient(90deg, #FEFFEE 0%, #FEFFEE 50%, #FFEEEE 50%, #FFEEEE 100%);
	margin-top: 3em;
}
.ls-box .Wrap {
	width: 1160px;
	margin: 0 auto;
}
.ls-box .Wrap h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	border-bottom: 1px solid #888;
}
.ls-box .Wrap strong {
	color: #982628;
}
.ls-box .Wrap dl {
	border: 1px dotted #888;
	padding: 1em;
	background: #fff;
}
.ls-box .Wrap dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.ls-box .Wrap .Lottery {
	width: 50%;
	float: left;
	background: url(../../../img/mame.png) no-repeat center right 3em;
	padding: 2em;
}
.ls-box .Wrap .Sake {
	width: 50%;
	float: right;
	background: #FFEEEE;
	padding: 2em;
}
.ls-box .Wrap span {
	padding-right: 1em;
}
.Goods {
	margin-top: 3em;
}
.Goods .Wrap {
	width: 1160px;
	margin: 0 auto;
}
.Goods .Wrap h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	border-left: 6px solid #804BAC;
	padding-left: 1em;
}
.Goods .Wrap ul {
	padding-left: 0;
	border-left: 1px solid #804BAC;
	border-top: 1px solid #804BAC;
}
.Goods .Wrap li {
	width: 50%;
	float: left;
	border-right: 1px solid #804BAC;
	border-bottom: 1px solid #804BAC;
	list-style: none;
	padding: 2em;
	height: 700px;
}
.Goods .Wrap li h3 {
	color: #fff;
	background: #804BAC;
	padding: 0.5em 1em;
}
.Goods .Wrap span {
	font-weight: bold;
	padding-right: 2em;
}
.News {
	margin-top: 3em;
}
.News h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	border-left: 6px solid #0B9434;
	padding-left: 1em;
	margin-bottom: 1em;
}
.Status {
	background: #D76E70;
	padding: 2em 0;
	margin-top: 3em;
}
.Status .Wrap {
	width: 1160px;
	margin: 0 auto;
}
.Status table {
	background: #fff;
	margin-top: 1em;
}
.Status table th { font-weight: normal;
}
.Status table td {
	text-align: center;
}
.Status table td.End {
	background: #ccc;
}
.Status h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	color: #fff;
}
.Status p {
	font-size: 0.9em;
	color: #fff;
}
.Contact {
	background: #fff;
	padding: 2em 0;
	margin-top: 3em;
}
.Contact .Wrap {
	width: 1160px;
	margin: 0 auto;
}
.Contact .Wrap h2 {
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
	border-left: 6px solid #D87608;
	padding-left: 1em;
}
.Contact .Wrap table {
}
.Contact input[type="submit"] {
	width: 30%;
	margin: 2em 0 0 2em;
}
.Notices {
	background: #eee;
	padding: 2em 0;
}
.Notices .Wrap {
	width: 1160px;
	margin: 0 auto;
}
.Notices .Wrap h2 {
	font-size: 1em;
	font-family: "A1MinchoStd-Bold", "A1 Mincho", serif;
}
.Notices .Wrap li {
}
.Info {
	background: #333;
	padding: 2em 0;
}
.Info .Wrap {
	width: 1160px;
	margin: 0 auto;
}
.Info .Wrap dl {
	color: #fff;
}
.Info .Wrap dt {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.Info .Wrap img {
	width: 25%;
}

.h3_daino {
    padding:0 .4em .2em;
    border-bottom: 3px dotted #fff;
   
    color: #fff; margin-top:35px;
}
.table_daino th { width:50%; padding:1em; font-weight:600!important;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {
/*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px) {
/*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px) {
/*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
/*必要ならばここにコードを書く*/
.top-img {
	padding-top: 100%;
}
.top-img-002 {
	height: 90%;
	top: 1.5em;
	margin-left: -80px;
}
.Information {
	position: static;
	padding-top: 2em;
	height: auto;
	background-size: auto;
}
.Information .Wrap {
	position: static;
	width: 100%;
	margin-left: 0;
}
.Caretaker {
	padding: 0;
}
.Caretaker .Wrap {
	width: 100%;
}
.Caretaker .Wrap img {
	width: 100%;
	margin-bottom: 2em;
}
.Caretaker h2 {
	text-align: center;
}
.Caretaker p {
	padding: 0 2em 2em 2em;
}
.Setsubun {
	background-size: auto;
	padding-top: 0;
	height: auto;
	width: 100%;
	position: static;
}
.Setsubun .Wrap {
	position: static;
	width: 100%;
	margin-left: 0;
	padding: 2em 0;
}
.Setsubun dl {
	margin-top: 1em;
	text-align: center;
}
.Setsubun dt {
	float: none;
	font-weight: bold;
}
.Setsubun dd {
	margin-left: 0;
	margin-bottom: 1em;
}
.Time {
	background: none;
	padding : 3em 2em 0 2em ;
}
.Time .Wrap {
	width: 100%;
}
.Time .Wrap img {
	width: 100%;
	float: none;
}
.Time .Time-box {
	padding:0;
	float: none;
	width: 100%;
}
.Time .Time-box h2 {
	text-align: center;
}
	
	.Boar { background: none; padding : 3em 2em 0 2em ;}
.Boar .Wrap { width: 100%; }
.Boar .Wrap img { width:100%; float: none; }
.Boar .Boar-box { width:100%; padding:0; float: none; }
.Boar .Boar-box h2 { text-align: center; }
	
	
	
	.Subscription {padding : 3em 2em 0 2em ;
	background: none;
}
.Subscription .Wrap {
	width: 100%;
	
}
.Subscription .Wrap img {
	width: 100%; margin-bottom: 1em;
}
.Subscription h2 { text-align: center; float: none; font-size: 1em; }
.Subscription .Subscription-box {
	padding:0;
	float: none;
	width: 100%;
}

.Subscription .Subscription-box a {
	padding: 0.5em 1em; font-size: 0.9em;
}

	
	
	
.Visit {
	padding : 3em 2em 0 2em ;
}
.Visit .Wrap {
	width: 100%;
	
}
.Visit .Wrap img {
	width: 100%; 
	
}
.Visit .Wrap h2 { font-size: 1.15em;
}	
	
	
	
	
	
	.ls-box .Wrap {
	width: 100%; 
}
.ls-box .Wrap .Lottery { 
	width: 100%;
	float: none;
	background:#FEFFEE ;
	
}
.ls-box .Wrap .Sake {
	width: 100%;
	float: none;
	
}
.ls-box .Wrap span {
	padding-right: 1em;
}	
	

	
	
	
	

.Goods .Wrap {
	width: 100%; padding : 0 2em 0 2em ;
}
 
.Goods .Wrap ul {
	padding-left: 0;
	border-left: 1px solid #804BAC;
	border-top: 1px solid #804BAC;
}
.Goods .Wrap li {
	width: 100%;
	float: none; 
	padding: 1em;
	height: auto ;
}
 
 
	
	
	
	
	
	
	
	.Status {
	 
	padding: 2em ;
	 
}
.Status .Wrap {
	width: 100%; 
}
 
	
	
	
	.Contact { padding: 2em ;
	margin-top: 3em;
}
.Contact .Wrap {
	width: 100%; 
}
 

	
	
	
	
	.Notices { padding: 2em ;
}
.Notices .Wrap {
	width: 100%; 
}
 .Notices .Wrap ul { padding-left: 0; font-size: 0.9em;
}
 
	
.Info { padding: 2em ;
}
.Info .Wrap {
	width: 100%; 
}
 
 
.Info .Wrap img {
	width: 100%;
}	

/* DAINO */

.yoyaku {font-size: 21px; color: #FFF500; padding-left: 20px;} .form_red {font-size: 21px; color: #FF0004; padding-left: 20px;} .sp {margin-right: 10px;} .ls-box .Wrap h2 {margin-bottom: 30px;} .grecaptcha-badge {visibility: hidden;} .reCAPTCHA {font-size: 14px; margin-top: 25px; line-height: 1.5;} p {margin-top: 1em;} .Visit .Wrap {background: none;} .ls-box .Wrap dl {margin-top: 25px;} .Goods .Wrap ul {margin-top: 25px;} .Contact .Wrap table {margin-top: 25px;} @media screen and (max-width: 480px) { .Time .Wrap, .Boar .Wrap, .Subscription .Wrap {background: none;} }