@charset "utf-8";
/* CSS Document */
#wrapper{
	background-color:#000000;
	color:#fff;
	width:100%;
	max-width:480px;
	height:auto;
	padding:0.5em 0.5em 1em 0.2em;
}
h1{
	border-bottom:#FFFFFF 1px solid;
	font-size:20px;
	margin-bottom:0.5em;
}
p {
	font-size:0.9rem;
}
h2{
	font-weight:bold;
	font-size:1.2rem;
	line-height:1.8rem;
	margin-top:0.8rem;
	margin-bottom:0.1rem;
	border-left:solid 10px #fff;
	border-bottom:solid 1px #fff;
	padding-left:0.4rem;
	}
	

.wf-roundedmplus1c {
	font-family: "Rounded Mplus 1c";
}
.wf-notosansjapanese {
	font-family: "Noto Sans Japanese";
}

.obj_button_box{
	width:100%;
	margin:0 auto 0 auto;
}
.obj_button_box img {
	width:100%;
}
.c_menu_button {
    width: 100%;
 }

.clear{
	clear:both;
}	
.catalogue_btn{
	margin: 6px 0 0 0;
	padding: 5px;
	border: 1px solid #dddddd;
	width: 98%;
	background-color: #fff;
}

.menu_title_ha {
	padding: .5em .75em;
	background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

}.menu_title_fu {
	position: relative;
	padding: .5em .75em;
	background: #f4f4f4;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
	color: #F3A0B7;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	
}

.menu_title_ho {
	position: relative;
	padding: .5em .75em;
	background: #f4f4f4;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
	color: #9D71B0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	
}

.menu_con {
    position: relative;
    padding: 5px 3px;
    background-color: #f0f0f0;
    border-radius: 5px;
    width: 70%;
    margin-left: 70px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #000;
	text-align: center;
}

.menu_con2 {
    position: relative;
    padding: 5px 3px;
    background-color: #f0f0f0;
    border-radius: 5px;
    width: 65%;
    margin-left: 70px;
    margin-bottom: -41px;
    margin-top: -4px;
    color: #000;
	text-align: center;
}

.menu_con3 {
    position: relative;
    z-index: 99;
    padding: 5px 3px;
    background-color: #f0f0f0;
    border-radius: 5px;
    width: 70%;
    margin-left: 70px;
    margin-bottom: 10px;
    margin-top: -18px;
    color: #000;
	text-align: center;
}
.menu_con::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

.menu_con2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

.menu_con3::after {
	position: absolute;
	z-index: 100;
    top: -70%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 15px solid #f0f0f0;
}
.menu_con4{
	padding: 5px;
	background-color: #d8eff8;
	border: 3px double #addef8;
	color: #333;
	font-size: 20px;
	width: 95%;
	margin-top: 6px;
}
.menu_con4_hou{
	padding: 5px;
	background-color: #dfbfd7;
	border: 3px double #9079b6;
	color: #333;
	font-size: 20px;
	width: 95%;
	margin-top: 6px;
}