@charset "utf-8";

/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;font-size:14px;font-family: dnp-shuei-mgothic-std, sans-serif; line-height:1.8;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;font-size:16px;font-family: dnp-shuei-mgothic-std, sans-serif; line-height:1.8;}

html				{overflow-x:hidden;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea 	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}


/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border:none; background-color:transparent;}



/* clearfix */
.cf:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
* html .cf	{height:1%; }
.cf			{display:block; }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* スマホより大きいサイズは一旦非表示
   完成時はユーザーエージェントで切り分け（PC～TAB）
---------------------------------------- */ 
  
@media screen and (min-width:768px){
html {display: none;}
}




/* HEADER AREA
******************************************/

header {
	background: url("../img/headline.gif") repeat-x top center #f7f7f7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
header .inner {
	padding:18px 10px 15px 10px;
	position:relative;
}
p.logo {
	margin: 0 0;
	text-align: left;
	width: 160px;
}
p.logo a {
	text-decoration:none;
	display:block;
	line-height:0;
}
p.logo a img {
	width: 100%;
}


/* 非会員ヘッダー
------------------------------------*/
header nav.nonMember ul {
	letter-spacing: -0.5em;
	position: absolute;
	top: 18px;
	right: 10px;
}
header nav.nonMember li {
	margin: 0 0 0 8px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
header nav.nonMember li:first-child {
	margin: 0 0 0 0;
}
header nav.nonMember li a {
	padding: 6px 15px 5px 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
}
header nav.nonMember li.login a {
	border: solid 1px #33b6d2;
	border-radius: 5px;
	background: #fff;
	color: #33b6d2;
	display: block;
}
header li.shinki span {
	padding: 6px 15px 5px 15px;
	border-radius: 5px;
	background: #33b6d2;
	color: #fff;
	border: solid 1px #33b6d2;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	font-family: dnp-shuei-mgothic-std, sans-serif;
}
header nav.nonMember li.shinki div {
	background:#333;
	line-height:1;
	text-align:center;
	display:none;
	position: fixed;
	top: 57px;
	left: 0;
	width: 100%;
}
header nav.nonMember li.shinki div p {
	display: table;
	line-height: 1;
	height: 40px;
	width: 100%;
}
header nav.nonMember li.shinki div p a {
	height: 40px;
	display: table-cell;
	line-height: 1;
	border: none;
	border-top: solid 1px #666;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	border-radius: 0;
	background: #333;
}
header nav.nonMember li.shinki p:first-child a {
	border-top: none;
}
header nav.nonMember li.shinki i {
	padding: 0 5px 0 0;
}


/* 会員ヘッダー
------------------------------------*/
header nav.Member ul {
	letter-spacing: -0.5em;
	position: absolute;
	top: 13px;
	right: 10px;
}
header nav.Member li {
	margin: 0 0 0 12px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	text-align: center;
}
header nav.Member li:first-child {
	margin: 0 0 0 0;
}
header nav.Member li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	display: block;
}
header nav.Member li i {
	font-size: 26px;
	color: #333;
}
header nav.Member li.message i {
	font-size: 25px;
	position: relative;
	top: 1px;
}
header nav.Member li.gchat i {
	position: relative;
	top: -1px;
}

header nav.Member li.myicon {
    line-height: 0;
    width: 35px;
    height: 35px;
    overflow: hidden;
    letter-spacing: normal;
    border-radius: 50%;
    vertical-align: middle;
}
header nav.Member li.myicon img {
	border-radius: 50%;
	width: 100%;
}
header nav.Member li.acMenu div {
	background:#333;
	line-height:1;
	text-align:center;
	display:none;
	position: fixed;
	top: 54px;
	left: 0;
	width: 100%;
}
header nav.Member li.acMenu div p {
	display: table;
	line-height: 1;
	height: 68px;
	width: 100%;
}
header nav.Member li.acMenu div p a {
	height: 68px;
	display: table-cell;
	line-height: 1;
	border-top: solid 1px #666;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
}
header nav.Member li.acMenu p:first-child a {
	border-top: none;
}
header nav.Member li.acMenu span.inm {
	margin: 7px 0 0 0;
	font-size: 11px;
	line-height: 1;
	display: block;
}



/* ヘッダー下リード告知 */
.headRead {
	margin: 57px 0 0 0;
	background: #ff2a2a;
	display: none;
}
.headRead p {
	padding: 8px 10px 7px 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.05em;
}




/* スポンサー募集 */

.sponsor {
	margin: 0 0 0 0;
	padding: 30px 20px;
	background: #f6f6f6;
}
.sponsor p.inmid {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.sponsor p.inmid i {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.sponsor p.txt {
	margin: 16px 0 0 0;
	font-size: 14px;
	letter-spacing: 0.05em;
}
.sponsor p.btn {
	margin: 16px auto 0 auto;
	width: 86%;
	text-align: center;
}
.sponsor p.btn a {
	padding: 20px 0;
	display: block;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 1;
	border-radius: 10px;
	background: #33b6d2;
	text-decoration: none;
}
.sponsor p.btn i {
	padding: 0 5px 0 0;
	font-size: 18px;
}


/* ページトップボタン */

.pagetop {
	margin: 0px 0 0 0;
	padding: 20px 0;
	background: #002542;
	line-height: 1;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}





/* フッター */

footer {
	margin: 0 0 0 0;
	background: url("../img/footer_bg.jpg") no-repeat;
	background-size: cover;
}
.angp footer {
	padding: 0 0 75px 0;
}
footer ul.ftNav li {
}
footer ul.ftNav li a {
	padding: 20px 15px;
	border-top: solid 1px #6a8cb0;
	display: block;
	text-decoration: none;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.05em;
}
footer ul.ftNav li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 46%;
}

footer .ftSns {
	margin: 0 0 0 0;
	letter-spacing: -0.5em;
    border-top: 1px solid #6a8cb0;
}
footer .ftSns p {
    padding: 0 0 0 0;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-align: center;
	border: none;
	font-family: dnp-shuei-mgothic-std, sans-serif;
}
footer .ftSns p i {
    padding: 0 0 0 5px;
    font-size: 16px;
	position: relative;
	top: 1px;
}
footer .ftSns ul {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
	text-align: center;
}
footer .ftSns ul li {
	margin: 0 0 0 15px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
footer .ftSns ul li:first-child {
	margin: 0 0 0 0;
}
footer .ftSns ul li a {
	margin: 0px 0 0 0;
	color: #fff;
	line-height: 1;
	display: inline-block;
}
footer .ftSns ul li a i {
	font-size: 44px;
}
footer p {
	margin: 20px 0 0 0;
	padding: 15px 0;
	border-top: 1px solid #6a8cb0;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	font-size: 12px;
	letter-spacing: 0.05em;
	font-family: "Montserrat";
	text-align: center;
}