@charset "utf-8";

html {
  font-size: 62.5%;
}

body {
	padding:0;
	margin:0;
}

body img {
	vertical-align: bottom;
}

.mw_wrap {
	clear: both;
	width:100%;
	max-width: 900px;
	padding: 0;
	margin:0 auto 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;	
	background-color: #FFFFFF;
	font-size:14px;
}
.mw_wrap p {
	padding:0;
	margin:0;
}

.clear {
	clear:both;
}

.sp {
	display:none;
}

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

.bold{
	font-weight: bold;
	font-size: 110%;
	display: block;
	width: 100%;
	margin: 0 auto 2%;
}

.mw_wrap .main {
	width: 100%;
	max-width:985px;
	margin:0 auto 1%;
	/*position:relative;*/
}

.mw_wrap h3{
	width: 95%;
	margin: 0 auto 2%;
	font-size: 2.5rem;
	color: #e8cbf8;
	text-align: center;
	font-weight: bold;
	line-height: 1.7em;
}


/*ITEM*/
.item_box{
	width: 80%;
	margin: 5% auto;
	padding: 2% 10% 4%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

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

.credit_box{
	width: 45%;
	margin: 7% 0;
	font-size: 1.4rem;
	text-align: left;
	line-height: 2em;
}

.credit_box2{
	width: 45%;
	margin: 7% 0 0 60%;
	font-size: 1.4rem;
	text-align: left;
	line-height: 2em;
}
/*.credit_box2{
	width: 100%;
	margin: 7% auto;
	font-size: 1.4rem;
	text-align: right;
}*/


/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	/*font-size: 13px;*/
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	margin: 2% auto 8%;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	font-weight: 500;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	
}

/*.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}*/

/* Pseudo elements for icons */
/*.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
*/


/* Button 1 */
.btn-1 {
	width: 50%;
    border: #000 1px solid;
    color: #fff;
    text-align: center;
    margin: 2% 0 0 2%;
   /* display: block;*/
    padding: 2px 0px;
    font-size: 1rem;
    background-color: #000;
	float: right;
}

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


/*.cmt{
	width: 80%;
	margin: 2% auto;
	font-size: 1.4rem;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}*/

.Mr_b{
	margin-bottom: 25%;
}


.sp_br {
		padding-left: 15px;
		display: none;
	}

	
hr{
	width: 60%;
	margin: 0 auto 10%;
	/*border: dotted  #555;;*/
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
	}

.bk_or{
	background-color: #fff3ed;
}

.bk_bl{
	background-color: #f0f8fa;
}

.bk_gr{
	background-color: #fdfff2;
}

.bk_pk{
	background-color: #fff4f6;
}


/*VIDEO-------------------*/
/*.point_video {
	display: block;
    width: 100%;
	margin: 0 auto 15%;
}*/

@media only screen and (max-width: 750px) {
#main {
	width: 100%;
	margin:0 auto 0;
}
.pc {
	display:none;
}
.sp {
	display:block;
}

.Sml {
	font-size: 0.6rem;
}
	
.br:before {
 	content: '\A';
  	white-space: pre;
}
	.mw_wrap h3{
		width: 98%;
		margin: 0 auto 2%;
		font-size: 2rem;
		line-height: 1.5em;
	}
	
/*ITEM*/
	
	.item_box{
		width:100%;
		margin: 2% auto 5%;
		padding: 0 0 3%;
		/*display:flex;
		flex-wrap:wrap;
		justify-content: space-between;*/
	}
	
	.credit_box{
		width: 55%;
		margin: 2% 0 2% 7%;
		font-size: 1.1rem;
		line-height: 2.3em;
	}
	.credit_box2{
		width: 55%;
		margin: 2% 0 2% 38%;
		font-size: 1.1rem;
		line-height: 2.3em;
	}
	
	/* Button 1 */
	.btn-1 {
		width: 40%;
		border: #000 1px solid;
		color: #fff;
		text-align: center;
		margin: 5% 0 0 1%;
	   /* display: block;*/
		padding: 1px 0px;
		font-size: 0.9rem;
		background-color: #000;
	}
	
	.Mr_b{
	margin-bottom: 15%;
}


	/*.sp_br {
			padding-left: 15px;
			display: block;
		}*/	
	
}