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

/*ホバー*/

.logo a:hover {
	opacity: 0.7;filter: alpha(opacity=70);
	filter: alpha(opacity=70); 
	zoom:1;
}

.rank-btn1 .ku1 img:hover , .rank1-img:hover , .rank-btn img:hover,.kousiki-btn img:hover , .last-btn a img:hover , .koza-last img:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom:1;
}

/*ヘッダー*/

header {
	width: 100%;
	min-width: 1000px;
}

.header-bg {
	width: 1400px;
	margin: 0 auto;
	background: url(images/top-image-bg.jpg) 0 0 no-repeat;
}

/*スマホ一時的*/
@media screen and (max-width:1000px){
.header-bg {
	width: 1000px;
	margin: 0 auto;
	background: url(images/top-image-sp.jpg) 0 0 no-repeat;
}
}

.logo {
	width: 100%;
	min-width: 1000px;
	background: #000000;
}

h1 {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0 0;
	background: #000000;
}

.header-content , .header-content2 {
	width: 1000px;
	margin: 0 auto;
}

.header-content2 {
	height: 388px;
}

.header-content h2 {
	margin: 0 0 20px;
}

.header-content2 h2 {
	margin: 0 0 20px;
}

/*切替見出し*/

.main-m {
	width: 100%;
	min-width: 1000px;
	height: 93px;
	background: url(images/main-m1-bg.gif) center center / cover no-repeat;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
}

.main-m h3 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}

/*ランク1位(rank1)＆ランク2～5位(rank)*/

.rank1-m , .rank-m {
  height: 46px;
	position: relative;
	font-size: 190%;
	color: #FFFFFF;
}

.rank1-m {
	width: 474px;
	padding: 25px 0 0 163px;
	background: url(images/rank1-m.png);
}

.rank-m {
	width: 537px;
	padding: 18px 0 2px 163px;
	background: url(images/rank-m.gif);
}

.rank1-m img , .rank-m img {
	position: absolute;
	top: -32px;
	left: 0;
}

.rank1 , .rank {
	background: #FFFFFF;
	border: 5px solid #ac8c07;
}

.rank1 {
	width: 990px;
	margin: 0 0 40px;
	padding: 0;
}

.rank {
	width: 930px;
	margin: 0 30px 40px;
	padding: 0 0 28px;
}

.r1-left , .r1-right , .r-left , .r-right {
	float: left;
}

.r1-left {
	width: 727px;
	margin: 10px 25px 0 0;
	padding: 0 0 0 30px;
}

.r-left {
	width: 697px;
	margin: 0 25px 0 0;
}

.r1-right , .r-right {
	width: 178px;
	padding: 30px 30px 0 0;
}

.r1-right img , .r-right img {
	border: 1px solid #c0a01b;
}

.r-right-p {
    text-align: center;
    width: 178px;
    padding: 0;
    margin: 0;
}

.r-right-p a {
   font-size: 11px;
}

.r-box {
	margin: 0 0 0 30px;
}

.rank1 .syueki , .rank .syueki {
  margin: 5px 0 0 128px;
  font-size: 330%;
	font-weight: bold;
  color: #f11600;
}

.syueki img {
	margin: 0 10px 0 0;
	vertical-align: baseline;
}

.rank1 p , .rank p {
	font-size: 100%;
	line-height: 160%;
}

.hyoka {
  margin: 5px 0 17px 0;
  padding: 0 0 5px 0;
	border-bottom: 1px solid #b89400;
}

.text {
	margin: 0 0 5px 0;
}

.star {
	margin: 0 3px 0 0;
  font-size: 140%;
  color: #ddbb00;
  letter-spacing: -3px;
}

.rank-btn1 p,.rank-btn p {
	margin: 10px 0 0 0;
	display: inline-block;
}

.rank-btn p {
	width: 237px;
	height: 88px;
	background: url(images/kutikomi-btn2-h.gif);
}

.rank-btn1 .ku1 a {
	width: 250px;
	height: 99px;
	display: inline-block;
	background: url(images/kutikomi-btn1-h.gif);
}

.rank-btn1 a {
	width: 460px;
	height: 99px;
	display: inline-block;
	background: url(images/koza-btn1-h.gif);
}

.rank-btn a {
	width: 418px;
	height: 88px;
	display: inline-block;
	background: url(images/koza-btn2-h.gif);
}

.open , .open1 {
	padding: 30px 0 0;
	clear: both;
}

.open h4 , .open1 h4 {
	padding: 10px 0 10px 30px;
	background: #f6f1dc;
	border-bottom: 1px solid #ac8c07;
  font-size: 110%;
	color: #312700;
}

.k-box {
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #ac8c07;
}

.k-left1 , .k-right1 , .k-left , .k-right {
	float: left;
}

.k-left1 , .k-left {
  width: 190px;
	padding: 5px 0 0;
	text-align: center;
}

.k-left1 img , .k-left img {
	width: 67px;
	height: 67px;
	margin: 0 0 5px;
}

.k-left1 p , .k-left p {
	font-size: 80%;
}

.k-right1 {
	width: 740px;
}

.k-right {
	width: 725px;
}

.k-right1 h5 , .k-right h5 {
	margin: 10px 0;
}

.k-last {
  padding: 5px 0 0;
  clear: both;
	text-align: center;	
}

.close {
  width: 190px;
  padding: 10px;
	margin: 0 auto;
	background: #e9e1c2;
	border: 1px solid #b1a473;
	border-radius: 5px;
  text-align: center;
}

.last-btn {
	margin: 25px 0 0;
	padding: 12px 0 13px;
	background: #fdf9e7;
	text-align: center;
}

.last-btn p {
	width: 890px;
	height: 156px;
	margin: 0 auto;
	background: url(images/rank1_btn_h.jpg);
}

/*コンテンツ*/

#content {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 15px;
	position: relative;
	background: #fdf9e7;
	box-shadow: 0px 4px 8px rgba(34, 34, 34, 0.5);
}

.main-m2 {
	height: 104px;
	position: absolute;
	left: -12px;
}

/*漫画*/

.manga {
	width: 940px;
  margin: 110px 30px 40px;
}

.merit {
	width: 940px;
  height: 325px;
  padding: 40px 0 0;
	background: url(images/manga-bg.gif);
}

.merit p {
  margin: 0 50px 15px;
	font-size: 100%;
	color: #FFFFFF;
	line-height: 160%;
}

/*ライセンス*/

.license {
	width: 940px;
	height: 382px;
	margin: 0 30px;
	background: url(images/license.gif);
}

.license img {
	width: 480px;
	margin: 0 auto;
	padding: 20px 0 0;
	display: block;
}

.license ul {
  margin: 35px 0 45px;
	font-size: 120%;
	list-style: none;
}

.license li {
	margin: 0 0 0 54px;
	display: inline-block;	
}

.license p {
  margin: 0 45px 0;
  font-size: 90%;
  line-height: 150%;
}

/*公式ボタン*/

.kousiki-btn {
  margin: 0 0 25px;
	padding: 20px 0;
	background: #FFFFFF;
	border-top: 1px solid #b89400;
	border-bottom: 1px solid #b89400;
	text-align: center;
}

.kousiki-btn a {
	width: 838px;
	height: 137px;
	display: inline-block;
	background: url(images/kousiki-btn-h.gif);
}

/*流れ*/

.step {
	width: 940px;
	height: 444px;
	margin: 0 30px;
	background: url(images/step-bg.gif); 
}

.step p {
  width: 467px;
  margin: 0 auto;
  padding: 24px 0 26px 0;
  font-size: 108%;
  letter-spacing: 0.5px;
}

.step h4 {
	text-align:center;
}

.step ul {
	width: 789px;
	margin: 216px 0 0;
	float: left;
	list-style: none;
	font-size: 100%;
}

.step li {
	display: inline-block;
  vertical-align: middle;
	text-align: center;
}

.s1 {margin: 0 0 0 16px;}
.s2 {margin: 0 0 0 38px;}
.s3 {margin: 0 0 0 102px;}
.s4 {margin: 0 0 0 105px;}

.step-last {
  margin: 71px 0 0 -4px;
	width: 146px;
	float: left;
}

/*口コミ投稿*/

#toukou {
	width: 940px;
	margin: 0 30px 20px;
	background: #FFFFFF;
	border: 1px solid #735400;
}

#toukou h4 {
	padding: 12px 0;
	background: #735400;
	font-size: 155%;
	color: #FFFFFF;
	text-align: center;
}

#toukou table {
	padding: 10px 0;
	border: 1px solid #FFFFFF;
}

#toukou th {
	padding: 10px 40px;
	background: #f4efd6;
  font-size: 110%;
	color: #332500;
	vertical-align: middle;
}

#toukou td {
	padding: 10px 20px;
}

#toukou .th1 {
	padding: 25px 40px 10px;
}

#toukou .td1 {
	padding: 25px 20px 10px;
}

#toukou .th2 {
	padding: 10px 40px 20px;
}

#toukou .td2 {
	padding: 10px 40px 20px;
}

.txt1,.txt2,.txt3,.txt4,.txt5,.txt6 {
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}
.txt1 {width: 300px;}
.txt2 {width: 450px;}
.txt3 {width: 200px; margin: 0 5px 0 0;}
.txt4 {width: 450px;}
.txt5 {width: 600px; height: 150px;}
.txt6 {width: 150px;}

.sousin {
	margin: 0 0 40px;
	text-align: center;
}

.post-bt {
	padding: 20px 50px;
	background: #EEE5C2;
	border: 1px solid #9e8f57;
	border-radius: 5px;
  font-family: "メイリオ", meiryo, Arial, Helvetica!important;
  font-size: 110%;
	color: #181300;
	letter-spacing: 1px;
}

.menseki {
	width: 940px;
	margin: 0 30px;
	padding: 20px 0 0;
	border-top: 1px dashed #988E70;
	font-size: 66%;
	color: #6E6E6E;
	line-height: 150%;
}

.menseki p {
	margin: 0 0 10px;
}

.menseki dt,.menseki dd {
	display: inline-block;
}

.dt-last {
	margin: 0 0 0 10px;
}

.result_message {
  padding: 20px 0 20px;
	border-bottom: 1px dashed #735400;
  font-size: 120%;
	color: #FF2500;
  text-align: center;
}

/*フッター*/

#page-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
}

footer {
	width: 100%;
	padding: 7px;
	background: #000000;
}

footer p {
	width: 1000px;
	margin: 0 auto;
	background: #000000;
	font-size: 75%;
	color: #FFFFFF;
	text-align: center;
}

/*口座開設(single)*/

.post-main h2 {
	padding: 20px;
	background: #ac8c07;
	color: #FFFFFF;
	text-align: center;  
  font-size: 200%;	
}

.koza {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

.koza img {
	margin: 0 0 40px;
}

.koza h3,.koza p {
	text-align: left;
}

.koza h3 {
	padding: 55px 0 25px;
	font-size: 150%;
}

.num {
	margin: 0 15px 0 0;
	padding: 3px 12px;
	background: #ac8c07;
	color: #FFFFFF;
	border-radius: 5px;
}

.koza p {
	margin: 0 0 20px;
	font-size: 100%;
	line-height: 160%;
}

.marker {
	background: #FFF454;
}

#content .attention-h3 {
	margin: 70px 0 25px;
	padding: 10px;
	background: #AC8C07;
	font-size: 130%;
	color: #FFFFFF;
}

.koza h4 {
	margin: 30px 0 20px;
	padding: 8px;  
	background: #e8e0bf;
	text-align: left;
}

.kakunin {
	margin: 10px 0 30px;
	padding: 13px 10px 13px 15px;
	background: #FFFEFC;	
	border: 1px solid #D3C99E;
	border-radius: 10px;
}

.hituyou li , .kakunin li {
	margin: 5px 0;
	font-size: 100%;
	line-height: 160%;
	list-style: none;
	text-align: left;
}

.kakunin li {
	padding: 0 0 0 23px;
	position: relative;
}

.kakunin li::after {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 4px;
	width: 9px;
	height: 4px;
	border-left: 2px solid #f81700;
	border-bottom: 2px solid #f81700;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.koza-last {
	margin: -25px 0 20px;
	padding: 20px 0;
	background: #FFFFFF;
	border-top: 1px solid #b89400;
	border-bottom: 1px solid #b89400;
	text-align: center;
}

.koza-last p {
	width: 890px;
	height: 156px;
	margin: 0 auto;
	background: url(images/koza_btn_h.jpg);
}

.modoru {
	padding: 0 0 30px;
	text-align: center;
}

.modoru a {
	text-decoration: underline;
}


/*以下 井上追加分 20121207*/
.top-middel-wrap {
	margin: 100px 0;
	text-align: center;
}

.top-middel-wrap h2 {
	font-size: 24px;
	color: #fff;
}

.top-middel-wrap h2 span {
	font-size: 40px;
}

.top-end-img {
	margin: 30px 0 0 0;
}

.rank1-table {
	width: 100%;
	margin: 20px 0;
}

.rank1-table th {
	width: 40%;
	padding: 20px;
	background: #efefef;
	border: 1px solid #b5b5b5;
	font-size: 26px;
	font-weight: normal;
	color: #584807;
}

.rank1-table td {
	border: 1px solid #b5b5b5;
	padding: 10px;
	font-size: 24px;
}

.large-btn {
	text-align: center;
	margin: 0 0 80px 0;
	background: url(images/kousiki-btn2-h.png) center 0 no-repeat;
}

.large-btn a:hover img {
  opacity: 0;
}


.step2 {
  width: 940px;
  height: 510px;
  margin: 40px 30px;
  background: url(images/step-bg2.gif) 0 bottom no-repeat;
	text-align: center;
}

.step2 p {
  margin: 0 auto 20px;
  padding: 20px;
  font-size: 108%;
  letter-spacing: 0.5px;
  background: #fff;
  border-radius: 60px;
  display: inline-block;
}

.step2 h4 {
	text-align:center;
}

.step2 ul {
  margin: 220px 0 0;
  list-style: none;
  font-size: 100%;
}

.step2 li {
	width: 230px;
	display: inline-block;
}

.step-last-2 {
  margin: 71px 0 0 -4px;
	width: 146px;
	float: left;
}

.subttl-text {
  font-size: 26px;
  margin: 20px 0;
  text-align: center;
}

.mypoint-wrap h4 {
  text-align: center;
  margin: 0 0 40px 0;
}

.mypoint-wrap ul {
  display: flex;
  margin: 0 auto 50px;
  list-style: none;
  width: 800px;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mypoint-wrap li {
  margin: 0 0 20px 0;
}

.large-btn2 {
	text-align: center;
	margin: 0 0 80px 0;
	background: url(images/kousiki-btn3-h.png) center 0 no-repeat;
}

.large-btn2 a:hover img {
  opacity: 0;
}

.subttl-text2{
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
}

@media screen and (max-width:1000px){
.header-bg {
	width: 1000px;
	margin: 0 auto;
	background: url(images/top-image-sp.jpg) 0 0 no-repeat;
}

p, h2, h3, h4, h5 {
  font-size: 150%!important;
}

.step p{
	width: auto;
	text-align: center;
}

.main-m2 {
  height: 104px;
  position: absolute;
  left: 0;
  width: 1000px;
}

.step2 li {
  width: 230px;
  display: inline-block;
}

.merit p, .license p {
  font-size: 100%!important;
}

.k-left1, .k-left {
  width: 30%;
}
.k-right {
  width: 70%;
}

#toukou table {
  width: 100%;
}

#toukou th, #toukou td {
  display: block;
  width: 100%;
  padding: 20px 0!important;
  font-size: 140%;
}

#toukou input, #toukou textarea, #toukou select {
  width: 90%;
  padding: 20px 0px;
  margin: 0 10px;
  font-size: 100%;
}
}