@charset "utf-8";

html {font-size: 62.5%;
	/*background-color: #fffef3;*/
}

body {padding:0; margin:0;}

#mw_wrap ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mw_wrap {
	clear: both;
	width:90%;
	max-width: 900px;
	padding: 5% 0 0;
	margin:0 auto 10px;
	/*font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";*/
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #111111;	
	background-color: #f5eae7;
}
#mw_wrap p {padding:0; margin:0;}

#mw_wrap a {text-decoration: none; color: #000;}

#mw_wrap .clear {clear:both;}

#mw_wrap .sp {display:none;}

/*strong {
	font-size: 115%;
	font-weight: bold;
}
*/

.Sml {font-size: 1.8rem;}

#mw_wrap .main {
	width: 70%;
	margin:0 auto 5%;
	/*position:relative;*/
}

.Lead_pc {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align:center;
	font-size:2.2rem;
	padding:0 ;
	line-height:1.8em;
}

.Lead_sp {display: none;}

.sp{display: none;}

.bold{
	font-weight: bold;
	font-size: 2.2rem;
	display: block;
	width: 100%;
	margin: 0 auto 2%;
	text-align: center;
	letter-spacing: 0.1em;
	font-family: 'Noto Serif JP', serif;
}

.bold2{
	font-weight: bold;
	font-size: 3.3rem;
	display: block;
	width: 100%;
	margin: 3% auto 2%;
	text-align: center;
	letter-spacing: 0.1em;
}

/*.index_box{
	width: 100%;
	margin: 15% auto 10%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.index1{
	width: 25%;
	margin: 0 auto;
	box-sizing: border-box;
}

*/
/*ITEM-----------------------------*/

.item_container{
	width: 100%;
	margin: 5% auto 0;
}

.item_wrap{
	width: 100%;
	margin: 0 auto 0;
	padding: 8% 0;
}

.circle {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #000;
  width: 60px;
  margin: 0 auto;
  height: 60px;
  color: #000;
  font-size: 2rem;
  text-align: center;
  line-height: 60px;
}



.item_ttl{
	width: 100%;
	margin: 2% auto;
	font-size: 4rem;
	text-align: center;
	line-height: 1.9em;
	text-decoration: underline;
	text-underline-offset: 10px;
	text-decoration-thickness: 1px;
}
.item_main{
	width: 80%;
	margin: 2% auto 0;
}

.item_main2{
	width: 65%;
	margin: 2% auto 0;
}

.item_sub{
	width: 90%;
	margin: 5% auto 0;
}
.item_box{
	width: 100%;
	margin: 5% auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.item1{
	width: 45%;
	margin: 8% auto 0;
	box-sizing: border-box;
}

/*.item2{
	width: 35%;
	margin: 0 auto 0;
	box-sizing: border-box;
}*/

.item_mini{
	width: 85%;
	margin: 10% 0 0 15%;
}


.credit_box{
	width: 80%;
	margin: 8% auto 0;
}
/*.credit{
	width: 100%;
	text-align: center;
}*/

.credit{
	width: 98%;
	margin: 3% auto;
	/*font-family: 'Noto Serif JP', serif;*/
	font-weight: 300;
	text-align: center;
}

.item_n{
	font-size: 2rem;
	/*font-weight: 400;*/
}

.item_p{
	font-size: 1.8rem;
	font-weight: 600;
	display: block;
	margin: 1% auto 0;
}

.item_s{
	font-size: 1.8rem;
	display: block;
	margin: 2% auto 0;
}

.tax{
	font-size: 80%;
}

.credit a:hover{
	opacity: 0.7;
}

.event_box{
	width: 60%;
	padding: 4% 10% 7%;
	margin: 10% auto 5%;
	font-size: 1.7rem;
	background-color: #F5E0E2;
	border-radius: 10px;
}

/* General button style (reset) */
.btn {
	border: none;
	letter-spacing: 1px;
	outline: none;
	/*position: relative;*/
	/*-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;*/
	text-align: center;
}

/* Button 1 */
.btn-1 {
	width: 30%;
    border: #333333 1px solid;
    color: #333333;
    text-align: center;
    margin: 2% auto 0;
    display: block;
    padding: 10px 0px;
    font-size: 1.6rem;
	font-weight: 600;
    background-color: #FFF2F2;
	border-radius: 85px;
}

.btn-1:hover {
	color: #C8777E;
	background-color: #fff;
	border: solid 1px #C8777E;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



.grade1 {
  background: -moz-linear-gradient(top, #f5eae7, #f4e3dd);
  background: -webkit-linear-gradient(top, #f5eae7, #f4e3dd);
  background: linear-gradient(to bottom, #f5eae7, #f4e3dd);
}
.grade2 {
  background: -moz-linear-gradient(top, #f4e3dd, #f1dad2);
  background: -webkit-linear-gradient(top, #f4e3dd, #f1dad2);
  background: linear-gradient(to bottom, #f4e3dd, #f1dad2);
}
.grade3 {
  background: -moz-linear-gradient(top, #f1dad2, #efd0c5);
  background: -webkit-linear-gradient(top, #f1dad2, #efd0c5);
  background: linear-gradient(to bottom, #f1dad2, #efd0c5);
}
.grade4 {
  background: -moz-linear-gradient(top, #efd0c5, #eecbbe);
  background: -webkit-linear-gradient(top, #efd0c5, #eecbbe);
  background: linear-gradient(to bottom, #efd0c5, #eecbbe);
}
.bk4{background-color: #efd0c5;}

/*スライダー============================*/
  #mw_wrap .carousel{
	width:100%;
	margin:6% auto 0;
	padding-bottom: 1%;
  }

  #mw_wrap .carousel img{
	width:100%;
	margin: 0 2%;
  }
  
  /*-----------height調整----------*/
  #mw_wrap .slick-slide{
	  height:auto!important;
  }

@media only screen and (max-width: 750px) {
	
	.pc {
		display:none;
	}
	
	#mw_wrap .sp {
		display:block;
	}


	.br:before {
		content: '\A';
		white-space: pre;
	}
	#mw_wrap {
	width:100%;
	padding: 8% 0 0;
	margin:0 auto 10px;
}
	#mw_wrap .main {
		width: 85%;
		margin:0 auto 8%;
	}
	
	.Lead_pc {
		display: none;
	}

	.Lead_sp {
		width: 100%;
		display: block;
		text-align:center;
		font-size:1.6rem;
		margin:0;
		line-height:2.1em;
		/*font-family: 'Noto Sans JP', sans-serif;*/
	}
	
	.bold{
		font-size: 1.7rem;
		margin: 0 auto 2%;
	}
	
	.bold2{
		font-size: 2.2rem;
		margin: 4% auto 5%;
	}
	
/*ITEM*/
	.item_container{
		width: 98%;
		margin: 5% auto 0;
	}
	.item_wrap{
		width: 98%;
		margin: 0 auto 0;
		padding: 15% 0;
	}
	
	.circle {
		margin: 0 auto;
	  width: 40px;
	  height: 40px;
	  font-size: 1.8rem;
	  line-height: 40px;
	}

	.item_ttl{
		width: 100%;
		margin: 2% auto;
		font-size: 2.4rem;
		line-height: 1.7em;
	}
	
	.item_main{
		width: 96%;
		margin: 2% auto 0;
	}
	
	.item_main2{
		width: 80%;
		margin: 5% auto 0;
	}
	
	.item_sub{
		width: 80%;
		margin: 2% auto 0;
	}

	.item_box{
		width: 100%;
		margin: 1% auto 0;
	}

	.item1{
		width: 45%;
		margin: 8% auto 0;
		box-sizing: border-box;
	}

	.credit_box{
		width: 70%;
		margin: 10% auto 0;
	}
	

	.item_n{font-size: 1.5rem;}

	.item_p{font-size: 1.3rem;}
	
	.item_s{
		font-size: 1.3rem;
		margin: 2% auto 0;
	}
	/* Button 1 */
	.btn-1 {
		width: 100%;
		margin: 2% 0;
		display: block;
		padding: 8px 0px;
		font-size: 1.4rem;
	}


	
	.Sml {
		font-size: 1.5rem;
	}
	
	
}