body, input, textarea, button, select{
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

body {
    margin:0; padding:0; font-size:1.10em; 
}

h1, h2, h3, h4, h5, h6, details, summary, address, form, input, textarea {
	margin: 0; padding:0;
}

details{ z-index:50; margin:0em 0em 1.8em 0em; padding:0em 0em; color:#999999; }
summary{ z-index:60; }

input, button, select, textarea { border:none; background:none; -webkit-appearance:none;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
    clear:both;
}

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}

input, select {
    vertical-align:middle;
}

a {
    display: block;
}


a {
    -webkit-tap-highlight-color:transparent;
}


h1{ text-align:center; color:#999999; font-size:1.2em; margin-top:1.0em; }
h1 a{ color:#999999; text-decoration:none; }
h1 a:hover{ color:#cccccc;  }
h2{ text-align:center; color:#999999; font-size:0.8em; margin-top:0em; }

address{ text-align:center; color:#999999; font-size:0.6em; font-style:normal; font-weight:bold;  margin-bottom:1.0em;  }
address a{ color:#999999; font-style:normal; font-weight:bold; text-decoration: none; }
address a:hover{ color:#999999; font-style:normal; font-weight:bold; text-decoration: none; }

.access_txt{ text-align:center; color:#999999; font-size:0.6em; font-style:normal; font-weight:bold;  margin-bottom:1.0em;  }

.mainbox
{ margin:0.8em; }

.mainbox p
{ font-size:0.8em; color:#333333; line-height:1.8em; }

.mainbox span
{ font-size:0.7em; color:#999999; line-height:1.8em; }

.dot{ border:none;  border-top:1px #999999 dotted; /*width:95%;*/ margin:1em auto; }

.m70{ color:#f173ac !important; }

.m35{ color:#f7b7d3 !important; }

.m15{ color:#fcdfeb !important; }

.new{ color:#ff3333 !important; }

.foot { text-align:center; }

.foot a{ color:#999999; text-decoration:none; font-size:0.80em; display:block; padding:0.8em 0.8em; text-align:center; border:1px solid #999999; border-radius:3px; }
.foot a:hover{ color:#cccccc; border:1px solid #cccccc; }

.prev { float:left; display:block; margin:1.0em 0.5em; text-align:center; }

.next { float:right; display:block; margin:1.0em 0.5em; text-align:center; }

.home_back{ position: absolute; top: 0; right: 0; left: 0; display:block; margin:1.0em auto;  width:4.0em; height:2.0em; z-index:110; text-align:center; background-color:#ffffff; border-radius:3px; opacity:0; }
.home_back a{ text-decoration:none; display:block; text-align:center; width:100%; height:100%; }

.m_menu{ position: absolute; top: 0; right: 0; display:block; margin:1.0em; padding:0.5em; z-index:100; text-align:center; background-color:#f7b7d3; border-radius:3px; }
.m_menu:hover{ background-color:#fcdfeb; }
.m_menu a{ font-size:1.0em; font-weight:bold; color:#ffffff; text-decoration:none; display:block; text-align:center; }
.m_menu a:hover{ color:#ffffff; }

.t_menu{ position: absolute; top: 0; right: 0; display:block; margin:1.0em; padding:0.5em; z-index:100; text-align:center; background-color:#999999; border-radius:3px; }
.t_menu:hover{ background-color:#cccccc; }
.t_menu a{ font-size:1.0em; font-weight:bold; color:#ffffff; text-decoration:none; display:block; text-align:center; }
.t_menu a:hover{ color:#ffffff; }


.m_edit { float:right; display:block; margin:0em 0.5em; text-align:center; }
.m_edit a{ color:#f7b7d3; text-decoration:none; font-size:0.70em; display:block; padding:0.30em 0.30em; text-align:center; border:1px solid #f7b7d3; border-radius:3px; }
.m_edit a:hover{ color:#fcdfeb; border:1px solid #fcdfeb; }

.t_edit { float:right; display:block; margin:0em 0.5em; text-align:center; }
.t_edit a{ color:#999999; text-decoration:none; font-size:0.70em; display:block; padding:0.30em 0.30em; text-align:center; border:1px solid #999999; border-radius:3px; }
.t_edit a:hover{ color:#cccccc; border:1px solid #cccccc; }


.mid{ vertical-align:middle; }
.none{ display:none; }
.clr{ clear:both; }

textarea.text{ width:93%; resize: vertical; border:1px solid #999999; border-radius:3px; padding:0.3em; }
input.m_sub{ margin:1.0em; padding:0.5em; text-align:center; background-color:#f7b7d3; border-radius:3px; color:#ffffff; font-size:1.2em; font-weight:bold; }
input.m_sub:hover{ background-color:#fcdfeb; }
input.t_sub{ margin:1.0em; padding:0.5em; text-align:center; background-color:#999999; border-radius:3px; color:#ffffff; font-size:1.2em; font-weight:bold; }
input.t_sub:hover{ background-color:#cccccc; }

.left{ text-align:left; }
.right{ text-align:right; }


.fake_page{ position: fixed; top: 0; left: 0; display:block; margin:0; padding:0; z-index:150; width:100%; height:100%; background-color:#ffffff; }
.d_none{ display:none; }
.fake_page span{ line-height:1.5em; }
.fake_page p{ margin:0; padding:0; display:table-cell; vertical-align:middle; }
.tm2{ float:left; color:#ffffff; background-color:#b9dcff; width:50%; height:33.5%; margin:0; padding:0; text-align:center; display:table; }
.tm1{ float:left; color:#b9dcff; background-color:#ffffff; width:50%; height:33.5%; margin:0; padding:0; text-align:center; display:table; }
.tm4{ float:left; color:#cdc8ff; background-color:#ffffff; width:50%; height:33.5%; margin:0; padding:0; text-align:center; display:table; }
.tm3{ float:left; color:#ffffff; background-color:#cdc8ff; width:50%; height:33.5%; margin:0; padding:0; text-align:center; display:table; }
.tm6{ float:left; color:#ffffff; background-color:#ffc2dd; width:50%; height:33.5%; margin:0; padding:0; text-align:center; display:table; }
.tm5{ float:left; color:#ffc2dd; background-color:#ffffff; width:50%; height:33.5%; margin:0; padding:0; text-align:center; display:table; }

.fake_x{ position: fixed; top: 0; left: 0; display:block; margin:1.0em; padding:0.5em; z-index:10000; text-align:center; border:1px solid #ffffff; border-radius:3px; opacity:0.05; }
.fake_x:hover{ border:1px solid #ffffff; }
.fake_x a{ font-size:1.0em; font-weight:bold; color:#ffffff; text-decoration:none; display:block; text-align:center; }
.fake_x a:hover{ color:#ffffff; }

#snow_x{ text-align:center; color:#ffffff; background-color:#b9dcff; line-height:1.8em; padding:1.5em; display:none; }
#snow_x img{ height:72px; margin:1.8em auto; }
#moon_x{ text-align:center; color:#ffffff; background-color:#cdc8ff; line-height:1.8em; padding:1.5em; display:none; }
#moon_x img{ height:72px; margin:1.8em auto; }
#flower_x{ text-align:center; color:#ffffff; background-color:#ffc2dd; line-height:1.8em; padding:1.5em; display:none; }
#flower_x img{ height:72px; margin:1.8em auto; }

.snow{ height:36px; margin:auto; }
.moon{ height:36px; margin:auto; }
.flower{ height:36px; margin:auto;  }



.check{ padding:1.5em 0em; }

.check input[type="checkbox"] {
	display: none;
}
.check label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	color:#cccccc; font-size:1.2em;
}
.check label::before,
.check label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}
.check label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.check label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #f7b7d3;
	border-bottom: 2px solid #f7b7d3;
	-webkit-transform: rotate(-45deg) scale(.5);
	transform: rotate(-45deg) scale(.5);
}
.check label:hover::before {
	background: #fff;
}
.check input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #f7b7d3;
}
.check input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}


/**** TY ****/

.ty_main{ width:100%; height:100%; }

.ty_bg{ 
background: rgb(0,136,255);
background: linear-gradient(180deg, rgba(0,136,255,1) 0%, rgba(68,170,255,1) 50%, rgba(0,136,255,1) 100%);
}

.ty_w{ text-align:center; width:100%; height:100%; max-width:480px; margin:0 auto; font-size:0.90em; }
.ty_d{ width:60%; margin:0 auto; }
.ty_t{ color:#ffffff; font-size:1.2em; font-weight:bold; }
.ty_b{ font-size:1.5em; }
.ty_s{ font-size:0.8em; }
.ty_ss{ font-size:0.8em; font-weight:normal; }
.ty_l{ text-align:left; }
.ty_r{ text-align:right; }
.ty_c{ text-align:center; }
.ty_mt{ padding-top:1.0em; }
.ty_mt2{ padding-top:1.8em; }
.ty_mb{ padding-bottom:1.0em; }
.ty_img{ width:80%; }
.ty_xbg{ background-image: url('../svg/bg.svg'); background-size: 125% 125%; background-position: 50% 50%; }
.ty_x{ opacity:0.00; }