/* 本日のクイズ
ーーーーーーーーーーーーーーーーーーーーーーー */

.ays-quiz-container:before{
content: "ONE PIECE QUIZ";
    background: #2c2c2c;
    display: block;
    color: #ccc;
    font-weight: 700;
    padding: 3px;
    top: -30px;
    font-size: 22px;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
}

.ays-quiz-container.ays_quiz_elegant_light .ays-field {border:none !important;}
.ays-field.ays_list_view_item{background:#475a0059}

.ays_quiz_results{
  counter-reset: item;
}

.ays_quiz_results h2:before{
counter-increment: item;
    content: "Q." counter(item) "";
    color: #bdbdbd;
    font-size: 1.7em;
    font-style: italic;
    margin-right: 5px;
}
.ays-questions-container div.step {background-color: #fff !important;border: none !important;}
.ays-live-bar-wrap {background: #ccc;z-index: 1;top:0;}
.ays-quiz-container .ays-live-bar-fill {border-bottom: 15px solid #0893a0 !important;color: #ffffff!important;text-shadow: none!important;}
.ays-live-bar-fill span {padding-right: 5px;}
.ays_quiz_rete_avg:before{content:"難易度";margin-right:5px;}
qm_votes{display:none;}
.ays-quiz-container{margin:100px auto;font-size: 18px;}
.ays-quiz-container.ays_quiz_elegant_light label[for^="ays-answer-"], .ays-quiz-container.ays_quiz_elegant_light p, .ays-quiz-container.ays_quiz_elegant_light .ays_message{font-size: 18px !important;line-height:1.7em;}
fieldset.ays_fieldset {border: none;padding: 0;}
.ays_quiz_question h2 {font-size:20px;font-weight: 700;line-height: 1.6em;}

.for_quiz_rate_reason textarea{display: none;}
.ays_quiz_rete {margin: 0;padding: 0;}
.ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div {justify-content: center;}
.ays_question_result {padding-top: 0px !important;}
.ays_questtion_explanation p {padding: 0;margin:0 0 1.5em 0 !important;}
.ays_questtion_explanation {margin-bottom: 2.5em;}
.entry .ays-quiz-container.ays_quiz_elegant_light .wrong_div {background-color: rgb(221, 200, 200) !important;}
.entry .ays-quiz-container.ays_quiz_elegant_light .wrong_div .wrong {color:#2c2c2c !important;}
.entry .ays-quiz-container.ays_quiz_elegant_light .correct_div {background-color: #0893a0 !important;}
.entry .ays-quiz-container.ays_quiz_elegant_light .correct_div .correct{color:#fff !important;}

@media screen and (max-width: 479px){
.ays-quiz-container.ays_quiz_elegant_light label[for^="ays-answer-"], .ays-quiz-container.ays_quiz_elegant_light p, .ays-quiz-container.ays_quiz_elegant_light .ays_message{font-size: 16px !important;line-height:1.7em;}
[id^="ays_finish_quiz_"] div.step div.ays-abs-fs {width: 95%;}
.ays_quiz_question h2 {font-size:18px;}
}/* max479 */


/* サイト全体
ーーーーーーーーーーーーーーーーーーーーーーー */

body{font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}

.page .main,.home .main {
  background: url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/wood.jpg) !important;
  color: #fff;
}

#header {
    background: url(http://onepiece-guide.com/wp/wp-content/uploads/2018/03/buddy_bg.jpg) left center;
    background-size: 120%;
}

header p.site-title {
    font-size: 2em;
    width: 49%;
}

.page .page-title h1, .page-title h2, .page-title h4 {color: #fff;}
.page .themeform > h2{
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    border-bottom: 1px dashed #fff;
    padding: 0 0 8px;
    margin-bottom: 1.5em;
}

.page-title {
    background: #0e1a1f;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 8px;
}
.page .main strong, .home .main strong {color: #ead750;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
}

h3.widget-title {
    color: #fff;
    font-weight: 700;
}

.entry p{margin-bottom: 1.5em;}
strong {
    color: #a70050;
    font-weight: 700;
}

.boxed #page {padding-bottom: 0px;}
#footer-widgets {background: #161f23;padding-top: 10px;}
#footer .pad {padding: 10px !important;}
#footer .widget {padding-bottom: 0px;}

@media screen and (min-width:1200px)  {
  .pad {padding-right:10%;padding-left:10%;}
}/* min1200 */


/* ホーム
ーーーーーーーーーーーーーーーーーーーーーーー */

.home .quiz {margin-bottom:1em;}
.index-box h2 {
    color: #fff;
    font-size: 1.4em;
    padding: 0px 0 5px;
    margin-bottom: 1.5em;
    border-bottom: 1px dashed #fff;
}

.home .post-title a {
    color: #fff;
    font-weight: 700;
}

@media screen and (max-width: 479px){
.entry {font-size: 1em;}
.index-box p{margin-bottom:20px;}
#footer-widgets {background: url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/wood.jpg) !important;padding-top: 0;}
#page {padding-bottom: 0px;}
}/* max479 */


/* クイズ追加
ーーーーーーーーーーーーーーーーーーーーーーー */

.quiz_inner {box-sizing: border-box;}
.qimg_box {box-sizing: border-box;}
.progress_box {box-sizing: border-box;}
.quiz .sns_btn ul li {list-style: none;}
.wpProQuiz_content h2 {font-weight: 700;}
ul.wpProQuiz_resultsList li div {
background: #fff;
    padding: 1% 2%!important;
    border-radius: 10px;
    display: block;
    width: 96%;
    max-width: 400px;
    margin: 20px auto !important;
    line-height: 1.5em;
}

.wpProQuiz_question_text b,.wpProQuiz_question_text strong {
    color: #b30000 !important;
}

.wpProQuiz_questionList input + label:before {padding: 4px 10px;}
p.wpProQuiz_time_limit_expired {margin-bottom: 8px !important;}
.btn_box2 {margin: 15px 0px 20px 0 !important;}
.quiz_inner strong {color: #a70050 !important;}


@media screen and (max-width: 479px) {
.page .main .content .pad article{margin:-15px;}
.quiz {border-top:none;}
.wpProQuiz_text {margin: -8px -5% -28px;}
}/* max479 */

/* コメント
ーーーーーーーーーーーーーーーーーーーーーーー */

section#comments {margin: 30px 1%;}
p.comment-form-comment {margin-top: 0px !important;}

li #reply-title {font-size: 1em;}
#cancel-comment-reply-link {
    color: #fff;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0.8em;
}


.commentlist .comment-meta a, .commentlist .reply a, .pinglist .ping-meta , .comment-meta{color: #9cafb5;}

.commentlist .comment-body p {
    margin: 5px 0 0 0;
    color: #fff;
    clear: both;
    font-size: 17px;
    line-height: 1.6em;
    font-weight: bold;
}

img.avatar{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel02.gif);background-size: 100%;}

.commentlist .comment-body, .pinglist li {margin-bottom:0px; padding-bottom:0px;}
.commentlist .depth-1 {margin-top: 10px;border-top: 1px dashed #ccc;padding-top: 10px;}
.commentlist .fn, .commentlist .comment-meta:before{display: none;}
.cfb-mb-10 {margin-bottom:0px;}

.depth-2 .comment-body p {font-size: 16px;}
.depth-2 .comment-body{padding-bottom:0px;}
.depth-2 .avatar, .depth-2 .wpulike{display: none;}
.depth-2{position:relative;}
.depth-2:before {
font-weight:900;
    font-family: "Font Awesome 5 Free" !important;
    position: absolute;
    left: 0px;
    top: 10px;
  color: #00000058;
    font-size: 30px;
-moz-transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
}
.commentlist li li {
    padding-left: 40px !important;
}

.commentlist .reply {
    line-height: 1.4em;
    font-size: 13px;
}

.commentlist .reply:before {
    font-family: "Font Awesome 5 Free";
    margin-right: 3px;
  font-weight: 900;
    color: #9cafb5;
  -moz-transform: rotateZ(180deg);
-webkit-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
    display: inline-block;
}


/* Like Button */

.commentlist .lb-style-custom .lb-like,.commentlist .lb-style-custom .lb-dislike{padding-left: 0 !important;margin-right: 0px !important;}
.depth-2 .likebtn_container{display:none;}


/* キャラクター */

.commentlist li, .pinglist li {padding-left: 78px;overflow: hidden;}

.commentlist .avatar {
    left: -70px;
    width: 55px;
    height: 55px;
}

.comment-chara{
background:#fff;
position: absolute;
left: -70px;
top: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
text-indent: -6666px;
}

.comment-chara .chara1{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel01.gif) no-repeat;}
.comment-chara .chara2{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel02.gif) no-repeat;}
.comment-chara .chara3{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel03.gif) no-repeat;}
.comment-chara .chara4{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel04.gif) no-repeat;}
.comment-chara .chara5{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel05.gif) no-repeat;}

.comment-chara div{
width: 55px;
height: 55px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-size: 100% !important;
}

#commentform .radio_value_wrapper label {
    float: left;
    display: block;
    width: 50px !important;
    height:50px;
    margin-right:2%;
    text-indent: -6666px;
}

span.radio_value_wrapper{
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    display: block;
}

.extra_field_radio > label{display:none !important;}

.radio_value_wrapper label{ 
	position: relative;
}
.radio_value_wrapper label input{ 
	opacity: 0;
}
.radio_value_wrapper label span{ 
	position: absolute;
	left: 0;
	top: 0px;
	display: block;
    background-size: 100% !important;
	width: 50px;
	height:50px;
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}

.radio_value_wrapper label input:checked + span{
	 -webkit-filter: grayscale(0%);
     -moz-filter: grayscale(0%);
     -o-filter: grayscale(0%);
     -ms-filter: grayscale(0%);
     filter: grayscale(0%);
}

.radio_value_wrapper label:nth-child(1) span{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel01.gif) no-

repeat;}
.radio_value_wrapper label:nth-child(2) span{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel02.gif) no-

repeat;}
.radio_value_wrapper label:nth-child(3) span{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel03.gif) no-

repeat;}
.radio_value_wrapper label:nth-child(4) span{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel04.gif) no-

repeat;}
.radio_value_wrapper label:nth-child(5) span{background:url(http://onepiece-guide.com/wp/wp-content/themes/y_hueman/images/enel05.gif) no-

repeat;}


@media (max-width:479px) {
.commentlist .avatar, .comment-chara,.comment-chara div{left: -50px;width: 45px;height: 45px;}
.commentlist li, .pinglist li {padding-left: 50px;}
.comment-chara div,.commentlist .avatar{
    -webkit-border-radius:50%;
    border-radius:50%;
    border: 1px solid #ccc;
}
.commentlist .comment-body p {font-size:16px;}
#commentform {margin: 30px -15px 30px;}
.depth-1 #commentform {margin: 30px 0px 30px -15px;}
section#comments {margin: 0;}
.themeform textarea {font-size:16px;}
.depth-2:before {
left: 0px;
    color: #0000004a;
    font-size: 38px;
}
.commentlist li ul li {padding-left: 10px !important;}
}/* max479 */


/* フォーム */

.logged-in #commentform p.comment-form-comment label {display: block;}
p.comment-form-comment label {color: #fff;font-size: 1.5em;}
.comment-form-comment .required {display: none;}
#commentform {background: #1a2e3d;margin-top: 30px;}

form#commentform:before {
content: "";
    position: absolute;
    top: -40px;
    left: 50px;
    margin-left: -15px;
    border: 22px solid transparent;
    border-bottom: 25px solid #1a2e3d;
}

.depth-1 #commentform {background: #40342d;margin-top: 30px;}
.depth-1 form#commentform:before {border-bottom: 25px solid #40342d;}


#commentform p.comment-form-author{float:none;margin-bottom:15px;width:100%;}
.comment-form-author label{float:left;margin:0 10px 0 0;}
.comment-form-author input{width:200px !important;}
p.comment-form-comment {margin-bottom: 15px;}
#commentform textarea {height: 170px;}
#commentform {padding: 4%;}

.form-submit input#submit {
    background-color: #7f7652;
    width: 100%;
    margin: 0 auto;
    display: block;
}