@charset "UTF-8";
* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}
html,body{
	width: 100%;
	height: 100%;
    margin: 0;
    color:#666;
    font-size:14px;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
    padding: 0;
	overflow: hidden;
	background: #333;
}
ul,ol,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font-size: inherit;
}
a {
	text-decoration: none;
}
#header {
	width: 100%;
	height: 30px;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	background: #09C;
	color: #FFF;
	font-size: 15px;
	line-height: 30px;
}
.footarea {
	width: 100%;
	height: 80px;
	background: #000;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.nav {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
}
.nav ul li {
	display: inline-block;
	width: 32%;
	height: 40px;
	margin: 0;
	padding: 0;
}
.nav ul li a {
	display: block;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
    background: -webkit-linear-gradient(top, #18AAFF 0%, #0329FF 100%);
    background: -moz-linear-gradient(top, #18AAFF 0%, #0329FF 100%);
    background: -o-linear-gradient(top, #18AAFF 0%, #0329FF 100%);
    background: -ms-linear-gradient(top, #18AAFF 0%, #0329FF 100%);
    background: linear-gradient(to bottom, #18AAFF 0%, #0329FF 100%);
	border: 2px solid #036EFF;
	border-radius: 8px;
}

.nav ul li a.slt {
    background: -webkit-linear-gradient(top, #FF03FF 0%, #FF8FF0 100%);
    background: -moz-linear-gradient(top, #FF03FF 0%, #FF8FF0 100%);
    background: -o-linear-gradient(top, #FF03FF 0%, #FF8FF0 100%);
    background: -ms-linear-gradient(top, #FF03FF 0%, #FF8FF0 100%);
    background: linear-gradient(to bottom, #FF03FF 0%, #FF8FF0 100%);
	border: 2px solid #FF03FF;
	border-radius: 8px;
}

/*    登録画面(登録確認画面と一部共通)    */
#regist_wrap {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}
.rgst {
    width: 320px;
	height: 90.5px;
	overflow: hidden;
	background: url(../img/bg_check01.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.heading {
  margin: 7px 0;
}
.rgst .name input {
	border: none;
}
.rgst1 .rgstarea {
}
.rgst1 .rgstarea .caption {
	color: #00AEEF;
	padding-top: 10px;
}
.rgstarea{
}
/*ラジオボタン*/
    .sex input {
	    display: none;
	}
	.sex label{
	    display: block;
	    float: left;
	    cursor: pointer;
	    width: 125px;
	    margin: 0;
	    padding: 10px;
	    background: #eee;
	    color: #555;
	    font-size: 16px;
	    text-align: center;
	    line-height: 1;
	    transition: .2s;
	}
	.sex label:first-of-type{
	    border-radius: 3px 0 0 3px;
	}
	.sex label:last-of-type{
	    border-radius: 0 3px 3px 0;
	}
	.sex input[type="radio"]:checked + .switch-on {
	    background-color: #49B7F3;
	    color: #fff;
	}
	.sex input[type="radio"]:checked + .switch-off {
	    background-color: #F34976;
	    color: #fff;
	}

/*    登録確認画面   */
#check_wrap {
	text-align: center;
}
#check_contents {
	width: 320px;
	margin: 0 auto;
}
#check_contents input#chkbox3{
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0;
	padding: 0;
}
#check_contents input.submit{
	margin-top: 10px;
}
#check_contents #regist label p{
	display: inline;
}
.rule {
	background: #fff;
}
h2{
	position: relative;
	color: #fff;
	font-size: 18px;
	background: #FF9100;
	margin: 0 -24px;
	padding: 4px 24px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	&:before,&:after{
		position: absolute;
		top: 100%;
		content: "";
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-top: 5px solid #000;
		opacity: 0.5;
	}
	&:before{
		left: 0;
		border-right: 5px solid #000;		
	}
	&:after{
		right: 0;
		border-left: 5px solid #000;			
	}
}

.rule_contents{
	width: 90%;
	margin: 0 auto;
	padding: 14px;
	background: #fff;
	text-align: justify;
}
.rule_contents p{
	padding-top: 10px;
}

/*         alert          */
#alert {
	width: 100%;
	height: 100%;
	padding-top: 200px;
	background: rgb(0,0,0,0.5);
	color: #FFF;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#alert h2 {
	width: 60%;
	height: 50px;
	color: #F32B48;
	text-align: center;
	margin: 0 auto 15px;
	padding: 0;
	background: none;
	border-top: 1px dotted #F32B48;
	border-bottom: 1px dotted #F32B48;
	line-height: 50px;
	font-size: 20px;
	text-shadow: none;
}
#alert a {
	color: #F32B48;
}

/*         つぶやき一覧          */
article{
    display: block;
    text-align: center;
    margin: 0 auto;
    height: 600px !important;
}
article a {
	color: #fff;
}
article .nico-unit p:nth-child(2) a,article .nico-unit p:nth-child(6) a,article .nico-unit p:nth-child(17) a,article .nico-unit p:nth-child(26) a {
	color: #0CF;
}
article .nico-unit p:nth-child(4) a,article .nico-unit p:nth-child(11) a,article .nico-unit p:nth-child(19) a,article .nico-unit p:nth-child(28) a {
	color: #FF03FF;
}
article .nico-unit p:nth-child(8) a,article .nico-unit p:nth-child(12) a,article .nico-unit p:nth-child(18) a,article .nico-unit p:nth-child(24) a {
	color: #FF9100;
}
article .nico-unit p:nth-child(5) a,article .nico-unit p:nth-child(13) a,article .nico-unit p:nth-child(21) a,article .nico-unit p:nth-child(23) a {
	color: #23EA00;
}
article .nico-unit p:nth-child(3) a,article .nico-unit p:nth-child(10) a,article .nico-unit p:nth-child(18) a,article .nico-unit p:nth-child(23) a {
	font-size: 17px;
}
article .nico-unit p:nth-child(2) a,article .nico-unit p:nth-child(12) a,article .nico-unit p:nth-child(20) a,article .nico-unit p:nth-child(24) a {
	font-size: 20px;
}
article .nico-unit p:nth-child(7) a,article .nico-unit p:nth-child(14) a,article .nico-unit p:nth-child(21) a,article .nico-unit p:nth-child(27) a {
	font-size: 23px;
}
article .nico-unit p:nth-child(5) a,article .nico-unit p:nth-child(16) a,article .nico-unit p:nth-child(22) a,article .nico-unit p:nth-child(30) a {
	font-size: 30px;
}
.nico-unit p a img {
	display: block;
    margin: 0;
    padding: 0;
	border-radius:50%;
	border: 3px solid #F9B900;
}
.nico-unit p:nth-child(1) a img,.nico-unit p:nth-child(9) a img,.nico-unit p:nth-child(21) a img {
	border: 3px solid #0085CC;
}
.nico-unit p:nth-child(6) a img,.nico-unit p:nth-child(15) a img,.nico-unit p:nth-child(25) a img {
	border: 3px solid #EF97A6;
}
.nico-unit p:nth-child(2) a img,.nico-unit p:nth-child(14) a img,.nico-unit p:nth-child(28) a img {
	border: 3px solid #E94E41;
}
.nico-unit p:nth-child(5) a img,.nico-unit p:nth-child(8) a img,.nico-unit p:nth-child(16) a img {
	border: 3px solid #C56BF2;
}
p a {
    margin: 0;
    padding: 0;
}
/*コメント送信*/
.msg_foot {
	width: 100%;
	height: 40px;
	background: #000;
	z-index: 5 !important;
}
.msg_foot .tweetarea {
    width: 80%;
	height: 35px;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}
.tweetarea_l,.tweetarea_c,.tweetarea_r {
	display: block;
	float: left;
}
.tweetarea_l {
	background-image: url(../img/bg_tweetarea_l.png);
	margin-left:4px;
}
.tweetarea_r {
	background-image: url(../img/bg_tweetarea_r.png);
}
.tweetarea_l,.tweetarea_r {
    width: 10px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0;
	padding: 0;
}
.tweetarea_c {
	background-image: url(../img/bg_tweetarea_c.png);
	background-size: contain;
	background-repeat: repeat-x;
	height: 35px;
	width: calc( 100% - 20px ) ;
	margin: 0;
	padding: 0;
	text-align: left;
}
.tweetarea_c input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: text;
	height: 35px;
	font-size: 17px;
	margin: 0;
	padding: 0 0 3px 0;
	background: none;
	border: none;
	color: #fff;
}
input, textarea {
 -webkit-user-select : auto;
}
.tweetarea_btn {
	width:18%;
	display:inline-block;
	float:right;
	margin: 6px 4px 0 0;
}
.tweetarea_btn button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:100%;
	height:24px;
	font-size: 18px;
	line-height:26px;
	border:none;
	background:#DCDDDD;
	display:inline-block;
	padding:0;
}
.nico-unit{
    position: relative;
    width: 100%;
    height:800px !important;
    margin: 0 auto;
    /*text-shadow: 1px 1px 1px #000;*/
    color: #09C;
    overflow:hidden;
}
.nico-unit p{
    position: absolute;
    z-index: 2;
    white-space: nowrap;
}
#btn_info {
	width: 35px;
	position: fixed;
	top: 10px;
	left: 5px;
	padding: 0;
	z-index: 100;
}
#btn_info a {
	width: 100%;
	padding: 0;
	color: #FFF;
}
#btn_info a img {
	width: 35px;
}
#btn_info .btn_serve {
	display: none;
}

/*      マイページ      */
#mypage_wrap {
	text-align: center;
	width: 320px;
	margin: 0 auto;
}
#profimage {
	width: 140px;
	height: 140px;
	border-radius: 70px;
	margin: 15px auto 15px;;
	background-image: url(../img/chara/dummy.png);
	background-size: cover;
}
.mypage_foot {
	height: 100px;
}
/*プロフ画像変更受付モーダル*/
.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}
.modalTitle {
	color: #F34976;
	font-size: 13px;
	background: #fff;
	border-bottom: dotted 2px #FF3366;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 80%;
    height: 50%;
    border-radius: 10px;
    left: 50%;
    top: 35%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: #F34976;
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44px;
    height: 44px;
    font-size: 40px;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}
.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}
.popupModal1 .modalMain p:nth-child(1) {
     padding-bottom: .5em;
     border-bottom: 1px solid #ccc;
	 margin-bottom: .5em;
}
.popupModal1 .modalMain p a {
	text-decoration: none;
	color: #F34976;
}

/*      メニュー      */
#menu_wrap {
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.bk_menu {
	width: 100%;
	text-align: left;
	margin-top: 10px;
}
.bk_menu a {
	display: inline-block;
	width: 50px;
	height: 30px;
	font-size: 12px;
	background: url(../img/bg_back.gif);
	background-repeat: repeat-x;
	background-size:contain;
	color: #fff;
	padding: 5px;
	line-height: 20px;
}
.txt_yel {
	color: #FFF100;
}
#menu_wrap ul.link li {
	width: 100%;
	height: 50px;
	text-align: left;
	margin-top: -15px;
}
#menu_wrap ul.link li:nth-child(odd) {
	margin-top: 22px;
	margin-bottom: -15px;
}
#menu_wrap ul.link li:nth-child(even) {
	width: 98%;
	margin: 0 auto;
	padding: 10px 0 0 10px;
	line-height: 10px;
	background: #fff;
	color: #595757;
	border-radius: 5px;
	border: 2px solid #C319CE;
}
#menu_wrap ul.link li a {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: url(../img/bg_menu_h.gif);
	background-repeat: repeat-x;
	background-size: contain;
	color: #fff;
	font-size: 17px;
	padding-left: 5px;
}
dl#acMenu {
	margin: 0 0 0 5px;
	text-align: left;
}
dl#acMenu dt {
	background: #FCC;
	margin-top: 0;
	padding-left: 5px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 2px;
	text-align: justify;
}
dl#acMenu dd {
	display: none;
	margin: 10px 0;
	padding-left: 10px;
	text-align: justify;
}
.contactform .rgstarea {
	width: 290px;
	margin: 0 auto;
}
.contactform .rgstarea .caption {
	width: 290px;
}
.contacttxt {
	height: 200px;
}
.contacttxt input {
	height: 160px;
}
#contact_bt {
	background: #004BE1;
	color: yellow;
	border: 1px solid #47B6F7;
}