@charset "utf-8";
/* CSS Document */


#wrapper {
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}

/*　コンテンツ幅 */
section{
	width:1000px;
	margin:35px auto 0;
	position: relative;
	overflow: hidden;
	padding-top:65px;
}

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

		section{width:700px;}
	
}




@media screen and (max-width: 766px){
	
		section{width:100%;}
}


/*　見出しイメージ */
#sp{display:none;}

h2{
	height:200px;
	background:url(../img/h2.jpg) no-repeat;
}

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

		h2{background-position:center;}
}

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

		#sp{
			display:block;
			height:40px;
			background:#ffe2dd;
			margin-bottom:50px;
		}
		
		h2{
			width:640px;
			height:114px;
			background:url(../img/SP_h2.jpg) no-repeat;
			margin:0 auto;
		}
}



/*　-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------左：内容部-------------------------------------------------------------------------------------------------------------------------------------------------------- */

.SP_box {display:none;}
#L_box{
	display:block;
	margin:50px 30px 80px 0;
	width:770px;
	float:left;
}

#L_box > div > .p_day {
	margin-bottom:90px;
}


h3{width:770px;}

h3 > p{height:32px;}

#con1 > h3 > p{background:url(../img/title1.png) no-repeat;
	margin-bottom:40px;
	}


#L_box .month {
	font-size:16px;
	font-weight:bold;
	color:#ff7887;
	border-bottom:dotted 2px #ff7887;
	padding-left:20px;
}

.month span{
	font-size:26px;
}

.caution {
	background:#ffe9e9;
	height:auto;
	margin:10px 0;
	text-align:center;
}

.caution p span {
	color:#ff1d25;
	font-weight:bold;
}

.caution p {
	padding:20px 0;
}



/*--------------------------------ここからカレンダー   PC-------------------------------------------------------------*/

#table1{
	width:770px ;
	background-color:#ff7987;
	border-collapse:separate;
	border-spacing:1px;
	margin-top:20px;
}



#table1 tr td{
	position: relative;
	vertical-align: top;
	width:85px ;
	height: 150px;
	text-align: center;
	background-color: #fff;
	padding-bottom: 5px;
}

#table1 tr td.today{ background:#ffefef}

#table1 th{
	vertical-align: center;
	text-align: center;
	height: 40px;
	color: #FFF;
	background-color: #ffaab4;
}
.cell{
	position: absolute;
	top: 0%;
	width:100% ;
	height: 40px;
	border-bottom: #ddd dotted 1px;
    font-weight: bold;
    font-size: 1.4em;
	color: #534741;
	vertical-align: top;
	overflow: hidden;
	clear: both;
}
.point{vertical-align: top;}
.icon{vertical-align: top;}
.pin{padding-top: 50px;}


.li1 {background-image: url(../img/point_1.gif);}
.li2 {background-image: url(../img/point_2.gif);}
.li3 {background-image: url(../img/point_3.gif);}
.li4 {background-image: url(../img/point_4.gif);}
.li5 {background-image: url(../img/point_5.gif);}
.li {background-image: url(../img);}
.li7 {background-image: url(../img/point_7.gif);}
.li8 {background-image: url(../img/point_8.gif);}
.li9 {background-image: url(../img/point_9.gif);}
.li10 {background-image: url(../img/point_10.gif);}
.li11 {background-image: url(../img/point_11.gif);}
.li12 {background-image: url(../img/point_12.gif);}

.n_1{
	border: solid 1px #ff7887;
	padding: 20px 10px 10px 10px;
	margin-top: 30px;
	overflow:hidden;
}

ul#shop{ font-size:14px;}

ul#shop li {
    width: 150px;
    padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 10px;
    display: block;
    float: left;
    background-position: left top;
    background-repeat: no-repeat;
	line-height: 20px;
}


ul#shop li:nth-child(9) {
    width: 140px;
}


.eaon2 {background-image: url(../img/icon_eaon2.gif); line-height:20px;}
.sanribu_kiyase3{background-image: url(../img/icon_sanribu_kiyase3.gif);}
.eaon3 {background-image: url(../img/icon_eaon3.gif);}
.sanribu2 {background-image: url(../img/icon_sanribu2.gif);}
.nogata3 {background-image: url(../img/icon_nogata3.gif);}
.sanribu3 {background-image: url(../img/icon_sanribu3.gif);}
.amyu3 {background-image: url(../img/icon_amyu3.gif);}

#point {
	width: 750px;
	border: solid 1px #ff7887;
	padding: 20px 10px 10px 10px;
	margin-top: 30px;
	overflow:hidden;
	font-size:14px;
	}

#point li {
	display: inline-block;
	background-repeat: no-repeat;
    width: 260px;
    padding: 0px 0px 0px 90px;
    margin: 0px 5px 10px 10px;
    overflow: hidden;
	line-height:20px;
}



@media screen and (max-width: 1024px){
	
		#L_box{
			width:700px;
			float:none;
			margin-bottom:90px;
		}
		
		
		.n_1{
			background-position:center;
		}
		
		
		.n_2{	width:700px;}
	
	
		#con2 > div {background:url(../img/con21024.jpg) no-repeat;}
		
		
		#table1{
			width:700px ;
			border-collapse: collapse;
			border: solid 1px #ff7887;
		}
		
		#table1 td{
			position: relative;
			vertical-align: top;
			width:80px ;
			height: 150px;
			border: solid 1px #ff7887;
			text-align: center;
			background-color: #fff;
			padding-bottom: 5px;
		}
		
		#table1 th{
			vertical-align: center;
			border: solid 1px #ff7887;
			text-align: center;
			height: 40px;
		}
		.cell{
			position: absolute;
			top: 0%;
			width:100% ;
			height: 40px;
			border-bottom: #ddd dotted 1px;
			font-weight: bold;
			font-size: 1.4em;
			color: #534741;
			vertical-align: top;
			overflow: hidden;
			clear: both;
		}
		
		.point{vertical-align: top;}
		.icon{vertical-align: top;}
		
		
		.li1 {background-image: url(../img/point_1.gif);}
		.li2 {background-image: url(../img/point_2.gif);}
		.li3 {background-image: url(../img/point_3.gif);}
		.li4 {background-image: url(../img/point_4.gif);}
		.li5 {background-image: url(../img/point_5.gif);}
		.li {background-image: url(../img);}
		.li7 {background-image: url(../img/point_7.gif);}
		.li8 {background-image: url(../img/point_8.gif);}
		.li9 {background-image: url(../img/point_9.gif);}
		.li10 {background-image: url(../img/point_10.gif);}
		.li11 {background-image: url(../img/point_11.gif);}
		.li12 {background-image: url(../img/point_12.gif);}
		
		
		ul#shop li {
			width: 160px;
			padding: 0px 0px 0px 20px;
			margin: 0px 0px 10px 10px;
			display: block;
			float: left;
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 20px;
		}
	
	ul#shop li.li5{width: 180px;}
		
		ul#shop li:nth-child(2) {
			width: 180px;
		}
		
		ul#shop li:nth-child(4) {
			width: 160px;
		}
				
		ul#shop li:nth-child(9) {
			width: 180px;
		}
		
		.eaon2 {background-image: url(../img/icon_eaon2.gif);}
		.sanribu_kiyase3{background-image: url(../img/icon_sanribu_kiyase3.gif);}
		.eaon3 {background-image: url(../img/icon_eaon3.gif);}
		.sanribu2 {background-image: url(../img/icon_sanribu2.gif);}
		.nogata3 {background-image: url(../img/icon_nogata3.gif);}
		.sanribu3 {background-image: url(../img/icon_sanribu3.gif);}
		.amyu3 {background-image: url(../img/icon_amyu3.gif);}
		
		#point {
			width: 678px;
			height: 140px;
			border: solid 1px #ff7887;
			padding: 20px 10px 0px 10px;
			margin-top: 30px;}
		
		#point li {
			display: inline-block;
			background-repeat: no-repeat;
			width: 230px;
			padding: 0px 0px 0px 90px;
			margin: 0px 5px 10px 10px;
			overflow: hidden;
			font-size:12px;
}
		
		
}
		
		
@media screen and (max-width: 766px){/*記述追加*/

		#L_box{
			display:none;
		}
		
		.SP_box {
			display:block;
		}
	
		h3{
			width:100%;
			height:62px;
			padding-top:23px;
			margin-top:100px;
			margin-bottom:40px;
			background:#ff7887;
		}
		
		#con1 > h3{margin-top:60px;}
		
		#con1 > h3 > p{
			width:405px;
			margin:0 auto;
			background:url(../img/sp_title1.png) no-repeat;
		}
				
			
		.n_2{	
			width:600px;
			margin:0 auto;
		}
	
	
		#con2 > h3 > p{
			width:481px;
			margin:0 auto;
			background:url(../img/sp_title2.png) no-repeat;
		}
		
		#con2 > div {
			height:288px;
			margin:0 auto;
			background:url(../img/sp_con2.png) no-repeat;
		}
	
		
		#con3 > h3 > p{
			width:292px;
			margin:0 auto;
			background:url(../img/sp_title3.png) no-repeat;
		}
		
		
		#con4 > h3 > p{
			width:291px;
			margin:0 auto;
			background:url(../img/sp_title4.png) no-repeat;
		}
		
		#con5 > h3 > p{
			width:323px;
			margin:0 auto;
			background:url(../img/sp_title5.png) no-repeat;
		}

		.SP_box .month{
			font-size:24px;
			font-weight:bold;
			color:#ff7887;
			border-bottom:1px #000;
			text-align:center;
			line-height:35px;
			margin-bottom:20px;
			}
		
		.SP_box .month span{
			font-size:40px;
		}
		
		.SP_box .caution {
			background:#ffe9e9;
			height:auto;
			margin:30px 0;
			text-align:left;
			font-size:22px;
			line-height:35px;
		}
		
		.SP_box .caution p span {
			color:#ff1d25;
			font-weight:bold;
		}
		
		.SP_box .caution p {
			padding:20px 20px;
		}
		
		.SP_box #table1{
			width:600px ;
			border-collapse: collapse;
			border: solid 1px #ff7887;
			margin:0 auto;
		}
		#table1 td{
			position: relative;
			vertical-align: top;
			width:85px ;
			height: 150px;
			border: solid 1px #ff7887;
			text-align: center;
			background-color: #fff;
			padding-bottom: 5px;
		}
		
		#table1 th{
			vertical-align: center;
			border: solid 1px #ff7887;
			text-align: center;
			height: 40px;
		}
		.cell{
			position: absolute;
			top: 0%;
			width:100% ;
			height: 40px;
			border-bottom: #ddd dotted 1px;
			font-weight: bold;
			font-size: 1.4em;
			color: #534741;
			vertical-align: top;
			overflow: hidden;
			clear: both;
		}
		.point{vertical-align: top;}
		.icon{vertical-align: top;}
		
		ul#shop li.li10{margin: 0px 0 0 30px;}
		ul#shop li.li11{margin: 0px 0 0 30px;}

		.li1 {background-image: url(../img/point_1sp.gif);}
		.li2 {background-image: url(../img/point_2sp.gif);}
		.li3 {background-image: url(../img/point_3sp.gif);}
		.li4 {background-image: url(../img/point_4sp.gif);}
		.li5 {background-image: url(../img/point_5sp.gif);}
		.li7 {background-image: url(../img/point_7sp.gif);}
		.li8 {background-image: url(../img/point_8sp.gif);}
		.li9 {background-image: url(../img/point_9sp.gif);}
		.li10 {background-image: url(../img/point_10sp.gif);}
		.li11 {background-image: url(../img/point_11sp.gif);}
		.li12 {background-image: url(../img/point_12sp.gif);}
		
		.n_1{
			width: 600px;
			height:auto;
			border: solid 1px #ff7887;
			padding: 20px 0;
			margin:0 auto;
			margin-top: 30px;
		}
		
		ul#shop li {
			width:220px;
			height:30px;
			padding: 6px 0 0 40px;
			margin: 0px 0 15px 30px;
			display: block;
			float: left;
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 20px;
			font-size:20px;
		}
	ul#shop li.li5{width: 220px;}
		.SP_box ul#shop li:nth-child(2) {
			width:220px;
		}
		
		
		.eaon2 {background-image: url(../img/icon_eaon2sp.gif);}
		.sanribu_kiyase3{background-image: url(../img/icon_sanribu_kiyase3sp.gif);}
		.eaon3 {background-image: url(../img/icon_eaon3sp.gif);}
		.sanribu2 {background-image: url(../img/icon_sanribu2sp.gif);}
		.nogata3 {background-image: url(../img/icon_nogata3sp.gif);}
		.sanribu3 {background-image: url(../img/icon_sanribu3sp.gif);}
		.amyu3 {background-image: url(../img/icon_amyu3sp.gif);}
		
		#point {
			width: 600px;
			height: 230px;
			border: solid 1px #ff7887;
			padding: 20px 0 0;
			margin:30px auto 90px;
			}
		
		#point li {
			float: left;
			background-repeat: no-repeat;
			width: 550px;
			padding: 0px 0px 0px 160px;
			margin: 5px 10px 18px 20px;
			line-height:35px;
			overflow: hidden;
			font-size:23px;
			
		}
		
}

/*　ここから触った～～～～～
@media screen and (min-width: 767px){
#table1{
	width:770px ;
	border-collapse: collapse;
	border: solid 1px #ff7887;
}
#table1 td{
	position: relative;
	vertical-align: top;
	width:110px ;
	height: 150px;
	border: solid 1px #ff7887;
	text-align: center;
	background-color: #fff;
	padding-bottom: 5px;
}
#table1 th{
	vertical-align: center;
	border: solid 1px #ff7887;
	text-align: center;
	height: 40px;
	color: #ff7887;
	background-color: #ffe9e9;
}
.cell{
	position: absolute;
	top: 0%;
	width:100% ;
	height: 40px;
	border-bottom: #ddd dotted 1px;
    font-weight: bold;
    font-size: 1.4em;
	color: #534741;
	vertical-align: top;
	overflow: hidden;
	clear: both;
}
.point{vertical-align: top;}
.icon{vertical-align: top;}
.pin{padding-top: 50px;}
}

@media screen and (max-width: 766px){
#table1{
	width:700px ;
	border-collapse: collapse;
	border: solid 1px #ff7887;
}
#table1 td{
	position: relative;
	vertical-align: top;
	width:100px ;
	height: 150px;
	border: solid 1px #ff7887;
	text-align: center;
	background-color: #fff;
	padding-bottom: 10px;
}
#table1 th{
	vertical-align: center;
	border: solid 1px #ff7887;
	text-align: center;
	height: 40px;
	color: #ff7887;
	background-color: #ffe9e9;
}
.cell{
	position: absolute;
	top: 0%;
	width:100% ;
	height: 40px;
	border-bottom: #ddd dotted 1px;
    font-weight: bold;
    font-size: 1.4em;
	color: #534741;
	vertical-align: top;
	overflow: hidden;
	clear: both;
}
.point{vertical-align: top;}
.icon{vertical-align: top;}
.pin{padding-top: 50px;}
}

@media screen and (max-width:640px){
#table1{
	width:600px ;
	border-collapse: collapse;
	border: solid 1px #ff7887;
	margin: 0px auto;
	overflow: hidden;
}
#table1 td{
	position: relative;
	vertical-align: top;
	width:85px ;
	height: 150px;
	border: solid 1px #ff7887;
	text-align: center;
	background-color: #fff;
	padding-bottom: 10px;
}
#table1 th{
	vertical-align: center;
	border: solid 1px #ff7887;
	text-align: center;
	height: 40px;
	color: #ff7887;
	background-color: #ffe9e9;
}
.cell{
	position: absolute;
	top: 0%;
	width:100% ;
	height: 40px;
	border-bottom: #ddd dotted 1px;
    font-weight: bold;
    font-size: 1.4em;
	color: #534741;
	vertical-align: top;
	overflow: hidden;
	clear: both;
}
.point{vertical-align: top;}
.icon{vertical-align: top;}
.pin{padding-top: 50px;}
}
 */