@charset "utf-8";
/* CSS Document */

/*色関係*/

.o_tc_white {color:#fff;}
.o_tc_red {color:red}
.o_tc_blue {color:blue}

.o_winered {color:#5f0800;}
.o_cabalt {color:#08082d;}

.o_bc_pink {background-color:#f14c91;}
.o_bc_blue {background-color:#00a0e9;}
.o_bc_orange {background-color:#f39800;}
.o_bc_green {background-color:#8fc31f;}
.o_bc_purple {background-color:#8f82bc;}

/*マージン関係*/

.o_m08 {margin-bottom:8px!important;}
.o_m12 {margin-bottom:12px!important;}
.o_m16 {margin-bottom:16px!important;}
.o_m20 {margin-bottom:20px!important;}
.o_m24 {margin-bottom:24px!important;}
.o_m32 {margin-bottom:32px!important;}
.o_m36 {margin-bottom:36px!important;}
.o_m40 {margin-bottom:40px!important;}
.o_m48 {margin-bottom:48px!important;}
.o_m56 {margin-bottom:56px!important;}
.o_m64 {margin-bottom:64px!important;}
.o_m72 {margin-bottom:72px!important;}
.o_m80 {margin-bottom:80px!important;}
.o_m120 {margin-bottom:120px!important;}
.o_m160 {margin-bottom:160px!important;}

/*文字装飾関係*/

a {color:deepskyblue; text-decoration: none;}
a:hover {text-decoration: underline;}

.o_ts15 {font-size:1.5rem;}
.o_ts16 {font-size:1.6rem;}
.o_ts17 {font-size:1.7rem;}
.o_ts18 {font-size:1.8rem;}
.o_ts20 {font-size:2.0rem;}
.o_ts24 {font-size:2.4rem;}
.o_ts28 {font-size:2.8rem;}
.o_ts32 {font-size:3.2rem;}
.o_ts36 {font-size:3.6rem;}
.o_ts40 {font-size:4.0rem;}
.o_ts48 {font-size:4.8rem;}

.o_t_small {font-size: 80%;}

.o_mp_n {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
}

.o_mp_b {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
}

/*タイトル関係*/

h1 {display: none;}

h2 {display: none;}

h3 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 auto;
	background-size: cover;
}

@media screen and (min-width:1025px) {
	h3{
		width:100%;
		height:93px;
	}
}
@media screen and (max-width:1024px) {
	h3{
		width:100%;
		padding-top:17.75%;
	}
	h3 span {
		display: none;
	}
}

#o_head_About {background:url("../img/head_about.png") center top no-repeat; background-size: contain;}
#o_Head_Meal {background:url("../img/head_meal.png") center top no-repeat; background-size: contain;}
#o_Head_Novelty {background:url("../img/head_novelty.png") center top no-repeat; background-size: contain;}
#o_Head_Canvas {background:url("../img/head_canvas.png") center top no-repeat; background-size: contain;}
#o_Head_Information {background:url("../img/head_info.png") center top no-repeat; background-size: contain;}
#o_Head_Attention {background:url("../img/head_attention.png") center top no-repeat; background-size: contain;}

h5 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	text-align: left;
	font-size: 2.4rem;
	border-bottom:2px solid #7084c6;
	color:#7084c6;
	box-sizing: border-box;
	padding:8px;
}

.o_txtbx {
	width:100%;
	box-sizing: border-box;
	text-align: left;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	color:#2C2C2C;
	line-height: 1.7;
	display: block;
}

.o_txtbx_img {
	width:100%;
	box-sizing: border-box;
	text-align: left;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 400;
	color:#2C2C2C;
	line-height: 1.7;
	display: block;
	display: flex;
	justify-content: flex-start;
	position: relative;
	flex-wrap: wrap;
}

.o_img50 {
	width:50%; 
	position: relative;
	box-sizing: border-box;
	padding:8px;
}

@media screen and (min-width:1025px) {
	.o_img50 {
		width:50%; 
	}
}
@media screen and (max-width:1024px) {
	.o_img50 {
		width:100%; 
	}
}

.o_img50 img {	width:100%;}

a.o_fade {
	transition: all 0.3s;
}

a.o_fade:hover {
	opacity: 0.6;
}