@charset "utf-8";

*, *:before, *:after {
	margin: 0;
	padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/******************** ninki ********************/
#contents {
	width: 100%;
	text-align: left;
	padding: 15px 20px 40px;
    font-size: 16px;
    line-height: 140%;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    box-sizing: border-box;
}
#contents h2 {
	width: auto;
	height: auto;
	text-indent: inherit;
	overflow: inherit;
	margin: 0px 0 15px;
    background: url("/wp-content/uploads/2025/08/ninki_h2.png") no-repeat center top;
    text-align: center;
    line-height: 50px;
    color: #ffa921;
    font-size: 22px;
}
h2 span {
    font-weight: 700;
    background: linear-gradient(transparent 70%, #ffff99 70%);
}
#contents .bold {
    font-weight: 700;
    color: #000;
    margin: 0;
    padding: 0;
}
.pink {
    color: #ff55a1;
    font-weight: 700;
}
.blue {
    color: #45bbff;
    font-weight: 700;
}
.green {
    color: #16dea8;
    font-weight: 700;
}
.purple {
    color: #af7fe3;
    font-weight: 700;
}
.orange {
    color: #ff8e29;
    font-weight: 700;
}
.notes {
    color: #2000a9;
    font-size: 16px!important;
}
#intro {
    background: url("/wp-content/uploads/2025/08/ninki_intro.png") no-repeat 50% 50%;
    text-align: center;
    margin-bottom: 20px;
}
#comment {
    background: url("/wp-content/uploads/2025/08/ninki_comment.png") no-repeat center top;
    padding: 75px 175px 0 15px;
    height: 460px;
    line-height: 160%;
    margin-bottom: 20px;
}
#comment span {
    font-size: 18px;
    text-decoration: underline;
} 
/********************/
dl.secret {
    text-align: center;
    margin: 30px 0 20px;
}
dl.secret dt {
    background: url("/wp-content/uploads/2025/08/ninki_ribbon.png") no-repeat center center;
    line-height: 49px;
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
dl.secret dd {
    background: #fff9fb;
    border: 2px solid #ffaece;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #e33d77;
    font-weight: 700;
}
div.secret {
    padding: 20px;
}
div.secret span {
    font-size: 110%;
}
ul.flow {
    margin: 30px 10px;
}
ul.flow li {
    display: block;
    list-style: none;
    line-height: 36px;
    text-align: center;
    border-radius: 20px;
    font-weight: 700;
}
ul.flow li#flow_1 {
    background-color: #edf6ff;
    color: #002e6c;
}
ul.flow li#flow_2 {
    background-color: #faf3ff;
    color: #430073;
}
ul.flow li#flow_3 {
    background-color: #fffbed;
    color: #695200;
}
ul.flow li#flow_4 {
    background-color: #edfff0;
    color: #006310;
}
ul.flow li.arrow {
    color: #ff9dc4;
    line-height: 20px;
}
ul.flow img {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
    margin-right: 3px;
}
p.flower {
    background: url("/wp-content/uploads/2025/08/ninki_flower.png")  no-repeat left center;
    padding-left: 40px;
    text-decoration: underline;
    font-size: 18px;
    margin: 35px 0 15px;
    font-weight: 700;
}
.emphasis {
    line-height: 170%;
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}
/********************/
#atogaki {
    background: url("/wp-content/uploads/2025/08/ninki_atogaki.png") no-repeat center top;
    padding: 100px 15px 0 175px;
    height: 530px;
    line-height: 160%;
    margin-bottom: 20px;
    text-align: center;
}
#atogaki span {
    font-size: 18px;
    text-decoration: underline;
} 

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */    
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#066));　/* Safari,Google Chrome用 */    
}

@media screen and (min-width: 320px) and (max-width: 650px){
}