@media(min-width: 1040px){
	
	
	
.pcheader{ width:100%; }
.ie{ display:none; }
#top_index{ width: 100%; height: 100%; min-height: 100%; }

html,
body,
#top_index {height:100%;}
#top_index{
	width:100%;
	
	}

.indexbox{
	width: 800px;
	height: auto;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -400px;
	}
.indexbox img{
	width:100%;}

.indexbox .topbtn{
	width:500px;
	border:5px solid #fff;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	position:relative;
}
.indexbox .topbtn a{
	color:#fff;
	font-size:18px;
	text-decoration:none;
	display: block;
	padding:20px 0;
}

.indexbox .topbtn:hover{
	background-color:rgba(255,255,255,0.30);
}


.indexentrybox{
	width:800px;
	height:auto;
	position:absolute;
	top:25%;
	left:50%;
	margin-left:-400px;
	}
.indexentrybox img{
	width:100%;}






.mbheader{
	display:none;}

.mobilebr {
		display: none;
	}

.entry_btn{
	width:80%;
	text-align:center;
	border:1px solid #0086C7;
	color:#fff;
	padding:3%;
	margin:0 auto;
	margin-top:5%;
	text-decoration:none;
	display:block;
	background-color:rgba(0,0,0,0.2);
	
}

.entry_btn a{
	text-decoration:none;
	color:fff;
	display:block;
}


.entry_btn a:hover{
	text-decoration:none;
	color:fff;
	display:block;
}





.summary_section{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:3% 0;
	}

.summary_section p.subtitle{
	margin:3% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}


.yoko{
	width:100%;
	max-width:750px;
	margin:0 auto;
	margin-top:7%;
		
}

.yoko dt {
	float:left;
	color:#373737;
	font-weight: normal;
	width:200px;
    padding: 10px 0;
	text-align:center;
	clear:left;
	font-size:22px;
    font-family: 'Julius Sans One', sans-serif;
}

.yoko dt .sub{
	font-size:10px;
	margin-top:3px;
	color:#003188;
	margin-top:10px;}

.yoko dd {
 	padding: 10px 0px 10px 0;
	clear:right;
	margin-left:230px;
}

.yokoline{
	width:100%;
	border-bottom:1px #5E5E5E dotted;
	clear:both;
	margin:10px 0;
	}


.section2{
	height:100%;
	
  }


.entry{
	width:90%;
	max-width:800px;
	padding:5% 0;
	margin:0 auto;
	text-align:center;}

.entry p.subtitle{
	margin:3% 0 5% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}
	
	
.entry .btn{
	width:400px;
	padding:15px 0;
	text-align:center;
	font-size:16px;
	margin:0 auto;
	margin-top:5%;
	color:#fff;
	background-color:#747474;
	border:1px solid #747474;
	}
	
.entry .btn a{
	text-decoration:none;
	color:#fff;
	display:block;}



/*section2　上段*/
.primary_section{
	margin:0 auto;
	width:90%;
	max-width:1000px;
	padding-bottom:1%
	}

	
	
	
	
	
.carnival{
	width:100%;
	height:auto;
	padding:5% 0 0 0;
	margin:0 auto;
	text-align:center;}
	
	
.carnival_bg{
	margin-top:500px;
	background-color:#fff;
	width:100%;}


.carnival_box{
	width:100%;
	max-width:800px;
	padding:5% 0;
	margin:0 auto;
	text-align:center;}
	
	
	

.carnival p.subtitle{
	margin:3% 0 5% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}

	
	
	
	
	
	
#footer{
	width:100%;
	padding:1% 0;
	background-color:#FFD7F2;
	margin-top:4%;
	color:#767676;
	}	
.footer_contents{
	width:80%;
	max-width:1000px;
	margin:0 auto;
	line-height:1.9em;
	text-align:center;}

 .knt_co{
	font-size:170%;
	margin:4% 0 2% 0;
	letter-spacing:0.15em;}


#footer .title{
    position: relative;
    font-size:18px;
    font-weight: bold;
    padding:2px 0 5px 45px;
	margin:0 0 20px -20px;
	letter-spacing:1px;
    color: #CD0053;/*文字色*/

}
 
#footer .title:before{
    content: "★";
    position: absolute;
    color: #CD0053;/*右上の■の色*/
	font-size:24px;
    top:-5px;
    left:11px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg); }
 
#footer .title:after{
    content: "★";
    position: absolute;
    color:#E04894;/*左下の■の色*/
	top:8px;
    left:4px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg); }

.kntname{
	font-size:15px;
	font-weight:bolder;}
.otoiawase{
	padding-left:20px;}
.otoiawase .title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	color:#B41240;
	border-bottom:#B41240 1px dotted;}
.otoiawase .box{
	border:1px solid #6B0021;
	padding:10px;
	margin:5px 0;
	}
















	
	
	
table.web ul {}
table.web ul li{ list-style-type:decimal; margin-left:20px;}	


.youtube2 {  position: relative; width: 90%; padding-top: 56.25%; }
.youtube2 iframe { position: absolute; top: 0; right: 0; width: 90%!important; height: 100% !important;
}


.goods{ text-align:center; margin:0 auto; }
.goods img{	width:70%; text-align:center;	margin:0 auto; }


}

/** RESPONSIVE BREAKPOINTS
========================================================================================================================================================================**/

@media(min-width: 721px) and (max-width: 1040px){
	
.ie{
	display:none;
}
.pcheader{
	width:100%;
}
.mbheader{
	display:none;}
	
#top_index{ width: 100%; height: 100%; min-height: 100%; margin-top: 3%; }

html,
body,
#top_index {height:100%;}
#top_index{
	width:100%;
	
	}	
	
.indexbox{
	width:600px;
	height:auto;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-300px;
	}
.indexbox img{
	width:100%;}

.indexbox .topbtn{
	width:400px;
	border:3px solid #fff;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	position:relative;
}
.indexbox .topbtn a{
	color:#fff;
	font-size:18px;
	text-decoration:none;
	display: block;
	padding:20px 0;
}

.indexbox .topbtn:hover{
	background-color:rgba(255,255,255,0.30);
}


.indexentrybox{
	width:600px;
	height:auto;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-300px;
	}
.indexentrybox img{
	width:100%;}




.mbheader{
	display:none;}

	
.mobilebr {
		display: none;
	}




.entry_btn{
	width:80%;
	text-align:center;
	border:1px solid #0086C7;
	color:#fff;
	padding:3%;
	font-size:14px;
	margin:0 auto;
	margin-top:5%;
	text-decoration:none;
	display:block;
	background-color:rgba(0,0,0,0.2);
	
}

.entry_btn a{
	text-decoration:none;
	color:fff;
	display:block;
}


.entry_btn a:hover{
	text-decoration:none;
	color:fff;
	display:block;
}



.summary_section{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:3% 0;
	}

.summary_section p.subtitle{
	margin:3% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}


.yoko{
	width:100%;
	max-width:750px;
	margin:0 auto;
	margin-top:7%;
		
}

.yoko dt {
	float:left;
	color:#373737;
	font-weight: normal;
	width:200px;
    padding: 10px 0;
	text-align:center;
	clear:left;
	font-size:22px;
    font-family: 'Julius Sans One', sans-serif;
}

.yoko dt .sub{
	font-size:10px;
	margin-top:3px;
	color:#003188;
	margin-top:10px;}

.yoko dd {
 	padding: 10px 0px 10px 0;
	clear:right;
	margin-left:230px;
}

.yokoline{
	width:100%;
	border-bottom:1px #5E5E5E dotted;
	clear:both;
	margin:10px 0;
	}


.section2{
	height:100%;
	
  }

.entry{
	width:90%;
	max-width:800px;
	padding:5% 0;
	margin:0 auto;
	text-align:center;}

.entry p.subtitle{
	margin:3% 0 5% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}
	
	
.entry .btn{
	width:400px;
	padding:15px 0;
	text-align:center;
	font-size:16px;
	margin:0 auto;
	margin-top:5%;
	color:#fff;
	background-color:#747474;
	border:1px solid #747474;
	}
	
.entry .btn a{
	text-decoration:none;
	color:#fff;
	display:block;}





.carnival{
	width:100%;
	height:auto;
	padding:5% 0 0 0;
	margin:0 auto;
	text-align:center;}
	
	
.carnival_bg{
	margin-top:300px;
	background-color:#fff;
	width:100%;}


.carnival_box{
	width:100%;
	max-width:800px;
	padding:5% 0;
	margin:0 auto;
	text-align:center;}
	
	
	

.carnival p.subtitle{
	margin:3% 0 5% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}

	





/*section2　上段*/

.primary_section{
	margin:0 auto;
	width:94%;
	max-width:1000px;
	position: relative;
	padding:0 3% 1% 3%;
	}






.kntname{
	font-size:15px;
	font-weight:bolder;}
.otoiawase{
	padding-left:40px;}

	
	

#footer{
	width:100%;
	padding:2% 0; height: 40px;
	background-color:#FFD7F2;
	margin-top:3%;
	color:#969696

	}	
.footer_contents{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	font-size:90%;
	line-height:1.8em;
	text-align:center;}

 .knt_co{
	font-size:140%;
	margin:4% 0 2% 0;
	letter-spacing:0.15em;}


.footer_left{
	width:60%;
	float:left;
	clear:left;
	margin-left:2%}
	
.footer_left img{
	width:40%;
	margin-left:-3%;}
	
.contact{
	width:70%;
	text-align:center;
	border:1px solid #AAAAAA;
	padding:2%;
	margin:5% 0 0 0;}
	
.footer_right{
	width:35%;
	float:right;
	clear:right;}
	
.footer_right img{
	width:20%;
	float:right;
	margin-right:3%;
	margin-top:60%;}

.footer_right img:hover{
	opacity:0.6;}
	
	
table.web ul {}
table.web ul li{
	list-style-type:decimal;
	margin-left:20px;}
	


.kntname{
	font-size:15px;
	font-weight:bolder;}
.otoiawase{
	padding-left:20px;}
.otoiawase .title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	color:#B41240;
	border-bottom:#B41240 1px dotted;}
.otoiawase .box{
	border:1px solid #6B0021;
	padding:10px;
	margin:5px 0;
	}


.youtube2 {
  position: relative;
  width: 90%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 90% !important;
  height: 100% !important;
}


.goods{
	text-align:center;
	margin:0 auto;
	}

.goods img{
	width:90%;
	text-align:center;
	height:auto;
	}



}



/** =========================================================================================================================**/
@media(max-width: 720px){
/** =========================================================================================================================**/
/** (1)基本設定
==========================================================================**/


.pcheader{
	display:none;}


.mbheader{
	width:100%;}

.ie{
	display:none;
}


	
.mobilebr {
		display: none;
	}

#pcmenu{
	display:none;}


.none{
	display:none;}

#top_index{ width: 100%; height: 100%; min-height: 100%; }

html,
body,
#top_index {height:100%;}
#top_index{	width:100%;	}
.mobile { margin-top: 46px;}
	
.indexbox{
	width:90%;
	height:auto;
	position:absolute;
	top:16%;
	left:21%;
	}
.indexbox img{
	width:70%; margin: 0 auto;}

.indexbox .topbtn{
	width:90%;
	border:3px solid #fff;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	position:relative;
}
.indexbox .topbtn a{
	color:#fff;
	font-size:16px;
	text-decoration:none;
	display: block;
	padding:15px 0;
}

.indexbox .topbtn:hover{
	background-color:rgba(255,255,255,0.30);
}


.indexentrybox{
	width:80%;
	height:auto;
	position:absolute;
	top:15%;
	left:10%;
	}
.indexentrybox img{
	width:100%;}



.mbheader{
	display:none;}



.summary_section{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:3% 0;
	}

.summary_section p.subtitle{
	margin:3% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}


.yoko{
	width:100%;
	max-width:750px;
	margin:0 auto;
	margin-top:7%;
		
}

.yoko dt {
	color:#373737;
	font-weight: normal;
	width:100%;
    padding: 10px 0;
	text-align:center;
	font-size:22px;
    font-family: 'Julius Sans One', sans-serif;
}

.yoko dt .sub{
	font-size:10px;
	width:100%;
	margin-top:3px;
	color:#003188;
	margin-top:10px;}

.yoko dd {
	width:100%;
	text-align:center;
 	padding: 20px 0px 10px 0;
	
}

.yokoline{
	width:100%;
	border-bottom:1px #5E5E5E dotted;
	clear:both;
	margin:10px 0;
	}


.section2{
	height:100%;
	
  }

.entry{
	width:90%;
	max-width:800px;
	padding:5% 0;
	margin:0 auto;
	text-align:center;}

.entry p.subtitle{
	margin:3% 0 5% 0;
	text-align:center;
	font-size:12px;
	letter-spacing:0.25em;
	}
	
	
.entry .btn{
	width:200px;
	padding:15px 0;
	text-align:center;
	font-size:13px;
	margin:0 auto;
	margin-top:5%;
	color:#fff;
	background-color:#747474;
	border:1px solid #747474;
	}
	
.entry .btn a{
	text-decoration:none;
	color:#fff;
	display:block;}






.carnival{
	width:100%;
	height:auto;
	padding:5% 0 0 0;
	margin:0 auto;
	text-align:center;}
	
	
.carnival_bg{
	margin-top:300px;
	background-color:#fff;
	width:100%;}


.carnival_box{
	width:100%;
	max-width:800px;
	padding:5% 0;
	margin:0 auto;
	text-align:center;}
	
	
	

.carnival p.subtitle{
	margin:3% 0 5% 0;
	text-align:center;
	font-size:15px;
	letter-spacing:0.25em;
	}





/*section2　上段*/

.primary_section{
	margin:0 auto;
	width:94%;
	height:auto;
	max-width:1100px;
	position: relative;
	padding:0 3% 1% 3%;
	}


.kntname{
	font-size:15px;
	font-weight:bolder;}
.otoiawase{
	padding-left:20px;}

#footer{
	width:100%;
	padding:1% 0;
	background-color:#FFD7F2;
	margin-top:2%;
	color:#969696;
	height: auto;

	}	
.footer_contents{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	font-size:90%;
	line-height:1.9em;
	text-align:center;}

 .knt_co{
	font-size:140%;
	margin:4% 0 2% 0;
	letter-spacing:0.15em;}
	
	
table.web ul {}
table.web ul li{
	list-style-type:decimal;
	margin-left:20px;}
	


.kntname{
	font-size:15px;
	font-weight:bolder;}
.otoiawase{
	padding-left:20px;}
.otoiawase .title{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	color:#B41240;
	border-bottom:#B41240 1px dotted;}
.otoiawase .box{
	border:1px solid #6B0021;
	padding:10px;
	margin:5px 0;
	}


.youtube2 {
  position: relative;
  width: 80%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 80% !important;
  height: 100% !important;
}

	
.goods img{
	width:100%;
	text-align:center;
	height:auto;

	}

}