@charset "Shift_JIS";

/***********************************************
　共通
***********************************************/
.Special_main div,.Special_main span,.Special_main applet,.Special_main object,.Special_main iframe,.Special_main h1,.Special_main h2,.Special_main h3,.Special_main h4,.Special_main h5,.Special_main h6,.Special_main p,.Special_main blockquote,.Special_main pre,.Special_main a,.Special_main abbr,.Special_main acronym,.Special_main address,.Special_main big,.Special_main cite,.Special_main code,.Special_main del,.Special_main dfn,.Special_main em,.Special_main img,.Special_main ins,.Special_main kbd,.Special_main q,.Special_main s,.Special_main samp,.Special_main small,.Special_main strike,.Special_main strong,.Special_main sub,.Special_main sup,.Special_main tt,.Special_main var,.Special_main b,.Special_main u,.Special_main i,.Special_main center,.Special_main dl,.Special_main dt,.Special_main dd,.Special_main ol,.Special_main ul,.Special_main li,.Special_main fieldset,.Special_main form,.Special_main label,.Special_main legend,.Special_main table,.Special_main caption,.Special_main tbody,.Special_main tfoot,.Special_main thead,.Special_main tr,.Special_main th,.Special_main td,.Special_main article,.Special_main aside,.Special_main canvas,.Special_main details,.Special_main embed,.Special_main figure,.Special_main figcaption,.Special_main footer,.Special_main header,.Special_main hgroup,.Special_main menu,.Special_main nav,.Special_main output,.Special_main ruby,.Special_main section,.Special_main summary,.Special_main time,.Special_main mark,.Special_main audio,.Special_main video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.Special_main img{
	max-width: 100%;
	vertical-align: bottom;
}
.Special_main ul,li{
	list-style: none;
}
.Special_main a:hover img{
	opacity: 1.0;
}

/***********************************************
　ページ設定
***********************************************/
.page_vibe{
	margin: 0 0 10%;
	padding: 0 0 5%;
	background: #ffffff;
}

/***********************************************
　base
***********************************************/
.page_vibe .cont_vibe{
	margin-bottom: 20px;
}
.page_vibe .cont_vibe .vibe_title{
	border-radius: 10px 10px 0 0;
	padding: 3% 3% 0;
	background: linear-gradient(to bottom, #ffc835 50%,#fffcce 95%);
	border: 3px solid #ffc835;
	border-bottom: none;
}
.page_vibe .cont_vibe .vibe_img{
	padding:5% 3%;
	background:#fffcce;
	border: 3px solid #ffc835;
	border-top: none;
	text-align: center;
	border-radius: 0 0 10px 10px;
}
.page_vibe .cont_vibe .vibe_img .type_box{
	max-width: 860px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.page_vibe .cont_vibe .vibe_img .type_box ul{
	width: 100%;
	margin: 0 auto;
	display: flex;
	position: absolute;
	bottom:calc(20px + 2%);
	left: 0;
}
.page_vibe .cont_vibe .vibe_img .type_box ul li{
	width:calc(100% / 3);
	text-align: left;
	padding: 3%;
	font-size: 12px;
}
.page_vibe .cont_vibe .vibe_img .type_box ul li a{
	display: block;
	color:#000;
}
@media screen and (max-width: 560px) {
	.page_vibe .cont_vibe .vibe_img .type_box ul{
		bottom:20px;
	}
	.page_vibe .cont_vibe .vibe_img .type_box ul li a:nth-child(2){
		display: none;

	}
}
.page_vibe .cont_vibe .vibe_img .type_box ul li a:nth-child(1){
	margin-bottom: 3px;
}
.page_vibe .cont_vibe .vibe_img .type_box ul li a:before{
	content: "-";
}
.page_vibe .cont_vibe .vibe_img img,
.page_vibe .cont_vibe .vibe_btn{
	margin-bottom: 20px;
}
.page_vibe .cont_vibe .vibe_img img:last-child{
	margin-bottom: 0;
}
.page_vibe .cont_vibe .vibe_btn{
	box-shadow: 0 5px 2px,.8;
}
.page_vibe .cont_vibe .vibe_btn a{
	display: block;
	background: linear-gradient(to bottom, #ff2420 0%,#ffffff 8%,#ff2420 16%);
	border-radius: 10px;
	border: 5px solid #fff;
	box-shadow:0px 0px 6px 3px #e1deb7;
	padding: 3%;
}