@charset "utf-8";
/* ファンサービス・イベント用 */

.service p{
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.5;
}

/*キャラ*/

.servicecha{
	width: 128px;
	float: right;
	margin-right: 50px;/*変更180301*/
}

.servicecha2{
	width: 89px;
	float: right;
	margin-top: 0px;/*変更180602*/
	margin-right: 200px;/*変更180602*/
}


/*見出し*/

/*ribbon3*/

.ribbon3 {
	position: relative;
	padding: .3em;
	/*padding-top: 0.2rem;
	padding-right: 0.3rem;
	padding-bottom: 0.2rem;
	padding-left: 0.3rem;*/
	background-color: #f0f0f0;
	font-size: 1.2rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.ribbon3 span {
	display: block;
	padding: .5rem 1em;
	border: 1px dashed #e51551;
}
.ribbon3::before,
.ribbon3::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.ribbon3::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.ribbon3::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc;
}

h3{
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0.5rem;
	color: #e51551;
}


/*イベント情報内のリスト*/

.ev_list{
margin-left: 490px;
margin-bottom: 2rem;
}


/*ガラポン*/

.garapon{
	background: url(../images/garapon.svg) no-repeat right bottom;
	background-size: 320px 228.5px;
}


/**** ここからモバイル（スマホ、タブレット）用 ****/

@media screen and (max-width: 800px){
	
.garapon{
	background: none;
}

/*イベント情報内のリスト*/

.ev_list{
clear: left;
margin-left: 0px;
margin-left: 1rem;
}

	
}

/**** ここから479px以下用（スマートフォン用）の記述 ****/

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