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

#menu {
 text-align: left;
 margin: 20px auto;
 max-width: 900px;
 color: #555;
}
.priceH3 {
 font-size: 1.5em;
 font-weight: bold;
 background-color: #FFCC00;
 padding: 10px 20px;
 margin: 0 0 10px;
}
.kocchi {
 margin-bottom: 10px;
}
.kocchi a {
 border: solid 1px #694328;
 display: block;
 color: #694328;
 width: 13em;
 margin: 0 0 0 auto;
 padding: 8px 0;
 text-align: center;
}
.kocchi a::after {
 content: ' >';
}

/* menu */
#menu h2 img {
	max-width: 415px;
	margin-bottom: 10px;
}
#menu h2 {
	clear: both;
}

.priceImg {
	text-align: center;
	margin: 10px 0;
}
.priceImg img {
	width: 100%;
	max-width: 730px;
	vertical-align: bottom;
}
#menu2 {
	margin: 0 10%;
	max-width: 800px;
}
#menu2 h3 {
	font-size: 1.6em;
	color: #CC0000;
	font-weight: bold;
	border-bottom: 2px solid #CC0000;
}
#menu2 p {
	margin: 10px 0;
}
#menu2 article {
	margin-bottom: 40px;
}
.onegai {
	background-color: #FFFFCC;
	padding: 15px 10px 10px 30px;
}
.onegai li {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 8px;
	font-size: 0.9em;
}
#menu_attention {
	margin: 50px 10px;
}
#menu_attention h3 {
	font-size: 1.6em;
	color: #CC0000;
	font-weight: bold;
	border-bottom: 2px solid #CC0000;
}
#menu_attention p {
	margin: 10px 0;
	font-size: 0.9em;
}
#menu_attention article {
	margin-bottom: 40px;
}
.attention2 {
	background-color: #FFFFCC;
	padding: 15px 10px 10px 30px;
}
.attention2 li {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 8px;
	font-size: 0.9em;
}



/* royal */
#ti_royal,#ti_premium,#ti_others {
 margin-top: 100px;
}
.priceImg2 img {
 max-width: 980px;
 margin: 10px 0;
}

@media only screen and (max-width: 640px) {

}


#option2 {
	font-size: 1.6em;
	text-align: left;
	margin: 50px 10px;
}

#option article {
	margin: 30px 0;
	color: #fff;
    background: #fff;
    padding: 5px;
    overflow: hidden;
}
.poTxt {
    overflow: hidden;
}
#option article h3 {
	margin: 5px 5px 0;
	padding: 20px;
 font-weight: bold;
}
#option article p {
	margin: 0 5px 5px;
	padding: 0 20px 20px;
	min-height: 150px;
}
#option article p.po5txt {
 min-height: 220px;
}

.poImg2 {
	padding: 10px 20px;
	width: 100%;
}
.poImg2 img {
    max-width: 415px;
}

.po6 {
	border: 2px dotted #C70003;
	width: 47.5%;
	display: inline-block;
}
.po6 h3,.po6 p {
	background-color: #C70003;
}
.po7 {
	border: 2px dotted #fc0;
	width: 47.5%;
	display: inline-block;
}
.po7 h3,.po7 p {
	background-color: #fc0;
	color:#663300;
}

@media only screen and (max-width: 700px) {
.poImg,.poImg2 {
	width: 95%;
	float:none;
}
.poImg img {
    margin: 0 auto;
}
#policy article p {
	min-height: 100px;
}
#option article p.po5txt {
 min-height: 80px;
}
.poLink img {
	width: 100%;
	margin-bottom: 30px;
}
.po6,.po7 {
		width: 98%;
	}
}


/* topics */
.topicsImg {
	max-width: 600px;
	margin: 20px auto;
}
.topics_txt {
	margin: 20px 10px;
}