@charset "UTF-8";

/* ----------------------------------------------------------------
ads / index
---------------------------------------------------------------- */

.contents p {
	line-height: 1.4;
}

.contents h2 {
	padding: 5px;
	background: #f7eee6;
	color: #683C12;
	font-weight: 700;
}

.app{
	margin: 5px auto 5px; 
	width: 95%;
	height: 100px;
	position: relative;
}

p.navi_icon {
	width: 20%;
	padding-top: 10px;
}

p.app_text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 3% auto 27%;
	width: 70%;
	height: 65px;
	padding: 3px;
	line-height: 1.4;
}

.app_box {
	width: 80%;
	margin: 10px auto 20px;
	background-color: #FEF8FA;
	border: 1px #FBD2E4 solid;
	border-radius: 5px;
}

p.app_notice {
	color: #F37DB4;
	font-size: 12px;
	text-align: center;
	line-height: 1.2;
	padding: 0 5px 12px;
}

.contents ul.app_btn {
	margin: 15px auto 10px;
	width: 90%;
	text-align: center;
}

.contents li.pay_btn_info {
	margin: 0px 4px;
	width: 40%;
	height: 40px;
	display: block;
	background: linear-gradient(#FE98CB, #EF75AC);
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #EA68A3;
	font-weight: bold;
	display: inline-block;
}

.contents li.free_btn_info {
	margin: 0px 4px;
	width: 40%;
	height: 40px;	
	display: block;
	background: linear-gradient(#FCCE6D, #DCA139);
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #EDB50C;
	font-weight: bold;
	display: inline-block;
}

.contents li.pay_btn_info a{
	display: block;
	color: #FFF;
	height: 40px;
	line-height: 40px;
}

.contents li.free_btn_info a{
	display: block;
	color: #FFF;
	height: 40px;
	line-height: 40px;
}

.ads_menu li {
	margin: 10px auto;
	width: 95%;
	box-sizing: border-box;
}

.ads_menu h3 {
	width: 100%;
	box-sizing: border-box;
}

h3.arrow{
	height: 44px;
	position: relative;
}

.arrow_i img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto -20px;
	width: 14px;
	height: 14px;
}

h3.plus{
	height: 44px;
	border-radius: 5px;
	color: #600;
}

h3.fa{
	height: 44px;
	background: #F1EEE8 url("../img/smart_plus@2x.png") no-repeat;
	background-position: right center;
	background-size: 28px auto;
	border-radius: 5px;
	color: #600;
}

h3.fa.active{
	margin: 10px auto;
	height: 44px;
	background: #F1EEE8 url("../img/smart_minus@2x.png") no-repeat;
	background-position: right center;
	background-size: 28px auto;
	border-radius: 5px;
	color: #600;
}

li.plus_tilte {
	margin-top: 50px;
	background-color: #CCC;
}

p.plus_list{
	padding-top: 8px;
	padding-left: 30px; 
	vertical-align: middle;
}

.aco {
	margin: 0 auto;
	width: 90%;
}

p.aco_title {
	width: 100%;
	margin: 0 auto;
	color: #683C12;
	background-color: #FFCECE;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
}

p.aco_title2 {
	width: 100%;
	margin: 10px auto 0;
	color: #683C12;
	background-color: #FFCECE;
	padding: 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
}

p.pay_notice {
	color: #F39;
	padding-top: 10px;
	text-align: center;
}

p.aco_title_de {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	color: #F39;
	font-size: 12px;
	text-align: center;
}

.contents ul.line {
	padding: 5px;
	line-height: 1.4;
}

.contents ul.line li.line_de {
	border-bottom: 1px dotted #CCC;
	padding-left: 1em;
	text-indent: -1em;
}

.Order-De {
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
}

.Order-De li.Order-De-De{
	margin: 0 auto;
	color: #683C12;
	border: 1px solid #F1E2D6;
	width: 70%;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

.Order-De li.Order-Sankaku {
	margin: 3px auto 0px;
	width: 0;
	height: 0;
	border-top: 6px solid #683C12;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}

ul.published_notice {
	width: 90%;
	margin: 15px auto;
	font-size: 12px;
	text-indent: -1em;
	line-height: 1.2;
}

ul.free_notice {
	width: 90%;
	margin: 0 auto;
	font-size: 12px;
	text-indent: -1em;
	line-height: 1.2;
}

.contents h4 {
	width: 90%;
	margin: 5px auto;
	padding: 5px;
	text-align: center;
	color: #683C12;
	font-weight: normal;
	border-bottom: #683C12 dotted 1px;
}

.contents h5 {
	width: 90%;
	margin: 0px auto;
	padding: 5px;
	font-weight: normal;
	background-color: #CACACA;
}

.contents ul.announce {
	width: 95%;
	padding: 10px 0px 10px 15px;
	margin: 0 auto;
	line-height: 1.4;
	text-indent: -1em;
}

.contents ul.announce2 {
	width: 95%;
	padding: 0px 0px 10px 15px;
	margin: 0 auto;
	line-height: 1.4;
	text-indent: -1em;
}

.contents p.ad-pic {
	margin: 0 auto;
}

.contents p.ad-list {
	width: 90%;
	margin: 0 auto;
	background-color: #F3F3F3;
}

.btn {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 80%;
	padding: 8px;
	font-weight: bold;
}

.whiteBtn {
	border: 1px solid #ccc;
	color: #555;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #E3E3E3), color-stop(0, #FEFEFE));
	background: -webkit-linear-gradient(top, #FEFEFE 0%, #E3E3E3 100%);
	background: -moz-linear-gradient(top, #FEFEFE 0%, #E3E3E3 100%);

/*	-webkit-box-shadow: inset 0px 5px 2px -2px rgba(255, 255, 255, 0.4),0px 1px 3px rgba(0, 0, 0, 0.5); */
/*	box-shadow: inset 0px 5px 2px -2px rgba(255, 255, 255, 0.4),0px 1px 3px rgba(0, 0, 0, 0.5); */
	text-shadow: 0 2px 0 white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pageBottom {
	padding: 20px;
}






/* ----------------------------------------------------------------
guide / private
---------------------------------------------------------------- */

.guide_list {
	width: 95%;
	margin: 10px auto;
	padding: 5px;
	background-color: #F3F3F3;
}

.guide_list ul.guide_title {
	font-size: 12px;
}

.guide_list li.guide_con {
	font-size: 12px;
	border-bottom: none;
	text-indent: 0em;
}