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

@font-face {
    font-family: 'poprum';
    src: url('../font/poprum.eot'); /* IE9以上用 */
    src: url('../font/poprum.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */ url('../font/poprum.woff') format('woff'), /* モダンブラウザ用 */ url('../font/poprum.otf') format('opentype'); /* iOS, Android用 */
    font-weight: normal; /* 念の為指定しておきます */
    font-style: normal;
}
@font-face {
    font-family: 'mkf3';
    src: url('../font/mkf3eot'); /* IE9以上用 */
    src: url('../font/mkf3.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */ url('../font/mkf3.woff') format('woff'), /* モダンブラウザ用 */ url('../font/mkf3.otf') format('opentype'); /* iOS, Android用 */
    font-weight: normal; /* 念の為指定しておきます */
    font-style: normal;
}
body {
    background-color: #F9F9F9;
}
ul#items_filter {
    background-color: #F9F9F9;
}
hr {
    border: none;
    border-bottom: 4px solid #222222;
}
#header_02 ul {
    list-style-type: none;
    margin: 0;
    margin-top: 9px;
}
#header_02 ul li {
    font-size: 9px;
    padding: 2px 0 2px 0;
    width: 118px;
    background-color: #272727;
    margin: 4px 7px 4px 0;
    text-align: center;
    color: #ffffff;
    float: left;
}
#header_02 .span3 {
    margin-left: 30px;
    margin-right: 5px;
    padding: 0;
    width: 250px;
}
#header_02 .span2 {
    margin-left: 0;
    width: 250px;
}
figure {
    margin: 15px 0 20px 0;
}
figcaption {
    margin: 8px 0 10px 0;
    color: #363636;
    text-align: right;
}
.poprum {
    font-family: poprum, sans-serif;
}
#kumi h2 {
    color: #363636;
    font-size: 36px;
    margin: 80px 0 0 0;
    font-weight: bold;
    line-height: 4.6rem;
    font-family: "FOT-テロップ明朝 ProN B", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-feature-settings : "palt" 1;

}

#kumi h2 a {color: #222;}
#kumi h3 {
    color: #363636;
    font-size: 28px;
    margin: 40px 0 0 0;
    font-weight: bold;
    line-height: 3.2rem;
    font-family: "FOT-ロダンNTLG Pro B", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-feature-settings : "palt" 1;

}
#kumi h4 {
    color: #363636;
    font-size: 24px;
    margin: 40px 0 0 0;
    line-height: 2.6rem;
    font-family: "FOT-ロダンNTLG Pro B", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-feature-settings : "palt" 1;
}

#kumi h4 a {
	color: #222;
}
#kumi p {
    font-size: 1.3rem;
    font-family: "FOT-UD丸ゴ_スモール Pr6N M", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 2.4rem;
    color: #222222;
    margin-bottom: 40px;
	text-align: justify; // Required for IE and Edge 
	text-align-last: left;
}

#kumi p .mrg_btn0 {
	margin-bottom: 0;
}

#kumi p .ud_m {
    font-family: "FOT-UD丸ゴ_スモール Pr6N DB", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 500;
}
#kumi p .ud_b {
    font-family: "FOT-UD角ゴ_スモール Pr6N B", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
}
#kumi p a {
    color: #383A5C;
}
#kumi p a:hover {
    color: #211AD0;
    text-decoration-line: underline;
}
h1.kenkyu {
    font-size: 4.0rem;
    color: #222;
    line-height: 6.0rem;
    font-family: "FOT-テロップ明朝 Pro H", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#kumi .mt40 {
    margin-top: 40px;
}
#kumi .t_box {
    margin-top: 20px;
    background: #E9E9E9;
    padding: 15px;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 2.0rem;
    border-radius: 10px;
    border: none;
}
#kumi .t_box2 {
    margin-top: -30px;
    border: 1px solid #666;
    background: #fff;
    padding: 10px 15px 13px 15px;
    font-size: 1.2rem;
    line-height: 2.0rem;
    border-radius: 10px;
}
#kumi .blue_tx {
    color: #009ED5;
}
#kumi .bl_box {
    font-size: 0.8rem;
    background: #666;
    color: #fff;
    padding: 3px 10px;
    border-radius: 6px;
}
.small1 {
    font-size: 1.0rem;
}

@media (max-width:480px) {
#kumi pre {
    font-family: poprum, sans-serif;
    border: none;
    background: none;
    text-align: center;
    color: #FF3693;
    line-height: 0.8;
    font-size: 8px;
}
#kumi h4 {
    font-size: 1.2rem;
    line-height: 1.8rem;
}
#kumi h3 {
    font-size: 1.3rem;
    line-height: 2.0rem;
}
#kumi h2 {
    font-size: 2.0rem;
    line-height: 2.6rem;
}
#kumi p {
    font-size: 1.0rem;
    line-height: 1.5rem;
    font-family: "FOT-UD丸ゴ_スモール Pr6N M", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#kumi .bl_box {
    font-size: 0.6rem;
    background: #666;
    color: #fff;
    padding: 0px 5px;
    border-radius: 5px;
}
#kumi .t_box {
    font-size: 0.8rem;
    line-height: 1.3rem;
    border-radius: 5px;
}
#kumi .t_box2 {
    margin-top: -30px;
    padding: 10px 15px 13px 15px;
    font-size: 0.8rem;
    line-height: 1.3rem;
    border-radius: 5px;
}
.small1 {
    font-size: 0.7rem;
    line-height: 1.0rem;
}
}
.pink {
    color: #FF3693;
}
.midashi1 {
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    color: #656366;
    margin: 30px;
    padding: 20px;
    border-bottom: solid 2px #FF3693;
}
#kumi ul {
    list-style-type: none;
}
#kumi ul#cap {
    margin: 0 0 25px 0;
    border-bottom: 2px solid #363636;
    padding-bottom: 15px;
}
#kumi ul li {
    font-size: 15px;
    line-height: 1.6em;
}
#kumi ul li.border {
    border-bottom: 1px dotted #999999;
    margin-bottom: 20px;
}
#kumi p.wap {
    font-family: wap, sans-serif;
    margin: 20px 20px 80px;
    font-size: 120px;
    color: #000;
    line-height: 1.0;
}
.down_cont ul {
    margin: 0;
    list-style-type: none;
}
#nav_contBottom {
    padding: 50px 0 20px 0;
}
#nav_contBottom li {
    float: left;
    padding: 9px 18px 9px 0;
}
#nav_banner {
    padding: 80px 0 0 0;
}
#nav_banner li {
    float: left;
    padding: 0 2px 0 0;
}
.down_cont > a {
    text-align: center;
    background-color: #363636;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    padding: 20px 0;
    display: block;
    vertical-align: middle;
    text-decoration: none;
}
.down_cont > a:hover {
    text-decoration: none;
    background-color: #646464;
}
#bottom_down {
    display: block;
    margin: 120px auto 0 auto;
    width: 91px;
}
#footer {
    margin-top: 120px;
}

@media (max-width:480px) {
ul#items_filter {
    background-color: #B1B1B1;
}
#header_02 .span3 {
    margin-left: 0;
}
#shuffle #av_list li {
    width: 80px;
    height: 105px;
    margin: 5px;
    font-size: 9px;
}
}

@media (max-width:767px) {
ul#items_filter {
    background-color: #B1B1B1;
}
#header_02 .span3 {
    margin-left: 0;
}
}

@media (min-width:768px) and (max-width:979px) {
#header_02 .span3 {
    margin-left: 0;
}
#header_02 .span4 {
    margin: 0;
    width: 350px;
}
#header_02 .span4 img {
    margin-top: 8px;
}
.selectnav-header .logo {
    text-align: left;
}
.sf-menu > li {
    float: left;
    width: 14%;
    padding: 10px 0;
}
}

@media (min-width:980px) {
#header_02 .span3 {
    margin-left: 0;
}
#userText {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    width: 75%;
    margin: 0;
}
#btn {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    width: 24%;
    margin: 0;
}
#header_02 .span4 {
    margin: 0;
    width: 350px;
}
#header_02 .span4 img {
    margin-top: 8px;
}
.selectnav-header .logo {
    text-align: left;
}
.sf-menu > li {
    float: left;
    width: 13%;
    padding: 10px 0;
}
}

@media (min-width:1200px) {
#kumi ul#cap {
    margin: 0 30px 25px 0;
}
.down_cont > a {
    margin: 0 30px 0 0;
}
#shuffle #av_list li {
    width: 100px;
    text-align: center;
    margin: 10px;
    float: left;
}
#msgContainer {
    margin: 30px 30px 0 0;
    padding: 50px 40px 20px 40px;
}
#userText {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    width: 75%;
    margin: 0;
}
#aside {
    margin-right: 30px;
}
#btn {
    display: inline-block;
 *display: inline;
 *zoom: 1;
    width: 24%;
    margin: 0;
}
#header_02 .span4 {
    margin: 0;
    width: 350px;
}
#header_02 .span4 img {
    margin-top: 8px;
}
.selectnav-header .logo {
    text-align: left;
}
.sf-menu > li {
    float: left;
    width: 10%;
    padding: 10px 0;
}
}