@charset "UTF-8";
@charset "utf-8";


 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr{
margin: 10px 0;
background-color: #dddddd;
}
*{
box-sizing: border-box;
}
a {
color: #006DD9;
text-decoration: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
a:link, a:visited {
color: #660099;
text-decoration: none;
}
a:hover, a:focus, a:active {
text-decoration: underline;
outline: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
a.non-hover:hover img, a.non-hover:focus img, a.non-hover:active img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.cf:before,
.cf:after {
content: "";
display: block;
overflow: hidden;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.sp_only {
display: none;
}
.pc_only {
display: block;
}
.sp_only_inline {
display: none;
}
.pc_only_inline {
display: inline-block;
}
body {
margin: 0;
padding: 0px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 100%;
color: #333333;
background-color: #ffffff;
font-feature-settings: "pkna";
}
table {
border-collapse: collapse;
font-size: 15px;
line-height: 180%;
border-spacing: 0px;
letter-spacing: 0;
margin-top: 0px;
width: 100%;
}
table th, table td {
padding: 8px 12px;
border: solid 1px #dddddd;
text-align: left;
}
table th {
background-color: #f8f8f8;
white-space: nowrap;
text-align: center;
width: 10em;
} header.site-header {
width: 100%;
background-color: #f8f8f8;
padding-bottom: 20px;
}
header.site-header .header_inner {
margin: 0 auto;
text-align: center;
width: 1198px;
position: relative;
margin-top: 24px;
}
header.site-header .header_left {
float: left;
width: 360px;
text-align: left;
}
header.site-header .header_left #site_name {
display: block;
background: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/logo_quiz_bang_h_bk.svg) no-repeat 50% 50%;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 340px;
height: 40px;
margin: 0;
}
header.site-header .header_left #site_name a {
display: block;
}
header.site-header .header_left #site_name_text {
font-size: 12px;
display: block;
margin-top: 4px;
}
header.site-header .header_center {
float: left;
text-align: left;
}
header.site-header .header_center a {
border: solid 2px #000;
padding: 8px 16px;
display: inline-block;
color: #000;
margin-top: 2px;
margin-left: 12px;
font-size: 14px;
line-height: 100%;
font-weight: 700;
}
header.site-header .header_center a:hover, header.site-header .header_center a:focus, header.site-header .header_center a:active {
text-decoration: none;
background: #000;
color: #fff;
}
header.site-header .header_right {
float: right;
text-align: left;
}
header.site-header .header_right .header_bnr {
float: left;
width: 400px;
margin-right: 30px;
text-align: left;
}
header.site-header .header_right .header_bnr a {
border: solid 1px #dddddd;
display: inline-block;
}
header.site-header .header_right .header_bnr a img {
vertical-align: bottom;
}
header.site-header .header_right .header_sns_search {
width: 250px;
float: right;
}
header.site-header .header_right .header_sns_search .follow_us_sns {
font-size: 12px;
text-align: right;
}
header.site-header .header_right .header_sns_search .follow_us_sns a {
font-size: 18px;
line-height: 100%;
vertical-align: middle;
margin-left: 8px;
}
header.site-header .header_right .header_sns_search .follow_us_sns a.link_twitter {
color: #00acee;
}
header.site-header .header_right .header_sns_search .follow_us_sns a.link_x_twitter {
color: #000000;
}
header.site-header .header_right .header_sns_search .follow_us_sns a.link_youtube {
color: #ff0000;
}
header.site-header .header_right .header_sns_search .box_search {
border: solid 1px #999;
background-color: #fff;
margin-top: 9px;
}
header.site-header .header_right .header_sns_search .box_search .iptSearch {
width: 217px;
height: 32px;
font-size: 14px;
padding: 8px 0px 8px 8px;
border: none;
background-color: transparent;
display: inline-block;
}
header.site-header .header_right .header_sns_search .box_search .btn_search {
display: inline-block;
border: 0px;
width: 30px;
height: 32px;
background-color: transparent;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-position: -186px 3px;
background-size: 320px;
vertical-align: top;
}
header.site-header .header_right .header_sns_search .box_search .btn_search:hover {
cursor: pointer;
} nav {
width: 100%;
background-color: #000000;
color: #ffffff;
}
nav .nav_inner {
margin: 0 auto;
text-align: center;
width: 1198px;
position: relative;
}
nav ul li {
width: auto;
float: left;
letter-spacing: 0.2em;
}
nav ul li a, nav ul li a:link,
nav ul li a:visited {
font-size: 14px;
color: #ffffff;
width: 183px;
padding: 10px 0px 0 0;
margin: 0 10px;
text-align: center;
display: inline-block;
border-image-slice: 1;
}
nav ul li a:hover, nav ul li a:focus, nav ul li a:active, nav ul li a.current, nav ul li a:link:hover, nav ul li a:link:focus, nav ul li a:link:active, nav ul li a:link.current,
nav ul li a:visited:hover,
nav ul li a:visited:focus,
nav ul li a:visited:active,
nav ul li a:visited.current {
text-decoration: none;
}
nav ul li a:before, nav ul li a:link:before,
nav ul li a:visited:before {
content: "";
height: 25px;
width: 1px;
display: block;
background-color: #666666;
margin-left: -10px;
float: left;
}
nav ul li a:after, nav ul li a:link:after,
nav ul li a:visited:after {
content: "";
height: 4px;
width: 183px;
display: block;
background-color: #2780C7;
margin: 0 auto;
margin-top: 4px;
}
nav ul li a.menu_media, nav ul li a:link.menu_media,
nav ul li a:visited.menu_media {
margin-left: -1px;
}
nav ul li a.menu_media:hover, nav ul li a.menu_media:focus, nav ul li a.menu_media:active, nav ul li a.menu_media.current, nav ul li a:link.menu_media:hover, nav ul li a:link.menu_media:focus, nav ul li a:link.menu_media:active, nav ul li a:link.menu_media.current,
nav ul li a:visited.menu_media:hover,
nav ul li a:visited.menu_media:focus,
nav ul li a:visited.menu_media:active,
nav ul li a:visited.menu_media.current {
background-color: #2780C7;
}
nav ul li a.menu_media:before, nav ul li a:link.menu_media:before,
nav ul li a:visited.menu_media:before {
display: none;
}
nav ul li a.menu_media:after, nav ul li a:link.menu_media:after,
nav ul li a:visited.menu_media:after {
margin-left: 0;
background-color: #2780C7;
}
nav ul li a.menu_media .icon, nav ul li a:link.menu_media .icon,
nav ul li a:visited.menu_media .icon {
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -28px -27px;
}
nav ul li a.menu_event_cp, nav ul li a:link.menu_event_cp,
nav ul li a:visited.menu_event_cp {
letter-spacing: 0;
}
nav ul li a.menu_event_cp:hover, nav ul li a.menu_event_cp:focus, nav ul li a.menu_event_cp:active, nav ul li a.menu_event_cp.current, nav ul li a:link.menu_event_cp:hover, nav ul li a:link.menu_event_cp:focus, nav ul li a:link.menu_event_cp:active, nav ul li a:link.menu_event_cp.current,
nav ul li a:visited.menu_event_cp:hover,
nav ul li a:visited.menu_event_cp:focus,
nav ul li a:visited.menu_event_cp:active,
nav ul li a:visited.menu_event_cp.current {
background-color: #D1345B;
}
nav ul li a.menu_event_cp:after, nav ul li a:link.menu_event_cp:after,
nav ul li a:visited.menu_event_cp:after {
background-color: #D1345B;
}
nav ul li a.menu_event_cp .icon, nav ul li a:link.menu_event_cp .icon,
nav ul li a:visited.menu_event_cp .icon {
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -57px -27px;
width: 21px;
}
nav ul li a.menu_place:hover, nav ul li a.menu_place:focus, nav ul li a.menu_place:active, nav ul li a.menu_place.current, nav ul li a:link.menu_place:hover, nav ul li a:link.menu_place:focus, nav ul li a:link.menu_place:active, nav ul li a:link.menu_place.current,
nav ul li a:visited.menu_place:hover,
nav ul li a:visited.menu_place:focus,
nav ul li a:visited.menu_place:active,
nav ul li a:visited.menu_place.current {
background-color: #DCAA12;
}
nav ul li a.menu_place:after, nav ul li a:link.menu_place:after,
nav ul li a:visited.menu_place:after {
background-color: #DCAA12;
}
nav ul li a.menu_place .icon, nav ul li a:link.menu_place .icon,
nav ul li a:visited.menu_place .icon {
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -80px -27px;
}
nav ul li a.menu_read:hover, nav ul li a.menu_read:focus, nav ul li a.menu_read:active, nav ul li a.menu_read.current, nav ul li a:link.menu_read:hover, nav ul li a:link.menu_read:focus, nav ul li a:link.menu_read:active, nav ul li a:link.menu_read.current,
nav ul li a:visited.menu_read:hover,
nav ul li a:visited.menu_read:focus,
nav ul li a:visited.menu_read:active,
nav ul li a:visited.menu_read.current {
background-color: #41A564;
}
nav ul li a.menu_read:after, nav ul li a:link.menu_read:after,
nav ul li a:visited.menu_read:after {
background-color: #41A564;
}
nav ul li a.menu_read .icon, nav ul li a:link.menu_read .icon,
nav ul li a:visited.menu_read .icon {
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -106px -27px;
}
nav ul li a.menu_method:hover, nav ul li a.menu_method:focus, nav ul li a.menu_method:active, nav ul li a.menu_method.current, nav ul li a:link.menu_method:hover, nav ul li a:link.menu_method:focus, nav ul li a:link.menu_method:active, nav ul li a:link.menu_method.current,
nav ul li a:visited.menu_method:hover,
nav ul li a:visited.menu_method:focus,
nav ul li a:visited.menu_method:active,
nav ul li a:visited.menu_method.current {
background-color: #EA7620;
}
nav ul li a.menu_method:after, nav ul li a:link.menu_method:after,
nav ul li a:visited.menu_method:after {
background-color: #EA7620;
}
nav ul li a.menu_method .icon, nav ul li a:link.menu_method .icon,
nav ul li a:visited.menu_method .icon {
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -133px -27px;
}
nav ul li a.menu_quiz, nav ul li a:link.menu_quiz,
nav ul li a:visited.menu_quiz {
width: 183px;
margin-left: 11px;
margin-right: 0;
border-right: none;
}
nav ul li a.menu_quiz:hover, nav ul li a.menu_quiz:focus, nav ul li a.menu_quiz:active, nav ul li a.menu_quiz.current, nav ul li a:link.menu_quiz:hover, nav ul li a:link.menu_quiz:focus, nav ul li a:link.menu_quiz:active, nav ul li a:link.menu_quiz.current,
nav ul li a:visited.menu_quiz:hover,
nav ul li a:visited.menu_quiz:focus,
nav ul li a:visited.menu_quiz:active,
nav ul li a:visited.menu_quiz.current {
background-color: #6B56BE;
}
nav ul li a.menu_quiz:after, nav ul li a:link.menu_quiz:after,
nav ul li a:visited.menu_quiz:after {
background-color: #6B56BE;
margin-right: 0;
}
nav ul li a.menu_quiz .icon, nav ul li a:link.menu_quiz .icon,
nav ul li a:visited.menu_quiz .icon {
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -160px -27px;
}
nav ul li a .icon, nav ul li a:link .icon,
nav ul li a:visited .icon {
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
margin: 0 2px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -28px -27px;
background-repeat: no-repeat;
background-size: 320px;
}
nav ul li.menu_media a, nav ul li.menu_media a:link,
nav ul li.menu_media a:visited {
margin-left: -1px;
}
nav ul li.menu_media a:hover, nav ul li.menu_media a:focus, nav ul li.menu_media a:active, nav ul li.menu_media a.current, nav ul li.menu_media a:link:hover, nav ul li.menu_media a:link:focus, nav ul li.menu_media a:link:active, nav ul li.menu_media a:link.current,
nav ul li.menu_media a:visited:hover,
nav ul li.menu_media a:visited:focus,
nav ul li.menu_media a:visited:active,
nav ul li.menu_media a:visited.current {
background-color: #2780C7;
}
nav ul li.menu_media a:before, nav ul li.menu_media a:link:before,
nav ul li.menu_media a:visited:before {
display: none;
}
nav ul li.menu_media a:after, nav ul li.menu_media a:link:after,
nav ul li.menu_media a:visited:after {
margin-left: 0;
background-color: #2780C7;
}
nav ul li.menu_media a .icon, nav ul li.menu_media a:link .icon,
nav ul li.menu_media a:visited .icon {
background-position: -28px -27px;
}
nav ul li.menu_event_cp {
letter-spacing: 0;
}
nav ul li.menu_event_cp a:hover, nav ul li.menu_event_cp a:focus, nav ul li.menu_event_cp a:active, nav ul li.menu_event_cp a.current, nav ul li.menu_event_cp a:link:hover, nav ul li.menu_event_cp a:link:focus, nav ul li.menu_event_cp a:link:active, nav ul li.menu_event_cp a:link.current,
nav ul li.menu_event_cp a:visited:hover,
nav ul li.menu_event_cp a:visited:focus,
nav ul li.menu_event_cp a:visited:active,
nav ul li.menu_event_cp a:visited.current {
background-color: #D1345B;
}
nav ul li.menu_event_cp a:after, nav ul li.menu_event_cp a:link:after,
nav ul li.menu_event_cp a:visited:after {
background-color: #D1345B;
}
nav ul li.menu_event_cp a .icon, nav ul li.menu_event_cp a:link .icon,
nav ul li.menu_event_cp a:visited .icon {
background-position: -57px -27px;
width: 21px;
}
nav ul li.menu_place a:hover, nav ul li.menu_place a:focus, nav ul li.menu_place a:active, nav ul li.menu_place a.current, nav ul li.menu_place a:link:hover, nav ul li.menu_place a:link:focus, nav ul li.menu_place a:link:active, nav ul li.menu_place a:link.current,
nav ul li.menu_place a:visited:hover,
nav ul li.menu_place a:visited:focus,
nav ul li.menu_place a:visited:active,
nav ul li.menu_place a:visited.current {
background-color: #DCAA12;
}
nav ul li.menu_place a:after, nav ul li.menu_place a:link:after,
nav ul li.menu_place a:visited:after {
background-color: #DCAA12;
}
nav ul li.menu_place a .icon, nav ul li.menu_place a:link .icon,
nav ul li.menu_place a:visited .icon {
background-position: -80px -27px;
}
nav ul li.menu_read a:hover, nav ul li.menu_read a:focus, nav ul li.menu_read a:active, nav ul li.menu_read a.current, nav ul li.menu_read a:link:hover, nav ul li.menu_read a:link:focus, nav ul li.menu_read a:link:active, nav ul li.menu_read a:link.current,
nav ul li.menu_read a:visited:hover,
nav ul li.menu_read a:visited:focus,
nav ul li.menu_read a:visited:active,
nav ul li.menu_read a:visited.current {
background-color: #41A564;
}
nav ul li.menu_read a:after, nav ul li.menu_read a:link:after,
nav ul li.menu_read a:visited:after {
background-color: #41A564;
}
nav ul li.menu_read a .icon, nav ul li.menu_read a:link .icon,
nav ul li.menu_read a:visited .icon {
background-position: -106px -27px;
}
nav ul li.menu_method a:hover, nav ul li.menu_method a:focus, nav ul li.menu_method a:active, nav ul li.menu_method a.current, nav ul li.menu_method a:link:hover, nav ul li.menu_method a:link:focus, nav ul li.menu_method a:link:active, nav ul li.menu_method a:link.current,
nav ul li.menu_method a:visited:hover,
nav ul li.menu_method a:visited:focus,
nav ul li.menu_method a:visited:active,
nav ul li.menu_method a:visited.current {
background-color: #EA7620;
}
nav ul li.menu_method a:after, nav ul li.menu_method a:link:after,
nav ul li.menu_method a:visited:after {
background-color: #EA7620;
}
nav ul li.menu_method a .icon, nav ul li.menu_method a:link .icon,
nav ul li.menu_method a:visited .icon {
background-position: -133px -27px;
}
nav ul li.menu_quiz {
width: 183px;
}
nav ul li.menu_quiz a, nav ul li.menu_quiz a:link,
nav ul li.menu_quiz a:visited {
width: 183px;
margin-right: 0;
}
nav ul li.menu_quiz a:hover, nav ul li.menu_quiz a:focus, nav ul li.menu_quiz a:active, nav ul li.menu_quiz a.current, nav ul li.menu_quiz a:link:hover, nav ul li.menu_quiz a:link:focus, nav ul li.menu_quiz a:link:active, nav ul li.menu_quiz a:link.current,
nav ul li.menu_quiz a:visited:hover,
nav ul li.menu_quiz a:visited:focus,
nav ul li.menu_quiz a:visited:active,
nav ul li.menu_quiz a:visited.current {
background-color: #6B56BE;
}
nav ul li.menu_quiz a:after, nav ul li.menu_quiz a:link:after,
nav ul li.menu_quiz a:visited:after {
background-color: #6B56BE;
margin-right: 0;
}
nav ul li.menu_quiz a .icon, nav ul li.menu_quiz a:link .icon,
nav ul li.menu_quiz a:visited .icon {
background-position: -160px -27px;
}
nav ul li ul li a, nav ul li ul li a:link,
nav ul li ul li a:visited {
margin: 0 10px;
}
nav ul li ul li a:before, nav ul li ul li a:link:before,
nav ul li ul li a:visited:before {
display: none;
}
nav ul li ul li a:after, nav ul li ul li a:link:after,
nav ul li ul li a:visited:after {
display: none;
}
nav ul li .line_r {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 20px;
background-color: #ffffff;
}
.dropmenu {
*zoom: 1;
list-style-type: none;
padding: 0;
margin: 0;
}
.dropmenu:before, .dropmenu:after {
content: "";
display: table;
}
.dropmenu:after {
clear: both;
}
.dropmenu li {
position: relative;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.dropmenu li a {
display: block;
margin: 0;
line-height: 1;
text-decoration: none;
}
.dropmenu li ul {
list-style: none;
position: absolute;
z-index: 9999;
top: 100%;
left: 0px;
margin: 1px 0 0 0;
padding: 0px 0 0 0;
width: 183px;
border-left: none;
}
.dropmenu li ul li {
width: 100%;
}
.dropmenu li ul li a {
padding: 12px 8px 12px 16px;
background: #000000;
text-align: left;
width: 100%;
color: #fff;
border-bottom: 1px solid #ffffff;
font-size: 15px;
}
.dropmenu li.menu_media ul li a {
background: #2780C7;
}
.dropmenu li.menu_media ul li a:hover {
background: #1a5787;
}
.dropmenu li.menu_event_cp ul li a {
background: #D1345B;
}
.dropmenu li.menu_event_cp ul li a:hover {
background: #96223f;
}
.dropmenu li.menu_place ul li a {
background: #DCAA12;
}
.dropmenu li.menu_place ul li a:hover {
background: #95730c;
}
.dropmenu li.menu_read ul li a {
background: #41A564;
}
.dropmenu li.menu_read ul li a:hover {
background: #2b6e43;
}
.dropmenu li.menu_method ul li a {
background: #EA7620;
}
.dropmenu li.menu_method ul li a:hover {
background: #ad5310;
}
.dropmenu li.menu_quiz ul li a {
background: #6B56BE;
}
.dropmenu li.menu_quiz ul li a:hover {
background: #493790;
}
#fade-in_pc li ul,
#fade-in_sp li ul {
visibility: hidden;
opacity: 0;
transition: 0s;
}
#fade-in_pc li:hover ul,
#fade-in_sp li:hover ul {
visibility: visible;
opacity: 1;
}
#fade-in_pc li ul li a,
#fade-in_sp li ul li a {
visibility: hidden;
opacity: 0;
transition: 0.3s;
}
#fade-in_pc li:hover ul li a,
#fade-in_sp li:hover ul li a {
visibility: visible;
opacity: 1;
}
#nav_bottom_pickup {
width: 100%;
}
#nav_bottom_pickup .nav_bottom_pickup_inner {
margin: 0 auto;
text-align: center;
width: 1198px;
position: relative;
}
#nav_bottom_pickup h2 {
margin-top: 0;
}
#nav_bottom_pickup ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav_bottom_pickup ul li {
width: auto;
float: left;
width: 203px;
}
#nav_bottom_pickup ul li.menu_media {
margin-left: -10px;
width: 202px;
}
#nav_bottom_pickup ul li.menu_media:before {
background-image: linear-gradient(to bottom, #2780C7, #ffffff);
}
#nav_bottom_pickup ul li.menu_event_cp:before {
background-image: linear-gradient(to bottom, #D1345B, #ffffff);
}
#nav_bottom_pickup ul li.menu_place:before {
background-image: linear-gradient(to bottom, #DCAA12, #ffffff);
}
#nav_bottom_pickup ul li.menu_read:before {
background-image: linear-gradient(to bottom, #41A564, #ffffff);
}
#nav_bottom_pickup ul li.menu_method:before {
background-image: linear-gradient(to bottom, #EA7620, #ffffff);
}
#nav_bottom_pickup ul li.menu_quiz {
width: 194px;
}
#nav_bottom_pickup ul li.menu_quiz:before {
margin-right: 0;
background-image: linear-gradient(to bottom, #6B56BE, #ffffff);
}
#nav_bottom_pickup ul li.menu_quiz a {
margin-right: 0;
}
#nav_bottom_pickup ul li:before {
opacity: 0.3;
content: "";
width: 183px;
display: block;
margin: 0 auto;
text-align: center;
height: 20px;
}
#nav_bottom_pickup .block_pickup {
border: solid 1px #dddddd;
display: block;
margin: 0 auto;
width: 183px;
text-align: left;
color: #333333;
position: relative;
text-decoration: none;
}
#nav_bottom_pickup .block_pickup:hover, #nav_bottom_pickup .block_pickup:active, #nav_bottom_pickup .block_pickup:focus, #nav_bottom_pickup .block_pickup.current {
border: solid 1px #999999;
box-shadow: 0px 0px 0px 6px #eeeeee;
}
#nav_bottom_pickup .block_pickup:hover img, #nav_bottom_pickup .block_pickup:active img, #nav_bottom_pickup .block_pickup:focus img, #nav_bottom_pickup .block_pickup.current img {
transform: scale(1.05); transition-duration: 0.1s; }
#nav_bottom_pickup .block_pickup.link_dialog:hover, #nav_bottom_pickup .block_pickup.link_dialog:active, #nav_bottom_pickup .block_pickup.link_dialog:focus, #nav_bottom_pickup .block_pickup.link_dialog.current {
box-shadow: 0px 0px 0px 6px #CAE7F4;
}
#nav_bottom_pickup .block_pickup .post_pic {
width: 181px;
height: 144px;
background-color: #f8f8f8;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 8px;
overflow: hidden;
}
#nav_bottom_pickup .block_pickup .post_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: bottom;
transition-duration: 0.1s; }
#nav_bottom_pickup .block_pickup .post_body {
padding: 8px;
min-height: 86px;
}
#nav_bottom_pickup .block_pickup .post_body .post_title {
font-size: 14px;
line-height: 140%;
margin: 0;
}
#nav_bottom_pickup .block_pickup .post_body .post_title_sub {
margin-top: 4px;
font-size: 11px;
line-height: 140%;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list {
margin-top: 4px;
font-size: 11px;
line-height: 140%;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list dt {
float: left;
width: 5em;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list dd {
padding-left: 5em;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list.width3em dt {
width: 3em;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list.width3em dd {
padding-left: 3em;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list.width4em dt {
width: 4em;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list.width4em dd {
padding-left: 4em;
}
#nav_bottom_pickup .block_pickup .post_meta {
border-top: solid 1px #dddddd;
padding: 6px 8px;
font-size: 11px;
line-height: 100%;
}
#nav_bottom_pickup .block_pickup .post_meta .post_category_sub {
float: left;
display: inline-block;
}
#nav_bottom_pickup .block_pickup .post_meta .post_date {
float: right;
display: inline-block;
}
.bnr_half {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 40px;
}
.bnr_half a {
max-width: calc(50% - 10px);
}  #contener #contents {
margin: 0 auto;
text-align: center;
padding: 40px 0 100px 0;
width: 1198px;
position: relative;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 15px;
line-height: 160%;
}
#contener .page_content {
margin-bottom: 20px;
text-align: left;
word-break: break-word;
overflow-wrap: break-word;
}
#contener .page_content h2, #contener .page_content *.ttl_h2 {
margin: 73px 0 15px;
padding: 5px 0;
font-size: 26px;
font-weight: 700;
border-bottom: 2px solid #181818;
}
#contener .page_content h2:before, #contener .page_content *.ttl_h2:before {
display: none;
}
#contener .page_content h3, #contener .page_content *.ttl_h3 {
margin: 56px 0 20px;
padding: 13px 12px 12px 20px;
font-size: 21px;
font-weight: 700;
background: #f3f3f3;
border-radius: 10px;
border-bottom: none;
}
#contener .page_content h3:before, #contener .page_content *.ttl_h3:before {
display: none;
}
#contener .page_content h4, #contener .page_content *.ttl_h4 {
margin: 34px 0 11px;
padding: 0 0 0 16px;
position: relative;
font-size: 20px;
font-weight: 700;
border-bottom: none;
}
#contener .page_content h4:before, #contener .page_content *.ttl_h4:before {
position: absolute;
top: 0px;
left: 0;
display: block;
content: "";
width: 4px;
height: 100%;
background: #181818;
border-radius: 3px;
}
#contener .page_content h5, #contener .page_content *.ttl_h5 {
margin: 34px 0 11px;
font-weight: 700;
font-size: 18px;
padding: 0;
border-bottom: none;
}
#contener .page_content h5:before, #contener .page_content *.ttl_h5:before {
display: none;
}
#contener .page_content h6, #contener .page_content *.ttl_h6 {
font-size: 16px;
margin: 34px 0 11px;
font-weight: 700;
padding: 0;
border-bottom: none;
}
#contener .page_content h6:before, #contener .page_content *.ttl_h6:before {
display: none;
}
#contener .page_content ul, #contener .page_content ol {
margin: 8px 0;
margin-left: 2.2em;
}
#contener .page_content ul {
list-style-type: disc;
}
#contener .page_content ol {
list-style-type: decimal;
margin-left: 2.2em;
}
#contener .page_content table {
margin: 8px 0;
border: 0 none;
border-collapse: collapse;
width: 100%;
}
#contener .page_content table th, #contener .page_content table td {
border: 1px solid #dddddd;
vertical-align: top;
font-size: 1em;
text-align: left;
font-weight: 400;
padding: 8px 12px;
}
#contener .page_content table th.td_right, #contener .page_content table td.td_right {
text-align: right;
}
#contener .page_content table th.td_center, #contener .page_content table td.td_center {
text-align: center;
}
#contener .page_content table th .txt_l, #contener .page_content table td .txt_l {
font-size: 160%;
}
#contener .page_content table th {
background-color: #f8f8f8;
}
#contener .page_content table.tbl_ranking th, #contener .page_content table.tbl_ranking td {
line-height: 140%;
padding: 20px 20px 8px;
border: none;
border-bottom: 1px solid #dddddd;
}
#contener .page_content table.tbl_ranking th.td_name, #contener .page_content table.tbl_ranking td.td_name {
width: 100%;
}
#contener .page_content table.tbl_ranking th {
border-top: 1px solid #dddddd;
padding: 8px 20px 8px;
}
#contener .page_content table.tbl_ranking_ave th {
width: 20%;
}
#contener .page_content table.tbl_ranking_ave td {
width: 30%;
}
#contener .page_content table.tbl_tv_program {
border-collapse: collapse;
font-size: 14px;
line-height: 140%;
border-spacing: 0px;
letter-spacing: 0;
width: 100%;
margin-top: 40px;
}
#contener .page_content table.tbl_tv_program td {
padding: 8px;
border: solid 1px #dddddd;
text-align: left;
}
#contener .page_content table.tbl_tv_program td.td_link {
border: none;
text-align: center;
padding: 0;
}
#contener .page_content table.tbl_tv_program td.td_date {
background-color: #f8f8f8;
text-align: center;
line-height: 120%;
width: 160px;
height: 50px;
vertical-align: middle;
}
#contener .page_content table.tbl_tv_program td.td_hour {
width: 64px;
padding: 8px 4px;
background-color: #f8f8f8;
text-align: center;
}
#contener .page_content table.tbl_tv_program td.td_space0 {
width: 0px;
height: 0px;
padding: 0;
border: none;
}
#contener .page_content table.tbl_tv_program td.td_space {
width: 8px;
height: 8px;
padding: 0;
border: none;
}
#contener .page_content table.tbl_tv_program td .txt_tv_title {
font-size: 14px;
line-height: 120%;
display: block;
}
#contener .page_content table.tbl_tv_program td .txt_tv_channel {
font-size: 12px;
line-height: 120%;
display: block;
margin-top: 4px;
}
#contener .page_content table.tbl_tv_program td .txt_tv_time {
font-size: 12px;
line-height: 120%;
display: block;
margin-top: 4px;
}
#contener .page_content table.tbl_tv_program_time {
border-collapse: collapse;
font-size: 13px;
line-height: 140%;
border-spacing: 0px;
letter-spacing: 0;
}
#contener .page_content table.tbl_tv_program_time td {
padding: 6px;
border: solid 1px #dddddd;
text-align: left;
}
#contener .page_content table.tbl_tv_program_time td.td_link {
border: none;
text-align: center;
padding: 0;
}
#contener .page_content table.tbl_tv_program_time td.td_hour {
background-color: #f8f8f8;
text-align: center;
vertical-align: middle;
}
#contener .page_content table.tbl_tv_program_time td.td_space0 {
width: 0px;
height: 0px;
padding: 0;
border: none;
}
#contener .page_content table.tbl_tv_program_time td.td_space {
width: 8px;
height: 8px;
padding: 0;
border: none;
}
#contener .page_content a[target=_blank]::after {
font-family: "Material Icons";
content: "\e89e";
padding: 0px 2px;
vertical-align: bottom;
color: #006DD9;
text-decoration: none;
font-weight: 300;
}
#contener .page_content a[target*=_blank]:not(img)::after {
display: none;
}
#contener .page_content p {
font-size: 16px;
line-height: 220%;
margin-top: 0px;
margin-bottom: 20px;
text-align: left;
text-align: justify;
text-justify: inter-ideograph;
}
#contener .page_content p.txt_notice {
font-size: 13px;
line-height: 140%;
margin: 8px 0 0 0;
}
#contener .page_content img.alignleft {
margin: 6px 40px 20px 0px;
max-width: 50%;
}
#contener .page_content img.alignright {
margin: 6px 0px 20px 40px;
max-width: 50%;
}
#contener .page_content .post_pic_outer.center {
text-align: center;
}
#contener .page_content .post_pic_outer.center .post_pic {
float: none;
margin: 6px auto 20px auto;
display: inline-block;
}
#contener .page_content .post_pic_outer + h2,
#contener .page_content .post_pic_outer + h3,
#contener .page_content .post_pic_outer + h4,
#contener .page_content .post_pic_outer + h5,
#contener .page_content .post_pic_outer + h6 {
margin-top: 0;
display: inline-block;
}
#contener .page_content .post_pic {
margin: 6px 0 20px 40px;
float: right;
background-color: #f8f8f8;
display: block;
}
#contener .page_content .post_pic .post_pic_inner {
width: 400px;
height: 319px;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px;
}
#contener .page_content .post_pic img {
vertical-align: bottom;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
#contener .page_content .post_pic .post_pic_cap {
font-size: 11px;
line-height: 120%;
text-align: center;
margin: 6px;
}
.home #contener #contents {
padding-top: 0;
}
#contener h1, #contener h2, #contener h3, #contener h4, #contener h5, #contener h6 {
margin-top: 40px;
margin-bottom: 10px;
line-height: 140%;
}
#contener h1.letter_spacing_01, #contener h2.letter_spacing_01, #contener h3.letter_spacing_01, #contener h4.letter_spacing_01, #contener h5.letter_spacing_01, #contener h6.letter_spacing_01 {
letter-spacing: 0.1em;
}
#contener h1 {
font-size: 30px;
}
#contener h2 {
font-size: 24px;
}
#contener h3 {
font-size: 22px;
}
#contener h4 {
font-size: 20px;
}
#contener h5 {
font-size: 18px;
}
#contener h6 {
font-size: 16px;
}
#contener p {
margin-top: 20px;
line-height: 200%;
}
#contener .pankuzu {
font-size: 12px;
line-height: 120%;
border-bottom: solid 1px #dddddd;
padding: 0 0 6px 4px;
text-align: left;
}
#contener .pankuzu a {
color: #333333;
}
#contener .page_cat {
padding: 10px 0 4px;
border-bottom: solid 1px #dddddd;
}
#contener .page_cat span {
font-size: 20px;
line-height: 100%;
font-weight: 800;
letter-spacing: 0.5em;
}
#contener .page_cat span.icon:before {
content: "";
display: inline-block;
width: 40px;
height: 32px;
vertical-align: middle;
margin: 0px 10px 6px 0;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -40px -4px;
background-repeat: no-repeat;
background-size: 480px;
}
#contener .page_cat span.icon.icon_media:before {
background-position: -40px -4px;
}
#contener .page_cat span.icon.icon_event_cp:before {
background-position: -80px -4px;
}
#contener .page_cat span.icon.icon_place:before {
background-position: -120px -4px;
}
#contener .page_cat span.icon.icon_read:before {
background-position: -160px -4px;
}
#contener .page_cat span.icon.icon_method:before {
background-position: -200px -4px;
}
#contener .page_cat span.icon.icon_quiz:before {
background-position: -240px -4px;
}
#contener .page_cat span a {
color: #333333;
}
#contener .box_page_title {
margin: 60px 0 40px 0;
}
#contener .box_page_title .lbl_title {
font-size: 14px;
line-height: 100%;
display: inline-block;
background-color: #f8f8f8;
padding: 8px 20px;
margin-bottom: 8px;
}
#contener .box_page_title .lbl_title.none {
visibility: hidden;
}
#contener .box_page_title h1 {
margin: 0;
display: block;
font-size: 40px;
line-height: 100%;
font-weight: 800;
letter-spacing: 0.5em;
}
#contener .box_page_title h1.icon:before {
content: "";
display: inline-block;
width: 68px;
height: 56px;
vertical-align: middle;
margin: 0px -12px 6px 0;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-position: -66px -4px;
background-repeat: no-repeat;
background-size: 800px;
}
#contener .box_page_title h1.icon.icon_media:before {
background-position: -66px -4px;
}
#contener .box_page_title h1.icon.icon_event_cp:before {
background-position: -132px -4px;
}
#contener .box_page_title h1.icon.icon_place:before {
background-position: -200px -4px;
}
#contener .box_page_title h1.icon.icon_read:before {
background-position: -266px -4px;
}
#contener .box_page_title h1.icon.icon_method:before {
background-position: -334px -4px;
}
#contener .box_page_title h1.icon.icon_quiz:before {
background-position: -400px -4px;
}
#contener .box_page_title h1.post_title {
font-size: 36px;
line-height: 140%;
letter-spacing: 0.1em;
padding-left: 0.1em;
}
#contener .box_page_title h1.page_title {
font-size: 36px;
line-height: 140%;
letter-spacing: 0.25em;
padding-left: 0.25em;
margin: 0px 0 0px 0;
}
#contener .box_page_title .page_description p {
font-size: 17px;
font-weight: 700;
line-height: 180%;
margin: 24px 0 32px 0;
letter-spacing: 0.1em;
}
#contener .box_page_title h2.sub_title {
font-size: 20px;
line-height: 140%;
letter-spacing: 0.1em;
padding-left: 0.1em;
margin: 20px 0 60px;
}
#contener .box_page_title .sub_link {
margin-top: 20px;
margin-bottom: 40px;
}
#contener .box_page_title .sub_link .sub_link5_2 {
display: inline-block;
}
#contener .box_page_title .sub_link .sub_link_witer {
margin-top: 20px;
}
#contener .box_page_title .sub_link .sub_link_title {
font-size: 16px;
line-height: 120%;
margin-bottom: 8px;
}
#contener .box_page_title .sub_link a {
font-size: 14px;
line-height: 120%;
margin: 0 8px 10px 0;
}
#contener .box_page_title .sub_link a .txt_count {
display: block;
margin-top: 4px;
font-size: 12px;
line-height: 120%;
}
#contener .box_page_title .sub_link a .pic_writer {
width: 50px;
height: 50px;
display: block;
text-align: center;
border-radius: 50%;
background-position: center center;
background-size: cover;
border: solid 4px #dddddd;
margin: 0 auto;
margin-bottom: 4px;
}
#contener .box_page_title .sub_link .acd-check {
display: none;
}
#contener .box_page_title .sub_link .acd-label {
display: inline-block;
margin-top: 20px;
margin-bottom: 8px;
padding: 0px;
position: relative;
text-align: center;
}
#contener .box_page_title .sub_link .acd-label:after {
background: #eeeeee;
box-sizing: border-box;
content: "＋";
display: inline-block;
margin-left: 8px;
width: 2em;
text-align: center;
}
#contener .box_page_title .sub_link .acd-content {
height: 0;
opacity: 0;
padding: 0;
transition: 0.3s;
visibility: hidden;
overflow: hidden;
}
#contener .box_page_title .sub_link .acd-check:checked + .acd-label:after {
content: "ー";
}
#contener .box_page_title .sub_link .acd-check:checked + .acd-label + .acd-content {
opacity: 1;
padding: 0px;
visibility: visible;
overflow: visible;
}
#contener .box_page_title .writer_pic {
width: 160px;
height: 160px;
text-align: center;
border-radius: 50%;
background-position: center center;
background-size: cover;
border: solid 6px #dddddd;
margin: 0 auto;
margin-bottom: 20px;
}
#contener .box_page_title .writer_job {
font-size: 14px;
line-height: 160%;
margin-bottom: 12px;
}
#contener .box_page_title .writer_profile_outer {
margin-bottom: 60px;
}
#contener .box_page_title .writer_profile_outer .writer_profile {
width: 580px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}
#contener .box_page_title .writer_profile_outer .writer_profile p {
margin-top: 12px;
}
#contener .box_page_title .writer_profile_outer .writer_link {
text-align: left;
width: 580px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
#contener .box_page_title .column_title {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
background-color: #2B3844;
background-color: #333333;
color: #eeeeee;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight: 400;
text-align: left;
position: relative;
}
#contener .box_page_title .column_title .tab_column_writting_end {
position: absolute;
top: 0;
right: 0;
width: 4em;
height: 4em;
}
#contener .box_page_title .column_title .tab_column_writting_end::before {
content: "";
top: 0;
right: 0;
width: 4em;
height: 4em;
border-bottom: 4em solid transparent;
position: absolute;
z-index: 100;
}
#contener .box_page_title .column_title .tab_column_writting_end::after {
content: "";
top: 15px;
right: 3px;
display: block;
font-size: 13px;
line-height: 100%;
transform: rotate(45deg);
color: #fff; position: absolute;
z-index: 101;
}
#contener .box_page_title .column_title .tab_column_writting_end.writting::before {
border-right: 4em solid #D90000; }
#contener .box_page_title .column_title .tab_column_writting_end.writting::after {
content: "連載中";
top: 15px;
right: 3px;
}
#contener .box_page_title .column_title .tab_column_writting_end.end::before {
border-right: 4em solid #666666; }
#contener .box_page_title .column_title .tab_column_writting_end.end::after {
content: "連載終了";
top: 18px;
right: -2px;
}
#contener .box_page_title .column_title .column_pic_body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#contener .box_page_title .column_title .column_pic {
width: 480px;
background-color: #ffffff;
}
#contener .box_page_title .column_title .column_pic img {
width: 480px;
vertical-align: bottom;
}
#contener .box_page_title .column_title .column_body {
width: 800px;
width: calc(100% - 480px);
letter-spacing: 0.2em;
position: relative;
}
#contener .box_page_title .column_title .column_body .column_body_inner {
display: block;
width: 720px;
padding: 40px 40px;
}
#contener .box_page_title .column_title .column_body h1 {
font-size: 30px;
font-weight: 400;
letter-spacing: 0.2em;
border-bottom: solid 1px #888888;
padding-bottom: 16px;
}
#contener .box_page_title .column_title .column_body .column_writer_outer {
width: 660px;
margin-top: 16px;
max-height: 230px;
overflow-y: auto;
padding-right: 20px;
}
#contener .box_page_title .column_title .column_body .column_writer_outer .column_writer {
font-size: 18px;
}
#contener .box_page_title .column_title .column_body .column_writer_outer .column_writer_post {
font-size: 12px;
}
#contener .box_page_title .column_title .column_body p {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 13px;
line-height: 200%;
letter-spacing: 0.05em;
}
#contener .box_page_title .column_title_s {
width: 800px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 60px;
background-color: #2B3844;
background-color: #555555;
color: #eeeeee;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight: 400;
text-align: left;
position: relative;
}
#contener .box_page_title .column_title_s .tab_column_writting_end {
position: absolute;
top: 0;
right: 0;
width: 4em;
height: 4em;
}
#contener .box_page_title .column_title_s .tab_column_writting_end::before {
content: "";
top: 0;
right: 0;
width: 4em;
height: 4em;
border-bottom: 4em solid transparent;
position: absolute;
z-index: 100;
}
#contener .box_page_title .column_title_s .tab_column_writting_end::after {
content: "";
top: 15px;
right: 3px;
display: block;
font-size: 13px;
line-height: 100%;
transform: rotate(45deg);
color: #fff; position: absolute;
z-index: 101;
}
#contener .box_page_title .column_title_s .tab_column_writting_end.writting::before {
border-right: 4em solid #D90000; }
#contener .box_page_title .column_title_s .tab_column_writting_end.writting::after {
content: "連載中";
top: 15px;
right: 3px;
}
#contener .box_page_title .column_title_s .tab_column_writting_end.end::before {
border-right: 4em solid #666666; }
#contener .box_page_title .column_title_s .tab_column_writting_end.end::after {
content: "連載終了";
top: 18px;
right: -2px;
}
#contener .box_page_title .column_title_s .column_pic {
float: left;
width: 240px;
background-color: #ffffff;
}
#contener .box_page_title .column_title_s .column_pic img {
width: 240px;
vertical-align: top;
}
#contener .box_page_title .column_title_s .column_body {
float: right;
width: 560px;
width: calc(100% - 240px);
letter-spacing: 0.2em;
}
#contener .box_page_title .column_title_s .column_body .column_body_inner {
display: table-cell;
vertical-align: middle;
width: 560px;
height: 186px;
padding: 24px 24px;
}
#contener .box_page_title .column_title_s .column_body .column_name {
font-size: 24px;
line-height: 140%;
font-weight: 400;
letter-spacing: 0.2em;
border-bottom: solid 1px #888888;
padding-bottom: 8px;
}
#contener .box_page_title .column_title_s .column_body .column_writer_outer {
margin-top: 16px;
}
#contener .box_page_title .column_title_s .column_body .column_writer_outer .column_writer {
font-size: 16px;
line-height: 140%;
}
#contener .box_page_title .column_title_s .column_body .column_writer_outer .column_writer_post {
font-size: 11px;
line-height: 140%;
}
#contener .box_page_title .column_title_s .column_body p {
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 13px;
line-height: 200%;
letter-spacing: 0.05em;
}
#contener .box_page_title .column_list {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
text-align: left;
}
#contener .box_page_title .column_list h2 {
font-size: 18px;
margin-top: 0;
margin-bottom: 20px;
}
#contener .box_page_title .column_list a {
float: left;
width: 240px;
margin: 0 8px;
}
#contener .box_page_title .column_list a.btn_s {
height: 183px;
padding: 0;
}
#contener .box_page_title .column_list a.btn_s span.box_theme {
width: 240px;
height: 183px;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 8px;
}
#contener .box_page_title .column_list a.btn_s .txt_count {
display: block;
font-size: 80%;
margin-top: 4px;
}
#contener .box_page_title .column_list a img {
width: 240px;
vertical-align: bottom;
}
#contener .box_page_title .quiz_list {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
text-align: left;
}
#contener .box_page_title .quiz_list h2 {
font-size: 18px;
margin-top: 0;
margin-bottom: 20px;
}
#contener .box_page_title .quiz_list a {
float: left;
width: 240px;
margin: 0 8px;
}
#contener .box_page_title .quiz_list a.btn_s {
height: 183px;
padding: 0;
}
#contener .box_page_title .quiz_list a.btn_s span.box_theme {
width: 240px;
height: 183px;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 8px;
}
#contener .box_page_title .quiz_list a.btn_s .txt_count {
display: block;
font-size: 80%;
margin-top: 4px;
}
#contener .box_page_title .quiz_list a img {
width: 240px;
vertical-align: bottom;
}
#contener .page_wall {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: left;
align-items: left;
flex-wrap: wrap;
}
#contener .page_wall .page_main {
width: 800px;
margin-left: 200px;
margin-left: calc((100% - 800px) / 2);
}
#contener .page_wall .page_share {
width: 60px;
margin-top: 6px;
}
#contener .page_wall .page_share .page_share_inner {
position: -webkit-sticky;
position: sticky;
top: 20px;
}
#contener .post_writer_outer {
margin-top: 60px;
margin-bottom: 60px;
}
#contener .post_writer {
text-align: left;
font-size: 14px;
line-height: 180%;
padding: 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: solid 1px #dddddd;
}
#contener .post_writer:first-of-type {
border-top: none;
}
#contener .post_writer .writer_pic {
width: 160px;
height: 160px;
text-align: center;
border-radius: 50%;
background-position: center center;
background-size: cover;
border: solid 6px #dddddd;
}
#contener .post_writer .writer_text {
width: 800px;
width: calc(100% - 160px - 20px);
}
#contener .post_writer .writer_text .writer_job {
font-size: 12px;
line-height: 160%;
margin-bottom: 12px;
}
#contener .post_writer .writer_text .writer_name {
font-size: 18px;
line-height: 120%;
display: inline-block;
}
#contener .post_writer .writer_text .writer_profile {
margin-top: 20px;
}
#contener .post_writer .writer_text .writer_profile p {
margin-top: 8px;
font-size: 13px;
line-height: 180%;
}
#contener .post_writer .writer_text .writer_link {
margin-top: 8px;
}
#contener .post_cta {
background-color: #eeeeee;
padding: 20px;
margin: 60px 0;
text-align: left;
}
#contener .post_cta .post_cta_pic {
width: 240px;
float: left;
}
#contener .post_cta .post_cta_pic img {
vertical-align: bottom;
}
#contener .post_cta p.post_cta_text {
margin: 0;
width: 60%;
width: calc(100% - 280px);
float: right;
}
#contener .post_cta p.post_cta_text .twitter-follow-button {
margin-top: 12px;
}
#contener .page_cp {
text-align: left;
font-size: 14px;
line-height: 160%;
margin-top: 20px;
background-color: #f8f8f8;
padding: 16px 24px;
}
#contener .page_cp dl {
width: 100%;
}
#contener .page_cp dl dt {
width: 6em;
float: left;
}
#contener .page_cp dl dd {
padding-left: 6em;
}
#contener .page_notis {
text-align: left;
margin-top: 20px;
}
#contener .page_notis p {
font-size: 12px;
line-height: 160%;
margin: 0 0 0px 0;
}
#contener .box_post_list_msg {
text-align: left;
font-size: 14px;
line-height: 120%;
margin-bottom: 40px;
}
#contener .box_post_list, #contener .box_post_list_l,
#contener .box_post_list_popular_posts {
width: 100%;
margin: 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: left;
}
#contener .box_post_list .block_post_list, #contener .box_post_list .block_post_list_empty, #contener .box_post_list_l .block_post_list, #contener .box_post_list_l .block_post_list_empty,
#contener .box_post_list_popular_posts .block_post_list,
#contener .box_post_list_popular_posts .block_post_list_empty {
display: inline-block;
border: solid 1px #dddddd;
width: 224px;
text-align: left;
color: #333333;
position: relative;
text-decoration: none;
}
#contener .box_post_list .block_post_list:hover, #contener .box_post_list .block_post_list:active, #contener .box_post_list .block_post_list:focus, #contener .box_post_list .block_post_list.current, #contener .box_post_list_l .block_post_list:hover, #contener .box_post_list_l .block_post_list:active, #contener .box_post_list_l .block_post_list:focus, #contener .box_post_list_l .block_post_list.current,
#contener .box_post_list_popular_posts .block_post_list:hover,
#contener .box_post_list_popular_posts .block_post_list:active,
#contener .box_post_list_popular_posts .block_post_list:focus,
#contener .box_post_list_popular_posts .block_post_list.current {
border: solid 1px #999999;
box-shadow: 0px 0px 0px 6px #eeeeee;
}
#contener .box_post_list .block_post_list:hover img, #contener .box_post_list .block_post_list:active img, #contener .box_post_list .block_post_list:focus img, #contener .box_post_list .block_post_list.current img, #contener .box_post_list_l .block_post_list:hover img, #contener .box_post_list_l .block_post_list:active img, #contener .box_post_list_l .block_post_list:focus img, #contener .box_post_list_l .block_post_list.current img,
#contener .box_post_list_popular_posts .block_post_list:hover img,
#contener .box_post_list_popular_posts .block_post_list:active img,
#contener .box_post_list_popular_posts .block_post_list:focus img,
#contener .box_post_list_popular_posts .block_post_list.current img {
transform: scale(1.05); transition-duration: 0.1s; }
#contener .box_post_list .block_post_list.link_dialog:hover, #contener .box_post_list .block_post_list.link_dialog:active, #contener .box_post_list .block_post_list.link_dialog:focus, #contener .box_post_list .block_post_list.link_dialog.current, #contener .box_post_list_l .block_post_list.link_dialog:hover, #contener .box_post_list_l .block_post_list.link_dialog:active, #contener .box_post_list_l .block_post_list.link_dialog:focus, #contener .box_post_list_l .block_post_list.link_dialog.current,
#contener .box_post_list_popular_posts .block_post_list.link_dialog:hover,
#contener .box_post_list_popular_posts .block_post_list.link_dialog:active,
#contener .box_post_list_popular_posts .block_post_list.link_dialog:focus,
#contener .box_post_list_popular_posts .block_post_list.link_dialog.current {
box-shadow: 0px 0px 0px 6px #CAE7F4;
}
#contener .box_post_list .block_post_list_empty, #contener .box_post_list_l .block_post_list_empty,
#contener .box_post_list_popular_posts .block_post_list_empty {
visibility: hidden;
}
#contener .box_post_list .block_post_list, #contener .box_post_list_l .block_post_list,
#contener .box_post_list_popular_posts .block_post_list {
margin-bottom: 20px;
}
#contener .box_post_list .block_post_list .post_pic, #contener .box_post_list_l .block_post_list .post_pic,
#contener .box_post_list_popular_posts .block_post_list .post_pic {
width: 222px;
height: 177px;
background-color: #f8f8f8;
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px;
overflow: hidden;
}
#contener .box_post_list .block_post_list .post_pic img, #contener .box_post_list_l .block_post_list .post_pic img,
#contener .box_post_list_popular_posts .block_post_list .post_pic img {
width: auto;
height: auto;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
vertical-align: bottom;
transition-duration: 0.1s; }
#contener .box_post_list .block_post_list .post_body, #contener .box_post_list_l .block_post_list .post_body,
#contener .box_post_list_popular_posts .block_post_list .post_body {
padding: 10px;
min-height: 100px;
}
#contener .box_post_list .block_post_list .post_body .post_title, #contener .box_post_list_l .block_post_list .post_body .post_title,
#contener .box_post_list_popular_posts .block_post_list .post_body .post_title {
font-size: 14px;
line-height: 140%;
margin: 0;
}
#contener .box_post_list .block_post_list .post_body .post_title_sub, #contener .box_post_list_l .block_post_list .post_body .post_title_sub,
#contener .box_post_list_popular_posts .block_post_list .post_body .post_title_sub {
margin-top: 4px;
font-size: 11px;
line-height: 140%;
}
#contener .box_post_list .block_post_list .post_body dl.post_list, #contener .box_post_list_l .block_post_list .post_body dl.post_list,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list {
margin-top: 4px;
font-size: 11px;
line-height: 140%;
}
#contener .box_post_list .block_post_list .post_body dl.post_list dt, #contener .box_post_list_l .block_post_list .post_body dl.post_list dt,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list dt {
float: left;
width: 5em;
}
#contener .box_post_list .block_post_list .post_body dl.post_list dd, #contener .box_post_list_l .block_post_list .post_body dl.post_list dd,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list dd {
padding-left: 5em;
}
#contener .box_post_list .block_post_list .post_body dl.post_list.width3em dt, #contener .box_post_list_l .block_post_list .post_body dl.post_list.width3em dt,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list.width3em dt {
width: 3em;
}
#contener .box_post_list .block_post_list .post_body dl.post_list.width3em dd, #contener .box_post_list_l .block_post_list .post_body dl.post_list.width3em dd,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list.width3em dd {
padding-left: 3em;
}
#contener .box_post_list .block_post_list .post_body dl.post_list.width4em dt, #contener .box_post_list_l .block_post_list .post_body dl.post_list.width4em dt,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list.width4em dt {
width: 4em;
}
#contener .box_post_list .block_post_list .post_body dl.post_list.width4em dd, #contener .box_post_list_l .block_post_list .post_body dl.post_list.width4em dd,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list.width4em dd {
padding-left: 4em;
}
#contener .box_post_list .block_post_list .post_meta, #contener .box_post_list_l .block_post_list .post_meta,
#contener .box_post_list_popular_posts .block_post_list .post_meta {
border-top: solid 1px #dddddd;
padding: 6px 8px;
font-size: 11px;
line-height: 100%;
}
#contener .box_post_list .block_post_list .post_meta .post_category_sub, #contener .box_post_list_l .block_post_list .post_meta .post_category_sub,
#contener .box_post_list_popular_posts .block_post_list .post_meta .post_category_sub {
float: left;
display: inline-block;
}
#contener .box_post_list .block_post_list .post_meta .post_date, #contener .box_post_list_l .block_post_list .post_meta .post_date,
#contener .box_post_list_popular_posts .block_post_list .post_meta .post_date {
float: right;
display: inline-block;
}
#contener .box_post_list_l .block_post_list, #contener .box_post_list_l .block_post_list_empty {
width: 48%;
width: calc(50% - 10px);
}
#contener .box_post_list_l .block_post_list .post_pic_outer, #contener .box_post_list_l .block_post_list_empty .post_pic_outer {
float: left;
}
#contener .box_post_list_l .block_post_list .post_body, #contener .box_post_list_l .block_post_list_empty .post_body {
float: right;
width: 364px;
width: calc(100% - 222px - 1px);
height: 177px;
height: calc(100% - 24px);
padding: 20px;
border-left: solid 1px #dddddd;
}
#contener .box_post_list_l .block_post_list .post_body .post_title, #contener .box_post_list_l .block_post_list_empty .post_body .post_title {
font-size: 18px;
line-height: 140%;
}
#contener .box_post_list_l .block_post_list .post_body dl.post_list, #contener .box_post_list_l .block_post_list_empty .post_body dl.post_list {
font-size: 12px;
line-height: 140%;
}
#contener .box_post_list_l .block_post_list .post_meta, #contener .box_post_list_l .block_post_list_empty .post_meta {
border-left: solid 1px #dddddd;
float: right;
width: 364px;
width: calc(100% - 222px - 1px);
font-size: 12px;
}
#contener .box_post_list_popular_posts .popular_posts_ranking {
width: 10%;
font-size: 36px;
text-align: center;
padding-top: 8px;
color: #ccc;
}
#contener .box_post_list_popular_posts .popular_posts_ranking.popular_posts_ranking_1 {
color: #f3a536;
}
#contener .box_post_list_popular_posts .popular_posts_ranking.popular_posts_ranking_2 {
color: #999;
}
#contener .box_post_list_popular_posts .popular_posts_ranking.popular_posts_ranking_3 {
color: #8a572e;
}
#contener .box_post_list_popular_posts .block_post_list, #contener .box_post_list_popular_posts .block_post_list_empty {
width: 90%;
margin-left: 10%;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner, #contener .box_post_list_popular_posts .block_post_list_empty .popular_posts_ranking_inner {
width: 10%;
font-size: 36px;
text-align: center;
padding-top: 8px;
color: #ccc;
position: absolute;
left: -10%;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_1, #contener .box_post_list_popular_posts .block_post_list_empty .popular_posts_ranking_inner.popular_posts_ranking_1 {
color: #f3a536;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_2, #contener .box_post_list_popular_posts .block_post_list_empty .popular_posts_ranking_inner.popular_posts_ranking_2 {
color: #999;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_3, #contener .box_post_list_popular_posts .block_post_list_empty .popular_posts_ranking_inner.popular_posts_ranking_3 {
color: #8a572e;
}
#contener .box_post_list_popular_posts .block_post_list .post_pic_outer, #contener .box_post_list_popular_posts .block_post_list_empty .post_pic_outer {
float: left;
}
#contener .box_post_list_popular_posts .block_post_list .post_body, #contener .box_post_list_popular_posts .block_post_list_empty .post_body {
float: right;
width: 364px;
width: calc(100% - 222px - 1px);
height: 177px;
height: calc(100% - 24px);
padding: 20px;
border-left: solid 1px #dddddd;
}
#contener .box_post_list_popular_posts .block_post_list .post_body .post_title, #contener .box_post_list_popular_posts .block_post_list_empty .post_body .post_title {
font-size: 18px;
line-height: 140%;
}
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list, #contener .box_post_list_popular_posts .block_post_list_empty .post_body dl.post_list {
font-size: 12px;
line-height: 140%;
}
#contener .box_post_list_popular_posts .block_post_list .post_meta, #contener .box_post_list_popular_posts .block_post_list_empty .post_meta {
border-left: solid 1px #dddddd;
float: right;
width: 364px;
width: calc(100% - 222px - 1px);
font-size: 12px;
}
#contener .post_bottom_popular_posts .block_post_list {
position: relative;
}
#contener .post_bottom_popular_posts .block_post_list .popular_posts_ranking_inner {
font-size: 20px;
line-height: 100%;
text-align: center;
padding-top: 8px;
color: #fff;
background-color: #aaa;
padding: 4px;
width: 32px;
border-radius: 2px;
position: absolute;
top: -8px;
left: -1px;
}
#contener .post_bottom_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_1 {
background-color: #f3a536;
}
#contener .post_bottom_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_2 {
background-color: #999;
}
#contener .post_bottom_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_3 {
background-color: #8a572e;
}
#contener .box_post_list_info {
margin: 20px auto 60px auto;
}
#contener .box_post_list_info ul {
border-top: solid 1px #dddddd;
text-align: left;
}
#contener .box_post_list_info ul a.block_post_list {
display: block;
padding: 20px 0 20px 0;
border-bottom: solid 1px #dddddd;
}
#contener .box_post_list_info ul a.block_post_list h2 {
margin: 0;
font-size: 18px;
line-height: 160%;
}
#contener .box_post_list_info ul a.block_post_list .post_date {
color: #333333;
font-size: 14px;
line-height: 160%;
}
#contener .box_writer {
margin-top: 20px;
margin-bottom: 40px;
width: 100%;
margin: 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: left;
}
#contener .box_writer a.block_writer,
#contener .box_writer .block_writer_empty {
font-size: 14px;
line-height: 120%;
margin: 0 8px 10px 0;
display: inline-block;
border: solid 1px #999999;
width: 224px;
text-align: center;
color: #333333;
position: relative;
text-decoration: none;
padding: 12px;
}
#contener .box_writer a.block_writer .pic_writer,
#contener .box_writer .block_writer_empty .pic_writer {
width: 50px;
height: 50px;
display: block;
text-align: center;
border-radius: 50%;
background-position: center center;
background-size: cover;
border: solid 4px #dddddd;
margin: 0 auto;
margin-bottom: 4px;
}
#contener .box_writer a.block_writer:hover, #contener .box_writer a.block_writer:active, #contener .box_writer a.block_writer:focus,
#contener .box_writer .block_writer_empty:hover,
#contener .box_writer .block_writer_empty:active,
#contener .box_writer .block_writer_empty:focus {
border: solid 1px #dddddd;
background-color: #dddddd;
}
#contener .box_writer .block_writer_empty {
visibility: hidden;
}
#contener .page_nav, #contener .post_nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
#contener .page_nav .page_count, #contener .post_nav .page_count {
background-color: #f8f8f8;
padding: 4px 4px 4px;
min-width: 160px;
box-shadow: 0px 6px 0px #f8f8f8;
}
#contener .page_nav .page_count .lbl_page_count, #contener .post_nav .page_count .lbl_page_count {
font-size: 12px;
line-height: 100%;
letter-spacing: 0.6em;
padding-left: 0.6em;
}
#contener .page_nav .page_count .txt_page_count, #contener .post_nav .page_count .txt_page_count {
letter-spacing: 0;
display: block;
font-size: 24px;
line-height: 100%;
margin-top: 2px;
}
#contener .page_nav .empty, #contener .post_nav .empty {
opacity: 0.3;
}
#contener .page_nav .prev_post, #contener .page_nav .next_post, #contener .post_nav .prev_post, #contener .post_nav .next_post {
width: 48%;
font-size: 12px;
color: #999999;
}
#contener .page_nav .prev_post a, #contener .page_nav .next_post a, #contener .post_nav .prev_post a, #contener .post_nav .next_post a {
width: 100%;
}
#contener .post_nav {
margin-top: 40px;
}
#contener .post_relation {
margin-top: 80px;
margin-bottom: 80px;
}
#contener .ranking_quiz_link a.btn_ranking_quiz_link {
display: block;
width: 100%;
font-size: 20px;
margin: 32px 0;
}
#contener table.tbl_post_info {
border-collapse: collapse;
font-size: 15px;
line-height: 180%;
border-spacing: 0px;
letter-spacing: 0;
margin-top: 0px;
margin-bottom: 40px;
width: 100%;
}
#contener table.tbl_post_info th, #contener table.tbl_post_info td {
padding: 8px 12px;
border: solid 1px #dddddd;
text-align: left;
word-break: break-all;
}
#contener table.tbl_post_info th {
background-color: #f8f8f8;
white-space: nowrap;
text-align: center;
width: 10em;
}
#contener table.tbl_post_info iframe.googlemap {
width: 100%;
height: 600px;
}
#contener .box_affiliate {
margin-bottom: 40px;
}
#contener .box_affiliate a.btn_affiliate {
width: 100%;
line-height: 160%;
}
#contener dl.dl_form {
margin-top: 4px;
border-top: solid 1px #dddddd;
padding-top: 17px;
}
#contener dl.dl_form dt {
float: left;
width: 12em;
padding-bottom: 11px;
margin-top: 8px;
}
#contener dl.dl_form dd {
padding-left: 13em;
border-bottom: solid 1px #dddddd;
padding-bottom: 17px;
margin-bottom: 16px;
}
#contener dl.dl_form dd p {
line-height: 140%;
font-size: 13px;
margin-top: 8px;
margin-bottom: 0 !important;
}
#contener dl.dl_form.dt_wide dt {
width: 14em;
}
#contener dl.dl_form.dt_wide dd {
padding-left: 15em;
}
.quiz_entry #contener .page_content h3, .quiz_entry #contener .page_content *.ttl_h3 {
margin-top: 12px;
}
#contener dl.dl_quiz {
margin-top: 0px;
padding-top: 0px;
}
#contener dl.dl_quiz dt {
float: left;
width: 12em;
padding-bottom: 11px;
margin-top: 8px;
}
#contener dl.dl_quiz dd {
padding-left: 13em;
border-bottom: solid 1px #dddddd;
padding-bottom: 17px;
margin-bottom: 16px;
}
#contener dl.dl_quiz dd:last-child {
border-bottom: none;
margin-bottom: 0;
}
#contener a.btn_quiz_accordion {
float: right;
color: #333333;
background-color: #fff;
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
line-height: 100%;
vertical-align: middle;
}
#contener a.btn_quiz_accordion:hover, #contener a.btn_quiz_accordion:focus, #contener a.btn_quiz_accordion:active {
background-color: #dddddd;
text-decoration: none;
}
#contener .quiz_accordion {
display: none;
}
#contener table.tbl_share {
border-collapse: collapse;
border-spacing: 0px;
letter-spacing: 0;
margin: 0px;
width: 60px;
}
#contener table.tbl_share th, #contener table.tbl_share td {
padding: 8px 8px;
border: solid 1px #dddddd;
text-align: center;
width: 60px;
height: 48px;
font-size: 32px;
vertical-align: middle;
}
#contener table.tbl_share th {
font-size: 12px;
line-height: 120%;
background-color: #f8f8f8;
white-space: nowrap;
text-align: center;
width: 60px;
height: 32px;
vertical-align: middle;
}
#contener table.tbl_share i.fab {
font-size: 42px;
}
#contener table.tbl_share i.fab.fa-x-twitter {
color: #000000;
font-size: 40px;
}
#contener table.tbl_share i.fab.fa-twitter {
color: #00acee;
font-size: 32px;
}
#contener table.tbl_share i.fab.fa-facebook-f {
color: #1877f2;
font-size: 40px;
}
#contener table.tbl_share i.fab.fa-line {
color: #13bf00;
}
#contener .bottom_bnr {
text-align: center;
margin: 40px 0 0 0;
}
#contener .bottom_bnr a {
color: #333333;
}
#contener .bottom_share {
padding: 12px 20px 20px 20px;
background-color: #f8f8f8;
text-align: center;
margin: 40px 0 0 0;
}
#contener table.tbl_bottom_share {
border-collapse: collapse;
background-color: #fff;
border-spacing: 0px;
letter-spacing: 0;
margin: 8px 0 0 0;
width: 100%;
}
#contener table.tbl_bottom_share th, #contener table.tbl_bottom_share td {
padding: 8px 8px;
border: solid 1px #dddddd;
text-align: center;
height: 48px;
font-size: 32px;
vertical-align: middle;
}
#contener table.tbl_bottom_share th {
font-size: 14px;
line-height: 120%;
padding: 16px 8px;
background-color: #f8f8f8;
border: none;
white-space: nowrap;
text-align: center;
width: 60px;
height: 32px;
vertical-align: middle;
}
#contener table.tbl_bottom_share i.fab {
font-size: 42px;
}
#contener table.tbl_bottom_share i.fab.fa-x-twitter {
color: #000000;
font-size: 40px;
}
#contener table.tbl_bottom_share i.fab.fa-twitter {
color: #00acee;
font-size: 32px;
}
#contener table.tbl_bottom_share i.fab.fa-facebook-f {
color: #1877f2;
font-size: 40px;
}
#contener table.tbl_bottom_share i.fab.fa-line {
color: #13bf00;
}
#contener .box_recaptcha {
margin: 40px 0 0 0;
text-align: center;
}
#contener .box_recaptcha span.wpcf7-list-item {
margin: 0;
}
#contener .box_btn {
text-align: center;
}
#contener .inv-recaptcha-holder {
position: absolute;
z-index: 99999;
} .box_width_800 {
width: 800px;
margin: 0 auto;
text-align: center;
}
.ttl_logo,
h1.ttl_logo {
margin-top: 40px;
font-size: 20px !important;
line-height: 120% !important;
font-weight: 600;
text-align: left;
letter-spacing: 0.4em;
border-bottom: solid 3px #000000;
position: relative;
padding-left: 46px;
padding-bottom: 5px;
}
.ttl_logo:before,
h1.ttl_logo:before {
content: "";
display: inline-block;
width: 36px;
height: 36px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-position: -3px -3px;
background-size: 510px;
vertical-align: bottom;
background-color: #ffffff;
position: absolute;
top: 1px;
left: 0px;
border-bottom-right-radius: 4px;
} .tab {
position: absolute;
top: -6px;
right: 4px;
z-index: 10;
width: 28px;
height: 36px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_tab_t.svg);
background-position: -2px 0px;
background-repeat: no-repeat;
background-size: 238px;
text-align: center;
}
.tab:after {
content: "";
display: inline-block;
width: 20px;
height: 24px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
}
.tab.tab_media {
background-position: -3px 0px;
}
.tab.tab_media:after {
background-position: -20px -18px;
background-size: 240px;
}
.tab.tab_event_cp {
background-position: -37px 0px;
}
.tab.tab_event_cp:after {
background-position: -40px -18px;
background-size: 240px;
}
.tab.tab_place {
background-position: -70px 0px;
}
.tab.tab_place:after {
background-position: -60px -18px;
background-size: 240px;
}
.tab.tab_read {
background-position: -105px 0px;
}
.tab.tab_read:after {
background-position: -80px -18px;
background-size: 240px;
}
.tab.tab_method {
background-position: -139px 0px;
}
.tab.tab_method:after {
background-position: -100px -18px;
background-size: 240px;
}
.tab.tab_quiz {
background-position: -173px 0px;
}
.tab.tab_quiz:after {
background-position: -120px -18px;
background-size: 240px;
} .box_tab_sub_category {
position: absolute;
top: -6px;
left: 4px;
z-index: 10;
}
.box_tab_sub_category .tab_sub_category {
display: inline-block;
width: 28px;
height: 36px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_tab_sub_category.svg);
background-position: -3px 0px;
background-repeat: no-repeat;
background-size: 238px;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 100%;
font-weight: 700;
padding-top: 6px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_red {
background-position: -3px 0px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_orange {
background-position: -37px 0px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_yellow {
background-position: -71px 0px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_lime {
background-position: -105px 0px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_green {
background-position: -139px 0px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_blue {
background-position: -173px 0px;
}
.box_tab_sub_category .tab_sub_category.tab_sub_category_purple {
background-position: -207px 0px;
} a.btn_l,
span.btn_l,
input.btn_l {
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 22px 8px 20px 8px;
font-size: 15px;
line-height: 100%;
min-width: 300px;
display: inline-block;
position: relative;
box-shadow: 0px 6px 0px #dddddd;
text-align: center;
}
a.btn_l:hover, a.btn_l:focus, a.btn_l:active, a.btn_l.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(6px);
transition: 0.1s ease;
}
a.btn_l.btn_arrow_l,
span.btn_l.btn_arrow_l,
input.btn_l.btn_arrow_l {
padding-left: 80px;
text-align: center;
}
a.btn_l.btn_arrow_l:before,
span.btn_l.btn_arrow_l:before,
input.btn_l.btn_arrow_l:before {
content: "";
display: inline-block;
width: 64px;
height: 20px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-position: -7px -124px;
background-size: 460px;
position: absolute;
left: 8px;
top: 50%;
margin-top: -10px;
}
a.btn_l.btn_arrow_r,
span.btn_l.btn_arrow_r,
input.btn_l.btn_arrow_r {
padding-right: 80px;
text-align: center;
}
a.btn_l.btn_arrow_r:after,
span.btn_l.btn_arrow_r:after,
input.btn_l.btn_arrow_r:after {
content: "";
display: inline-block;
width: 64px;
height: 20px;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-position: -83px -124px;
background-size: 460px;
position: absolute;
right: 8px;
top: 50%;
margin-top: -10px;
}
a.btn_l.btn_page_title,
span.btn_l.btn_page_title,
input.btn_l.btn_page_title {
text-align: left;
width: 50%;
line-height: 120%;
}
a.btn_m,
span.btn_m,
input.btn_m {
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 12px 8px 12px 8px;
font-size: 15px;
line-height: 100%;
min-width: 200px;
display: inline-block;
position: relative;
box-shadow: 0px 6px 0px #dddddd;
text-align: center;
}
a.btn_m:hover, a.btn_m:focus, a.btn_m:active, a.btn_m.current,
span.btn_m:hover,
span.btn_m:focus,
span.btn_m:active,
span.btn_m.current,
input.btn_m:hover,
input.btn_m:focus,
input.btn_m:active,
input.btn_m.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(6px);
transition: 0.1s ease;
}
a.btn_s,
span.btn_s,
input.btn_s {
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 8px 8px;
min-width: 140px;
font-size: 14px;
line-height: 100%;
display: inline-block;
box-shadow: 0px 4px 0px #dddddd;
text-align: center;
}
a.btn_s:hover, a.btn_s:focus, a.btn_s:active, a.btn_s.current,
span.btn_s:hover,
span.btn_s:focus,
span.btn_s:active,
span.btn_s.current,
input.btn_s:hover,
input.btn_s:focus,
input.btn_s:active,
input.btn_s.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(4px);
transition: 0.1s ease;
}
a.btn_s.empty,
span.btn_s.empty,
input.btn_s.empty {
visibility: hidden;
margin: 0 8px 10px 0;
}
input.search-submit {
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 8px 8px;
font-size: 14px;
line-height: 100%;
display: inline-block;
box-shadow: 0px 4px 0px #dddddd;
}
input.search-submit:hover, input.search-submit:focus, input.search-submit:active, input.search-submit.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(4px);
transition: 0.1s ease;
}
a.btn_week {
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 18px 2px;
width: 100%;
height: 50px;
font-size: 13px;
line-height: 100%;
display: inline-block;
box-shadow: 0px 4px 0px #dddddd;
}
a.btn_week:hover, a.btn_week:focus, a.btn_week:active, a.btn_week.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(4px);
transition: 0.1s ease;
}
a.btn_time {
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 8px 2px;
width: 100%;
font-size: 13px;
line-height: 100%;
display: inline-block;
box-shadow: 0px 4px 0px #dddddd;
}
a.btn_time:hover, a.btn_time:focus, a.btn_time:active, a.btn_time.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(4px);
transition: 0.1s ease;
}
#quiz_link_bg {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
opacity: 0.6;
background-color: #000000;
}
#quiz_link_box {
display: none;
position: fixed;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -300px;
width: 800px;
height: 600px;
z-index: 1001;
background-color: #ffffff;
padding: 32px 40px;
overflow-y: scroll;
}
#quiz_link_box h1 {
margin-top: 0;
font-size: 24px;
line-height: 140%;
font-weight: 700;
padding: 0 0 4px 0;
border-bottom: solid 1px #dddddd;
margin-bottom: 20px;
}
#quiz_link_box p {
font-size: 15px;
line-height: 200%;
margin: 12px 0;
}
#quiz_link_box a.btn_site_link {
width: 100%;
margin-top: 40px;
}
#quiz_link_box a.txt_post_link {
font-size: 11px;
line-height: 120%;
margin-top: 12px;
color: #333333;
text-align: right;
width: 100%;
display: block;
}
.youtube {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
clear: both;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
iframe.wp-embedded-content {
width: 100%;
height: revert-layer;
} input,
textarea,
select {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 15px;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea,
select {
padding: 8px;
border: 1px solid #999;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=week],
input[type=month],
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
input[type=image],
textarea {
border-radius: 0px;
webkit-border-radius: 0px;
-webkit-appearance: none;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]:focus {
outline-offset: -2px;
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=submit],
input[type=reset],
input[type=button],
button {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
border-radius: 0;
}
textarea {
vertical-align: top;
resize: none;
}
fieldset {
border: 0 none;
}
legend {
display: none;
}
label {
cursor: pointer;
}
select {
line-height: normal;
}
.wpcf7-spinner {
display: block;
margin: 20px auto 0;
}
input.wpcf7c-conf,
textarea.wpcf7c-conf,
select.wpcf7c-conf {
background-color: #dddddd;
border: solid 1px #999999;
color: #000000;
}
.ipt_size_full {
width: 100%;
}
.ipt_size_harf {
width: 45%;
width: calc(50% - 10px);
}
.ipt_size_l {
width: 400px;
}
.ipt_size_m {
width: 200px;
}
.ipt_size_s {
width: 100px;
}
.ipt_size_ss {
width: 50px;
}
.ipt_row_l {
height: 300px;
}
.ipt_row_m {
height: 200px;
}
.ipt_row_s {
height: 80px;
}
.txt_indent {
text-indent: -1em;
padding-left: 1em;
}
.txt_hissu {
color: #ffffff;
background-color: #D90000;
padding: 1px 4px;
font-size: 11px;
line-height: 100%;
margin: 0 0 0 8px;
vertical-align: middle;
}
.txt_center,
#contener .page_content p.txt_center {
text-align: center;
width: 100%;
}
.txt_letter-spacing_0 {
letter-spacing: 0 !important;
}
.txt_letter-spacing_02 {
letter-spacing: 0.2em !important;
} .wp-pagenavi {
clear: both;
text-align: center;
width: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #999999;
padding: 8px 12px;
margin: 4px;
font-size: 18px;
line-height: 100%;
color: #333333;
box-shadow: 0px 6px 0px #dddddd;
display: inline-block;
}
.wp-pagenavi a.pages, .wp-pagenavi span.pages {
border: 1px solid #f8f8f8;
display: none;
}
.wp-pagenavi a.extend, .wp-pagenavi span.extend {
background-color: transparent;
border: none;
padding: 8px 4px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(6px);
transition: 0.1s ease;
font-weight: normal;
}
.wp-pagenavi span {
background-color: #f8f8f8;
box-shadow: none;
} .book_info01 {
margin: 20px 0 24px 0;
display: block;
width: 100%;
border: solid 8px #eeeeee;
padding: 20px;
}
.book_info01 .amazon_link a {
display: inline-block;
margin-top: 20px;
color: #333333;
font-size: 17px;
font-weight: 700;
line-height: 100%;
background-color: #FADC89;
border: solid 1px #B58F2E;
padding: 12px 32px;
border-radius: 4px;
text-align: center;
}
.book_info01 .amazon_link a:hover, .book_info01 .amazon_link a:focus, .book_info01 .amazon_link a:active {
background-color: #F6CA4F;
text-decoration: none;
}
.book_info01 .amazon_link a:hover img, .book_info01 .amazon_link a:focus img, .book_info01 .amazon_link a:active img {
opacity: 1;
}
.book_info01 .book_info_pic {
float: left;
width: 200px;
text-align: center;
}
.book_info01 .book_info_pic img {
max-width: 200px;
vertical-align: bottom;
}
.book_info01 .book_info_text {
font-size: 15px;
float: right;
width: 520px;
}
.book_info01 .book_info_text .txt_book_title {
font-size: 22px;
line-height: 140%;
font-weight: 700;
}
.book_info01 .book_info_text .txt_book_title_sub {
font-size: 15px;
line-height: 160%;
}
.book_info01 .book_info_text dl.book_info01_list {
margin-top: 20px;
border-top: solid 1px #dddddd;
}
.book_info01 .book_info_text dl.book_info01_list dt {
float: left;
width: 6em;
padding: 4px 0;
}
.book_info01 .book_info_text dl.book_info01_list dd {
padding: 4px 0;
padding-left: 7em;
border-bottom: solid 1px #dddddd;
}
.quiz_question_disp {
margin: 20px 0 24px 0;
display: block;
width: 100%;
border: solid 8px #eeeeee;
padding: 20px 32px;
}
.quiz_question_disp .align_left {
text-align: left;
}
.quiz_question_disp .align_center {
text-align: center;
}
.quiz_question_disp .font_size_l {
font-size: 28px;
line-height: 180%;
}
#contener .page_content .quiz_admin .quiz_ipt_common {
border-top: solid 1px #999999;
padding: 52px 0 32px 0;  }
#contener .page_content .quiz_admin .quiz_ipt_common input[type=text] {
font-size: 20px;
}
#contener .page_content .quiz_admin .quiz_ipt_common input::placeholder {
color: #aaaaaa;
}
#contener .page_content .quiz_admin .quiz_ipt_common input:-ms-input-placeholder {
color: #aaaaaa;
}
#contener .page_content .quiz_admin .quiz_ipt_common input::-ms-input-placeholder {
color: #aaaaaa;
}
#contener .page_content .quiz_admin .quiz_ipt_common .txt_notice {
font-size: 14px;
margin-left: 12px;
}
#contener .page_content .quiz_admin h2.ttl_h3 {
text-align: center;
margin: 56px 0 20px;
padding: 13px 12px 12px 20px;
font-size: 21px;
font-weight: 700;
background: #f3f3f3;
border-radius: 10px;
border-bottom: none;
}
#contener .page_content .quiz_admin .block_quiz_admin {
padding: 40px 0;
}
#contener .page_content .quiz_admin .quiz_no {
font-size: 24px;
display: flex;
line-height: 100%;
margin-top: 0;
align-items: center;
}
#contener .page_content .quiz_admin .quiz_no:after {
content: "";
flex-grow: 1;
height: 1px;
background: #aaaaaa;
display: block;
margin-left: 8px;
margin-top: -4px;
}
#contener .page_content .quiz_admin h2 {
font-size: 20px;
margin: 12px 0 12px 0;
border: none;
line-height: 140%;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer {
margin-top: 20px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer {
display: block;
position: relative;
background-color: #f8f8f8;
border: solid 2px #999999;
padding: 0 40px 0 0;
margin: 12px 0;
display: flex;
}
#contener .page_content .quiz_admin.quiz_mode_input .box_quiz_admin_answer .block_answer {
padding-right: 0;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:hover, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:focus, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:active, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer.selected, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer.answer_select {
border: solid 2px #0059B2;
text-decoration: none;
background-color: #f8f8f0;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:hover .answer_no, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:focus .answer_no, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:active .answer_no, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer.selected .answer_no, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer.answer_select .answer_no {
background-color: #0059B2;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:hover .answer_txt, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:focus .answer_txt, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer:active .answer_txt, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer.selected .answer_txt, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer.answer_select .answer_txt {
color: #0059B2;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .answer_no {
padding: 12px 20px;
font-size: 22px;
line-height: 136%;
font-weight: 300;
color: #fff;
background-color: #999999;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .answer_txt {
padding: 12px 20px;
font-size: 20px;
line-height: 140%;
color: #333333;
font-weight: 700;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_correct {
padding: 4px 8px;
font-size: 18px;
line-height: 100%;
background-color: #D90000;
color: #fff;
font-weight: 700;
margin-left: 20px;
border-radius: 8px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_true, #contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false {
content: "";
display: inline-block;
position: absolute;
right: -7px;
top: -9px;
width: 70px;
height: 70px;
border: solid 10px #D90000;
border-radius: 100%;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false {
border: none;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner {
position: relative;
width: 80px;
height: 80px;
display: block;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner span::before,
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner span::after {
display: block;
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 90px;
height: 12px;
margin: 29px 0 0 -9px;
background: #D90000;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner span::before {
transform: rotate(-45deg);
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner span::after {
transform: rotate(45deg);
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer {
cursor: default;
background-color: #f8f8f8;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:hover, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:focus, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:active {
border: solid 2px #999999;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:hover .answer_no, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:focus .answer_no, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:active .answer_no {
background-color: #999999;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:hover .answer_txt, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:focus .answer_txt, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer:active .answer_txt {
color: #333333;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select {
background-color: #f8f8f0;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:hover, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:focus, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:active {
border: solid 2px #0059B2;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:hover .answer_no, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:focus .answer_no, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:active .answer_no {
background-color: #0059B2;
}
#contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:hover .answer_txt, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:focus .answer_txt, #contener .page_content .quiz_admin.quiz_mode_result .box_quiz_admin_answer .block_answer.answer_select:active .answer_txt {
color: #0059B2;
}
#contener .page_content .quiz_admin .box_description {
margin: 40px 0 0px 0px;
display: flex;
}
#contener .page_content .quiz_admin .box_description .lbl_description {
display: block;
width: 100px;
text-align: center;
background-color: #dddddd;
margin-right: 20px;
padding: 8px 0;
font-size: 18px;
line-height: 180%;
font-weight: 700;
}
#contener .page_content .quiz_admin .box_description p {
font-size: 18px;
line-height: 180%;
padding: 8px 0;
margin-bottom: 0;
max-width: 680px;
text-align: left;
text-justify: none;
}
#contener .page_content .quiz_admin .box_ipt_err {
text-align: center;
margin: 0 0 60px 0;
}
#contener .page_content .quiz_admin .box_ipt_err h2 {
font-size: 20px;
font-weight: 300;
}
#contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a {
width: 64px;
padding: 8px 2px;
text-align: center;
display: inline-block;
border: solid 1px #D90000;
font-size: 20px;
line-height: 100%;
font-weight: 300;
margin: 8px;
letter-spacing: 0;
color: #D90000;
}
#contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a.selected {
border: solid 1px #999999;
color: #999999;
}
#contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a.selected:hover, #contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a.selected:focus, #contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a.selected:active {
background-color: #999999;
}
#contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a:hover, #contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a:focus, #contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a:active {
text-decoration: none;
background-color: #D90000;
color: #fff;
}
#contener .page_content .quiz_admin .box_quiz_result_share {
text-align: center;
margin: 20px 0 60px 0;
padding: 20px 20px 28px 20px;
background-color: #f8f8f8;
}
#contener .page_content .quiz_admin .box_quiz_result_share h2 {
font-size: 20px;
line-height: 100%;
font-weight: 300;
margin: 0 0 8px;
}
#contener .page_content .quiz_admin .box_quiz_result_share .box_quiz_result_share_link {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
#contener .page_content .quiz_admin .box_quiz_result_share .box_quiz_result_share_link a {
width: 49%;
text-align: center;
padding: 12px;
}
#contener .page_content .quiz_admin .box_quiz_result_share .box_quiz_result_share_link a::after {
display: none;
}
#contener .page_content .quiz_admin .box_quiz_btn {
text-align: center;
margin-top: 0px;
margin-bottom: 80px;
}
#contener .page_content .quiz_admin .box_quiz_btn #txt_err_msg {
color: #D90000;
text-align: center;
}
#contener .page_content .quiz_admin .box_quiz_btn a.btn_m {
font-size: 20px;
width: 100%;
}
#contener .page_content .quiz_admin .box_quiz_btn #btn_quiz_entry.disabled {
pointer-events: none;
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
color: #999999;
box-shadow: none;
transform: translateY(6px);
transition: 0.1s ease;
}
#contener .page_content .quiz_admin .box_quiz_btn #btn_quiz_ranking {
margin-top: 60px;
}
#contener .page_content .quiz_admin .box_quiz_ranking_btn {
text-align: right;
margin-top: 120px;
margin-bottom: 20px;
}
#contener .page_content .quiz_admin .result_msg {
position: relative;
margin: 0 0 40px 0;
}
#contener .page_content .quiz_admin .result_msg h2 {
margin: 20px 0 40px 0;
}
#contener .page_content .quiz_admin .result_msg h3.icon_passing {
display: inline-block;
position: absolute;
top: 28px;
right: 0;
background-color: transparent;
border: none;
font-size: 64px;
letter-spacing: 0;
font-weight: 700;
padding: 0;
margin: 0;
transform: rotate(5deg);
}
#contener .page_content .quiz_admin .result_msg h3.icon_passing .icon_passing_inner {
display: table-cell;
width: 200px;
height: 140px;
text-align: center;
vertical-align: middle;
color: #D90000;
transform: scale(1, 1);
text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
}
#contener .page_content .quiz_admin .result_msg h3.icon_passing.icon_passing_false .icon_passing_inner {
color: #555555;
transform: scale(0.65, 1);
}
#contener .page_content .quiz_admin .result_msg h3.icon_passing.icon_passing_false:after {
border: solid 12px #555555;
}
#contener .page_content .quiz_admin .result_msg h3.icon_passing:after {
content: "";
position: absolute;
z-index: -1;
top: 7px;
right: 40px;
width: 120px;
height: 120px;
border: solid 12px #D90000;
display: block;
border-radius: 100%;
}
#contener .page_content .quiz_admin .result_msg p {
font-size: 18px;
margin: 0;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result {
font-size: 24px;
line-height: 100%;
margin: 40px 0 0 0;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result .txt_correct_cnt {
color: #D90000;
font-size: 24px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result .txt_correct_cnt .txt_correct_cnt_num {
font-size: 36px;
font-weight: 700;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result_time {
font-size: 24px;
line-height: 100%;
margin: 20px 0 0 0;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result_time .txt_answer_time {
color: #D90000;
font-size: 24px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result_time .txt_answer_time .txt_answer_time_num {
font-size: 36px;
font-weight: 700;
}
#contener .page_content .quiz_admin .result_msg .txt_result_message {
margin: 20px 0 0 0;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_correct_ave {
font-size: 14px;
margin-bottom: 8px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking {
font-size: 24px;
line-height: 100%;
margin: 20px 0 0 0;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking .txt_ranking_cnt {
color: #D90000;
font-size: 24px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking .txt_ranking_cnt .txt_ranking_cnt_num {
font-size: 36px;
font-weight: 700;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking_datetime {
font-size: 14px;
margin-bottom: 0px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking_btn {
margin-bottom: 20px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking_btn a.btn_ranking {
margin: 12px 0;
}
#contener .page_content .box_quiz_open_close {
margin: 20px 0 60px 0;
}
#contener .page_content .box_quiz_open_close input[type=button].btn_quiz_open_close {
display: block;
width: 100%;
font-size: 20px;
line-height: 100%;
padding: 12px;
background-color: #dddddd;
border: none;
border-radius: 8px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
#contener .page_content .box_quiz_open_close input[type=button].btn_quiz_open_close:hover, #contener .page_content .box_quiz_open_close input[type=button].btn_quiz_open_close:focus, #contener .page_content .box_quiz_open_close input[type=button].btn_quiz_open_close:active {
background-color: #c4c4c4;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
#contener .page_content .box_quiz_open_close .box_quiz_open_close_correct_description {
display: none;
margin: 40px 0 40px 0;
}
#contener .page_content .box_quiz_open_close .box_quiz_open_close_correct_description .box_quiz_open_close_correct p {
font-size: 20px;
line-height: 160%;
font-weight: 600;
}
.slider {
margin: 100px auto;
width: 100%;
}
.slider img {
height: auto;
width: 100%;
}
.slider a {
margin: 10px 9px;
}
.slider a[rel=amphtml] {
margin: 10px 0px;
} .slick-prev:before,
.slick-next:before {
color: #000;
}
.grecaptcha-badge {
margin-bottom: 80px;
}  footer .footer_site {
width: 100%;
background-color: #000000;
color: #fff;
font-size: 12px;
line-height: 100%;
}
footer .footer_site .footer_site_inner {
margin: 0 auto;
text-align: center;
width: 1198px;
padding: 40px 0;
position: relative;
}
footer .footer_site .site_outline {
text-align: left;
}
footer .footer_site .site_outline .txt_catchcopy {
display: inline-block;
letter-spacing: 0.13em;
color: #dddddd;
}
footer .footer_site .site_outline .footer_logo {
display: block;
background: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/logo_quiz_bang_h_wh.svg) no-repeat 50% 50%;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 300px;
height: 38px;
margin-top: 6px;
}
footer .footer_site .site_outline .txt_management {
margin-top: 12px;
display: inline-block;
letter-spacing: 0.13em;
color: #dddddd;
}
footer .footer_site .site_outline .txt_management a {
color: #ffffff;
}
footer .footer_site .site_outline .follow_us_sns {
margin-top: 10px;
color: #999999;
}
footer .footer_site .site_outline .follow_us_sns a {
color: #ffffff;
}
footer .footer_site .site_outline .follow_us_sns a.link_twitter {
color: #00acee;
}
footer .footer_site .site_outline .follow_us_sns a.link_x_twitter {
color: #ffffff;
}
footer .footer_site .site_outline .follow_us_sns a.link_youtube {
color: #ff0000;
}
footer .footer_site .site_outline .follow_us_sns a:hover, footer .footer_site .site_outline .follow_us_sns a:focus, footer .footer_site .site_outline .follow_us_sns a:active {
color: #dddddd;
}
footer .footer_site .site_outline .follow_us_sns .fab {
font-size: 18px;
vertical-align: middle;
margin-left: 8px;
}
footer .footer_site .site_link_page {
text-align: left;
margin-top: 32px;
}
footer .footer_site .site_link_page ul li {
float: left;
margin-right: 40px;
}
footer .footer_site .site_link_page ul li a {
color: #ffffff;
font-size: 13px;
line-height: 140%;
}
footer .footer_site .site_link_caetegory {
margin-top: 60px;
}
footer .footer_site .site_link_caetegory a {
color: #ffffff;
}
footer .footer_site .site_link_caetegory ul {
text-align: left;
display: flex;
flex-wrap: wrap;
justify-content: left;
margin: 4px 0 0 0;
}
footer .footer_site .site_link_caetegory ul li {
display: block;
width: 16.666%;
font-size: 14px;
line-height: 140%;
font-weight: 600;
margin: 4px 0;
padding: 4px 20px 4px 12px;
border-left: solid 1px #555555;
letter-spacing: 0.4em;
}
footer .footer_site .site_link_caetegory ul li:before {
content: "";
display: inline-block;
width: 24px;
height: 22px;
vertical-align: middle;
margin: 0 4px 0 0;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-size: 280px;
vertical-align: top;
}
footer .footer_site .site_link_caetegory ul li.menu_media:before {
background-position: -24px -25px;
}
footer .footer_site .site_link_caetegory ul li.menu_event_cp {
padding-right: 0;
}
footer .footer_site .site_link_caetegory ul li.menu_event_cp:before {
width: 20px;
background-position: -48px -25px;
}
footer .footer_site .site_link_caetegory ul li.menu_event_cp ul {
margin-left: 24px;
}
footer .footer_site .site_link_caetegory ul li.menu_place:before {
background-position: -71px -25px;
}
footer .footer_site .site_link_caetegory ul li.menu_read:before {
background-position: -93px -25px;
}
footer .footer_site .site_link_caetegory ul li.menu_method:before {
background-position: -117px -25px;
}
footer .footer_site .site_link_caetegory ul li.menu_quiz {
border-right: solid 1px #555555;
}
footer .footer_site .site_link_caetegory ul li.menu_quiz:before {
background-position: -140px -25px;
}
footer .footer_site .site_link_caetegory ul li .lbl {
display: inline-block;
margin-top: 2px;
}
footer .footer_site .site_link_caetegory ul li ul {
margin: 0 0 0 0;
margin-left: 28px;
}
footer .footer_site .site_link_caetegory ul li ul li {
display: block;
width: 100%;
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
border-left: none;
padding: 0;
}
footer .footer_site .site_link_caetegory ul li ul li:before {
display: none;
}
footer .footer_site .site_link_caetegory ul li ul li ul {
margin: 2px 0 0 0;
margin-left: 1em;
}
footer .footer_bnr {
width: 100%;
background-color: #f8f8f8;
color: #333333;
font-size: 12px;
line-height: 100%;
}
footer .footer_bnr .footer_bnr_inner {
margin: 0 auto;
text-align: center;
width: 1198px;
padding: 24px 0;
position: relative;
}
footer .footer_bnr .lbl {
text-align: left;
display: block;
margin-bottom: 4px;
}
footer .footer_bnr .bnr_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
footer .footer_bnr .bnr_list a {
border: solid 1px #dddddd;
margin: 5px 0;
margin-right: 9px;
}
footer .footer_bnr .bnr_list a:nth-child(6n) {
margin-right: 0;
}
footer .footer_bnr .bnr_list a img {
vertical-align: bottom;
}
footer #copyright {
margin: 8px;
display: block;
text-align: center;
font-size: 12px;
line-height: 100%;
}
#page_top a {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
z-index: 999;
color: #333333;
border: solid 1px #999999;
background-color: #ffffff;
padding: 0px;
font-size: 20px;
line-height: 100%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-position: 4px -80px;
background-size: 500px;
}
#page_top a:hover, #page_top a:focus, #page_top a:active, #page_top a.current {
text-decoration: none;
border: solid 1px #dddddd;
background-color: #dddddd;
box-shadow: none;
transform: translateY(6px);
transition: 0.1s ease;
} @media (max-width: 1220px) {
header.site-header .header_inner {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
header.site-header .header_right .header_bnr {
width: 280px;
margin-top: 18px;
margin-right: 20px;
}
nav {
padding-left: 12px;
padding-right: 12px;
}
nav .nav_inner {
width: 100%;
}
nav ul li,
nav ul li.menu_media,
nav ul li.menu_event_cp,
nav ul li.menu_place,
nav ul li.menu_read,
nav ul li.menu_method,
nav ul li.menu_quiz {
width: 16.666%;
padding: 0 1px;
}
nav ul li a, nav ul li a:link,
nav ul li a:visited,
nav ul li.menu_media a,
nav ul li.menu_media a:link,
nav ul li.menu_media a:visited,
nav ul li.menu_event_cp a,
nav ul li.menu_event_cp a:link,
nav ul li.menu_event_cp a:visited,
nav ul li.menu_place a,
nav ul li.menu_place a:link,
nav ul li.menu_place a:visited,
nav ul li.menu_read a,
nav ul li.menu_read a:link,
nav ul li.menu_read a:visited,
nav ul li.menu_method a,
nav ul li.menu_method a:link,
nav ul li.menu_method a:visited,
nav ul li.menu_quiz a,
nav ul li.menu_quiz a:link,
nav ul li.menu_quiz a:visited {
width: 100%;
margin: 0;
}
nav ul li a:before, nav ul li a:link:before,
nav ul li a:visited:before,
nav ul li.menu_media a:before,
nav ul li.menu_media a:link:before,
nav ul li.menu_media a:visited:before,
nav ul li.menu_event_cp a:before,
nav ul li.menu_event_cp a:link:before,
nav ul li.menu_event_cp a:visited:before,
nav ul li.menu_place a:before,
nav ul li.menu_place a:link:before,
nav ul li.menu_place a:visited:before,
nav ul li.menu_read a:before,
nav ul li.menu_read a:link:before,
nav ul li.menu_read a:visited:before,
nav ul li.menu_method a:before,
nav ul li.menu_method a:link:before,
nav ul li.menu_method a:visited:before,
nav ul li.menu_quiz a:before,
nav ul li.menu_quiz a:link:before,
nav ul li.menu_quiz a:visited:before {
margin-left: -1px;
}
nav ul li a:after, nav ul li a:link:after,
nav ul li a:visited:after,
nav ul li.menu_media a:after,
nav ul li.menu_media a:link:after,
nav ul li.menu_media a:visited:after,
nav ul li.menu_event_cp a:after,
nav ul li.menu_event_cp a:link:after,
nav ul li.menu_event_cp a:visited:after,
nav ul li.menu_place a:after,
nav ul li.menu_place a:link:after,
nav ul li.menu_place a:visited:after,
nav ul li.menu_read a:after,
nav ul li.menu_read a:link:after,
nav ul li.menu_read a:visited:after,
nav ul li.menu_method a:after,
nav ul li.menu_method a:link:after,
nav ul li.menu_method a:visited:after,
nav ul li.menu_quiz a:after,
nav ul li.menu_quiz a:link:after,
nav ul li.menu_quiz a:visited:after {
width: 100%;
}
nav ul li ul li a, nav ul li ul li a:link,
nav ul li ul li a:visited,
nav ul li.menu_media ul li a,
nav ul li.menu_media ul li a:link,
nav ul li.menu_media ul li a:visited,
nav ul li.menu_event_cp ul li a,
nav ul li.menu_event_cp ul li a:link,
nav ul li.menu_event_cp ul li a:visited,
nav ul li.menu_place ul li a,
nav ul li.menu_place ul li a:link,
nav ul li.menu_place ul li a:visited,
nav ul li.menu_read ul li a,
nav ul li.menu_read ul li a:link,
nav ul li.menu_read ul li a:visited,
nav ul li.menu_method ul li a,
nav ul li.menu_method ul li a:link,
nav ul li.menu_method ul li a:visited,
nav ul li.menu_quiz ul li a,
nav ul li.menu_quiz ul li a:link,
nav ul li.menu_quiz ul li a:visited {
width: 100%;
margin: 0;
}
nav ul li.menu_media {
margin-left: 0px;
}
nav ul li.menu_event_cp {
letter-spacing: -0.1em;
}
nav ul li.menu_quiz ul.sub-menu {
left: auto;
right: 0px;
}
nav ul.sub-menu {
width: 100%;
min-width: 182px;
}
nav ul.sub-menu li a, nav ul.sub-menu li a:link,
nav ul.sub-menu li a:visited {
width: 100%;
}
#nav_bottom_pickup {
padding-left: 12px;
padding-right: 12px;
}
#nav_bottom_pickup .nav_bottom_pickup_inner {
width: 100%;
}
#nav_bottom_pickup ul li {
width: 16.666%;
padding: 0 1px;
}
#nav_bottom_pickup ul li.menu_media {
width: 16.666%;
margin-left: 0;
}
#nav_bottom_pickup ul li.menu_quiz {
width: 16.666%;
}
#nav_bottom_pickup ul li:before {
width: auto;
}
#nav_bottom_pickup .block_pickup {
width: 100%;
}
.bnr_half {
display: block;
flex-wrap: unset;
justify-content: unset;
margin-top: 12px;
}
.bnr_half a {
max-width: none;
}
#contener #contents {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
footer .footer_site .footer_site_inner {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
footer .footer_site .site_link_caetegory ul li {
width: 33.333%;
}
footer .footer_site .site_link_caetegory ul li:nth-child(3n) {
border-right: solid 1px #555555;
}
footer .footer_site .site_link_caetegory ul li ul li:nth-child(3n) {
border-right: none;
}
footer .footer_bnr .footer_bnr_inner {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
footer .footer_bnr .bnr_list a {
width: 15.8%;
max-width: 190px;
margin-right: 1%;
}
}
@media (max-width: 1000px) {
header.site-header .header_right .header_bnr {
margin-right: 0;
margin-top: 0;
margin-bottom: 12px;
}
header.site-header .header_right .header_sns_search {
clear: both;
}
nav ul li a, nav ul li a:link,
nav ul li a:visited,
nav ul li.menu_media a,
nav ul li.menu_media a:link,
nav ul li.menu_media a:visited,
nav ul li.menu_event_cp a,
nav ul li.menu_event_cp a:link,
nav ul li.menu_event_cp a:visited,
nav ul li.menu_place a,
nav ul li.menu_place a:link,
nav ul li.menu_place a:visited,
nav ul li.menu_read a,
nav ul li.menu_read a:link,
nav ul li.menu_read a:visited,
nav ul li.menu_method a,
nav ul li.menu_method a:link,
nav ul li.menu_method a:visited,
nav ul li.menu_quiz a,
nav ul li.menu_quiz a:link,
nav ul li.menu_quiz a:visited {
margin: 0 0px;
}
nav ul li a:before, nav ul li a:link:before,
nav ul li a:visited:before,
nav ul li.menu_media a:before,
nav ul li.menu_media a:link:before,
nav ul li.menu_media a:visited:before,
nav ul li.menu_event_cp a:before,
nav ul li.menu_event_cp a:link:before,
nav ul li.menu_event_cp a:visited:before,
nav ul li.menu_place a:before,
nav ul li.menu_place a:link:before,
nav ul li.menu_place a:visited:before,
nav ul li.menu_read a:before,
nav ul li.menu_read a:link:before,
nav ul li.menu_read a:visited:before,
nav ul li.menu_method a:before,
nav ul li.menu_method a:link:before,
nav ul li.menu_method a:visited:before,
nav ul li.menu_quiz a:before,
nav ul li.menu_quiz a:link:before,
nav ul li.menu_quiz a:visited:before {
height: 44px;
}
nav ul li a .lbl, nav ul li a:link .lbl,
nav ul li a:visited .lbl,
nav ul li.menu_media a .lbl,
nav ul li.menu_media a:link .lbl,
nav ul li.menu_media a:visited .lbl,
nav ul li.menu_event_cp a .lbl,
nav ul li.menu_event_cp a:link .lbl,
nav ul li.menu_event_cp a:visited .lbl,
nav ul li.menu_place a .lbl,
nav ul li.menu_place a:link .lbl,
nav ul li.menu_place a:visited .lbl,
nav ul li.menu_read a .lbl,
nav ul li.menu_read a:link .lbl,
nav ul li.menu_read a:visited .lbl,
nav ul li.menu_method a .lbl,
nav ul li.menu_method a:link .lbl,
nav ul li.menu_method a:visited .lbl,
nav ul li.menu_quiz a .lbl,
nav ul li.menu_quiz a:link .lbl,
nav ul li.menu_quiz a:visited .lbl {
display: block;
margin-bottom: 10px;
}
#contener .page_wall .page_main {
width: 100%;
margin-left: 0;
}
#contener .page_wall .page_share {
width: 100%;
}
#contener .page_wall .page_share .page_share_inner {
position: static;
margin-top: 20px;
}
#contener table.tbl_share {
width: 100%;
}
#contener table.tbl_share tr {
display: contents;
}
#contener table.tbl_share i.fab.fa-twitter {
font-size: 28px;
}
#contener table.tbl_share i.fab.fa-facebook-f {
font-size: 30px;
}
#contener table.tbl_share i.fab {
font-size: 36px;
}
#contener table.tbl_share .hatena-bookmark-button-frame {
width: 30px !important;
height: 30px !important;
}
#contener .page_content table.tbl_tv_program,
#contener .page_content table.tbl_tv_program_time {
width: 1000px;
}
.scroll-table {
overflow: auto;
white-space: nowrap;
padding-bottom: 20px;
}
footer .footer_site .footer_site_inner {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
} @media (max-width: 767px) {
.sp_only {
display: block;
}
.pc_only {
display: none;
}
.sp_only_inline {
display: inline-block;
}
.pc_only_inline {
display: none;
}
.admin-bar .site {
margin-top: 0;
}
header.site-header {
background-color: #fff;
padding-bottom: 4px;
}
header.site-header .header_inner {
width: 100%;
margin-top: 12px;
}
header.site-header .header_left {
width: 260px;
margin-left: 2%;
}
header.site-header .header_left #site_name {
width: 240px;
height: 28px;
}
header.site-header .header_left #site_name_text {
font-size: 11px;
}
header.site-header .header_right {
display: none;
}
header.site-header .header_center {
display: none;
}
.global-nav {
position: fixed;
right: -320px; top: 0;
width: 300px; height: 100vh;
padding-top: 40px;
padding-left: 20px;
padding-bottom: 80px;
transition: all 0.6s;
z-index: 8888;
overflow-y: auto; }
.global-nav .site_link_page {
margin-top: 40px;
margin-bottom: 20px;
padding-top: 20px;
border-top: dotted 1px #555555;
}
.global-nav .site_link_page a, .global-nav .site_link_page a:link,
.global-nav .site_link_page a:visited {
font-size: 14px;
}
.global-nav .follow_us_sns {
font-size: 13px;
text-align: left;
color: #999999;
}
.global-nav .follow_us_sns a {
font-size: 20px;
vertical-align: middle;
margin-left: 8px;
color: #999999;
}
.global-nav .follow_us_sns a.link_twitter {
color: #00acee;
}
.global-nav .follow_us_sns a.link_x_twitter {
color: #ffffff;
}
.global-nav .follow_us_sns a.link_youtube {
color: #ff0000;
}
.global-nav .box_search {
border: solid 1px #999;
margin-top: 9px;
display: inline-block;
width: 94%;
}
.global-nav .box_search .iptSearch {
width: 88%;
width: calc(100% - 30px);
height: 32px;
font-size: 14px;
padding: 8px 0px 8px 8px;
border: none;
background-color: transparent;
background-color: #ffffff;
display: inline-block;
}
.global-nav .box_search .btn_search {
display: inline-block;
border: 0px;
width: 30px;
height: 32px;
background-color: #ffffff;
background-image: url(//www.quizbang.net/wordpress/wp-content/themes/quiz_bang/common/img/icon_quiz_bang.svg);
background-repeat: no-repeat;
background-position: -186px 3px;
background-size: 320px;
vertical-align: top;
}
.global-nav .box_search .btn_search:hover {
cursor: pointer;
}
.hamburger {
position: absolute;
right: 8px;
top: 0px;
width: 45px; height: 40px; cursor: pointer;
z-index: 9999;
background-color: #000;
border-radius: 4px;
}
.global-nav__list {
margin: 0;
padding: 0;
list-style: none;
}
.global-nav__item {
text-align: center;
padding: 0 14px;
}
.global-nav__item a {
display: block;
padding: 8px 0;
border-bottom: 1px solid #eee;
text-decoration: none;
color: #111;
}
.global-nav__item a:hover {
background-color: #eee;
}
.hamburger__line {
position: absolute;
left: 8px;
width: 28px;
height: 1px;
background-color: #fff;
transition: all 0.6s;
}
.hamburger__line--1 {
top: 10px;
}
.hamburger__line--2 {
top: 19px;
}
.hamburger__line--3 {
top: 28px;
}
.black-bg {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all 0.6s;
cursor: pointer;
} .nav-open .global-nav {
right: 0;
}
.nav-open .black-bg {
opacity: 0.8;
visibility: visible;
}
.nav-open .hamburger__line--1 {
transform: rotate(45deg);
top: 20px;
}
.nav-open .hamburger__line--2 {
width: 0;
left: 50%;
}
.nav-open .hamburger__line--3 {
transform: rotate(-45deg);
top: 20px;
}
nav .nav_inner {
width: 100%;
}
nav ul li,
nav ul li.menu_media,
nav ul li.menu_event_cp,
nav ul li.menu_place,
nav ul li.menu_read,
nav ul li.menu_method,
nav ul li.menu_quiz {
width: 100%;
}
nav ul li a, nav ul li a:link,
nav ul li a:visited,
nav ul li.menu_media a,
nav ul li.menu_media a:link,
nav ul li.menu_media a:visited,
nav ul li.menu_event_cp a,
nav ul li.menu_event_cp a:link,
nav ul li.menu_event_cp a:visited,
nav ul li.menu_place a,
nav ul li.menu_place a:link,
nav ul li.menu_place a:visited,
nav ul li.menu_read a,
nav ul li.menu_read a:link,
nav ul li.menu_read a:visited,
nav ul li.menu_method a,
nav ul li.menu_method a:link,
nav ul li.menu_method a:visited,
nav ul li.menu_quiz a,
nav ul li.menu_quiz a:link,
nav ul li.menu_quiz a:visited {
width: 100%;
text-align: left;
margin: 0;
}
nav ul li a:after, nav ul li a:link:after,
nav ul li a:visited:after,
nav ul li.menu_media a:after,
nav ul li.menu_media a:link:after,
nav ul li.menu_media a:visited:after,
nav ul li.menu_event_cp a:after,
nav ul li.menu_event_cp a:link:after,
nav ul li.menu_event_cp a:visited:after,
nav ul li.menu_place a:after,
nav ul li.menu_place a:link:after,
nav ul li.menu_place a:visited:after,
nav ul li.menu_read a:after,
nav ul li.menu_read a:link:after,
nav ul li.menu_read a:visited:after,
nav ul li.menu_method a:after,
nav ul li.menu_method a:link:after,
nav ul li.menu_method a:visited:after,
nav ul li.menu_quiz a:after,
nav ul li.menu_quiz a:link:after,
nav ul li.menu_quiz a:visited:after {
width: 100%;
display: none;
}
nav ul li a:before, nav ul li a:link:before,
nav ul li a:visited:before,
nav ul li.menu_media a:before,
nav ul li.menu_media a:link:before,
nav ul li.menu_media a:visited:before,
nav ul li.menu_event_cp a:before,
nav ul li.menu_event_cp a:link:before,
nav ul li.menu_event_cp a:visited:before,
nav ul li.menu_place a:before,
nav ul li.menu_place a:link:before,
nav ul li.menu_place a:visited:before,
nav ul li.menu_read a:before,
nav ul li.menu_read a:link:before,
nav ul li.menu_read a:visited:before,
nav ul li.menu_method a:before,
nav ul li.menu_method a:link:before,
nav ul li.menu_method a:visited:before,
nav ul li.menu_quiz a:before,
nav ul li.menu_quiz a:link:before,
nav ul li.menu_quiz a:visited:before {
display: none;
}
nav ul li a .lbl, nav ul li a:link .lbl,
nav ul li a:visited .lbl,
nav ul li.menu_media a .lbl,
nav ul li.menu_media a:link .lbl,
nav ul li.menu_media a:visited .lbl,
nav ul li.menu_event_cp a .lbl,
nav ul li.menu_event_cp a:link .lbl,
nav ul li.menu_event_cp a:visited .lbl,
nav ul li.menu_place a .lbl,
nav ul li.menu_place a:link .lbl,
nav ul li.menu_place a:visited .lbl,
nav ul li.menu_read a .lbl,
nav ul li.menu_read a:link .lbl,
nav ul li.menu_read a:visited .lbl,
nav ul li.menu_method a .lbl,
nav ul li.menu_method a:link .lbl,
nav ul li.menu_method a:visited .lbl,
nav ul li.menu_quiz a .lbl,
nav ul li.menu_quiz a:link .lbl,
nav ul li.menu_quiz a:visited .lbl {
display: inline-block;
}
nav ul li ul li a, nav ul li ul li a:link,
nav ul li ul li a:visited,
nav ul li.menu_media ul li a,
nav ul li.menu_media ul li a:link,
nav ul li.menu_media ul li a:visited,
nav ul li.menu_event_cp ul li a,
nav ul li.menu_event_cp ul li a:link,
nav ul li.menu_event_cp ul li a:visited,
nav ul li.menu_place ul li a,
nav ul li.menu_place ul li a:link,
nav ul li.menu_place ul li a:visited,
nav ul li.menu_read ul li a,
nav ul li.menu_read ul li a:link,
nav ul li.menu_read ul li a:visited,
nav ul li.menu_method ul li a,
nav ul li.menu_method ul li a:link,
nav ul li.menu_method ul li a:visited,
nav ul li.menu_quiz ul li a,
nav ul li.menu_quiz ul li a:link,
nav ul li.menu_quiz ul li a:visited {
margin: 0;
}
nav #fade-in_pc li ul,
nav #fade-in_sp li ul,
nav #fade-in_pc li ul li a,
nav #fade-in_sp li ul li a {
visibility: inherit;
opacity: 1;
}
nav .dropmenu li {
text-align: left;
margin-top: 10px;
}
nav .dropmenu li ul {
position: relative;
width: 100%;
}
nav .dropmenu li ul li {
margin-top: 0px;
margin-bottom: 1px;
}
nav .dropmenu li ul li a {
border-bottom: none;
padding: 8px 4px 8px 12px;
}
#nav_bottom_pickup {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 40px;
}
#nav_bottom_pickup .nav_bottom_pickup_inner {
width: 100%;
padding: 0 4%;
}
#nav_bottom_pickup ul {
margin-top: 4%;
}
#nav_bottom_pickup ul li {
width: 100%;
margin: 0% 0% 4% 0%;
}
#nav_bottom_pickup ul li.menu_media {
width: 100%;
margin-left: 0%;
}
#nav_bottom_pickup ul li.menu_quiz {
width: 100%;
}
#nav_bottom_pickup ul li:before {
display: none;
}
#nav_bottom_pickup .block_pickup {
width: 100%;
display: inline-block;
}
#nav_bottom_pickup .block_pickup .post_pic_outer {
float: left;
}
#nav_bottom_pickup .block_pickup .post_pic {
width: 111px;
height: 88px;
}
#nav_bottom_pickup .block_pickup .post_pic img {
width: auto;
height: auto;
max-width: 91px;
max-height: 68px;
}
#nav_bottom_pickup .block_pickup .post_body {
float: right;
width: 60%;
width: calc(100% - 111px);
min-height: auto;
padding-right: 20px;
}
#nav_bottom_pickup .block_pickup .post_body .post_title {
font-size: 13px;
}
#nav_bottom_pickup .block_pickup .post_body dl.post_list {
font-size: 10px;
}
#nav_bottom_pickup .block_pickup .post_meta {
float: left;
clear: both;
width: 100%;
font-size: 9px;
padding: 4px;
}
.tab {
right: -8px;
}
#contener #contents {
width: 92%;
padding-left: 0px;
padding-right: 0px;
}
#contener .box_post_list .block_post_list, #contener .box_post_list_l .block_post_list,
#contener .box_post_list_popular_posts .block_post_list {
width: 100%;
margin-bottom: 4%;
margin-left: 0;
margin-right: 0;
}
#contener .box_post_list .block_post_list .post_pic_outer, #contener .box_post_list_l .block_post_list .post_pic_outer,
#contener .box_post_list_popular_posts .block_post_list .post_pic_outer {
float: left;
}
#contener .box_post_list .block_post_list .post_pic, #contener .box_post_list_l .block_post_list .post_pic,
#contener .box_post_list_popular_posts .block_post_list .post_pic {
width: 111px;
height: 88px;
}
#contener .box_post_list .block_post_list .post_pic img, #contener .box_post_list_l .block_post_list .post_pic img,
#contener .box_post_list_popular_posts .block_post_list .post_pic img {
width: auto;
height: auto;
max-width: 91px;
max-height: 68px;
}
#contener .box_post_list .block_post_list .post_body, #contener .box_post_list_l .block_post_list .post_body,
#contener .box_post_list_popular_posts .block_post_list .post_body {
float: right;
width: 60%;
width: calc(100% - 111px);
min-height: auto;
padding: 8px;
padding-right: 20px;
border-left: none;
}
#contener .box_post_list .block_post_list .post_body .post_title, #contener .box_post_list_l .block_post_list .post_body .post_title,
#contener .box_post_list_popular_posts .block_post_list .post_body .post_title {
font-size: 13px;
}
#contener .box_post_list .block_post_list .post_body dl.post_list, #contener .box_post_list_l .block_post_list .post_body dl.post_list,
#contener .box_post_list_popular_posts .block_post_list .post_body dl.post_list {
font-size: 10px;
}
#contener .box_post_list .block_post_list .post_meta, #contener .box_post_list_l .block_post_list .post_meta,
#contener .box_post_list_popular_posts .block_post_list .post_meta {
float: left;
clear: both;
width: 100%;
font-size: 9px;
padding: 4px;
border-left: none;
}
#contener .box_post_list .block_post_list_empty, #contener .box_post_list_l .block_post_list_empty,
#contener .box_post_list_popular_posts .block_post_list_empty {
width: 100%;
display: none;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner {
font-size: 16px;
line-height: 100%;
text-align: center;
padding-top: 8px;
color: #fff;
background-color: #aaa;
padding: 4px;
width: 28px;
border-radius: 2px;
position: absolute;
top: -8px;
left: -8px;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_1 {
color: #fff;
background-color: #f3a536;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_2 {
color: #fff;
background-color: #999;
}
#contener .box_post_list_popular_posts .block_post_list .popular_posts_ranking_inner.popular_posts_ranking_3 {
color: #fff;
background-color: #8a572e;
}
#contener .box_post_list_info ul a.block_post_list h2 {
font-size: 15px;
}
#contener .box_post_list_info ul a.block_post_list .post_date {
font-size: 12px;
}
#contener .pankuzu {
font-size: 11px;
line-height: 140%;
}
#contener .page_cat span {
font-size: 16px;
line-height: 140%;
letter-spacing: 0;
}
#contener .box_page_title .lbl_title {
font-size: 12px;
}
#contener .box_page_title h1.post_title, #contener .box_page_title h1.page_title {
font-size: 24px;
letter-spacing: 0.1em;
}
#contener .box_page_title h1.icon:before {
background-size: 600px;
width: 48px;
height: 40px;
margin-bottom: 2px;
margin-right: -6px;
}
#contener .box_page_title h1.icon.icon_media:before {
background-position: -50px -5px;
}
#contener .box_page_title h1.icon.icon_event_cp:before {
background-position: -100px -5px;
}
#contener .box_page_title h1.icon.icon_place:before {
background-position: -150px -5px;
}
#contener .box_page_title h1.icon.icon_read:before {
background-position: -200px -5px;
}
#contener .box_page_title h1.icon.icon_method:before {
background-position: -250px -5px;
}
#contener .box_page_title h1.icon.icon_quiz:before {
background-position: -300px -5px;
}
#contener .box_page_title .page_description p {
font-size: 15px;
letter-spacing: 0em;
margin: 16px 0 16px 0;
}
#contener .box_page_title .sub_link {
text-align: left;
}
#contener .box_page_title .sub_link .sub_link_title {
text-align: center;
font-size: 13px;
margin-bottom: 0;
}
#contener .box_page_title .sub_link .sub_link5_2 {
width: 100%;
float: none;
}
#contener .box_page_title .sub_link .sub_link_archive {
width: 100%;
float: none;
margin-top: 40px;
}
#contener .box_page_title .sub_link .sub_link_archive a {
display: block;
margin: 4% auto 0;
}
#contener .box_page_title .sub_link .sub_link_archive a:nth-child(even) {
margin: 4% auto 0;
}
#contener .box_page_title .sub_link a {
width: 47%;
margin: 4% 2% 0 0;
min-width: auto;
}
#contener .box_page_title .sub_link a:nth-child(even) {
margin: 4% 0 0 2%;
}
#contener .box_page_title .column_list a {
max-width: 240px;
width: 46%;
margin: 0 4% 0 0;
}
#contener .box_page_title .column_title .column_body {
width: 100%;
letter-spacing: 0;
}
#contener .box_page_title .column_title .column_body .column_body_inner {
width: 100%;
padding: 20px 20px;
}
#contener .box_page_title .column_title .column_body h1 {
font-size: 22px;
letter-spacing: 0;
}
#contener .box_page_title .column_title .column_body .column_writer_outer {
width: 100%;
padding-right: 0;
overflow-y: unset;
max-height: none;
}
#contener .box_page_title .column_title_s {
width: 100%;
}
#contener .box_page_title .column_title_s .column_pic, #contener .box_page_title .column_title_s .column_body {
width: 100%;
float: none;
}
#contener .box_page_title .column_title_s .column_pic img {
width: 100%;
}
#contener .box_page_title .column_title_s .column_body {
letter-spacing: 0;
}
#contener .box_page_title .column_title_s .column_body .column_body_inner {
width: 100%;
height: auto;
display: block;
padding: 16px 20px;
}
#contener .box_page_title .column_title_s .column_body .column_name {
font-size: 20px;
letter-spacing: 0;
}
#contener .box_page_title .column_title_s .column_body .column_writer_outer {
margin-top: 12px;
}
#contener .box_page_title .writer_profile_outer .writer_profile {
width: 100%;
}
#contener .box_page_title .writer_profile_outer .writer_profile p {
text-align: left;
}
#contener .box_page_title .writer_profile_outer .writer_link {
width: 100%;
text-align: left;
}
#contener .page_content .post_pic {
float: none;
margin-left: 0;
}
#contener .page_content h2 {
font-size: 20px;
}
#contener .page_content h3 {
font-size: 18px;
}
#contener .page_content h4 {
font-size: 17px;
}
#contener .page_content h5 {
font-size: 16px;
}
#contener .page_content p {
font-size: 15px;
}
#contener .page_content .quiz_admin .quiz_ipt_common .txt_notice {
display: block;
margin: 4px 0 0 0;
}
#contener .page_content .quiz_admin .block_quiz_admin {
padding: 28px 0;
}
#contener .page_content .quiz_admin .quiz_no {
font-size: 20px;
}
#contener .page_content .quiz_admin .quiz_no:after {
margin-top: -2px;
}
#contener .page_content .quiz_admin h2 {
font-size: 17px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .answer_no {
padding: 7px 8px;
font-size: 19px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .answer_txt {
padding: 8px 8px;
font-size: 17px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false {
width: 60px;
height: 60px;
top: -12px;
right: -16px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner {
width: 60px;
height: 60px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner span::before,
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_false .icon_judgment_false_inner span::after {
width: 64px;
}
#contener .page_content .quiz_admin .box_quiz_admin_answer .block_answer .icon_judgment_true {
width: 56px;
height: 56px;
top: -5px;
}
#contener .page_content .quiz_admin .box_description {
display: block;
}
#contener .page_content .quiz_admin .box_description .lbl_description {
font-size: 16px;
padding: 2px 0;
width: 100%;
}
#contener .page_content .quiz_admin .box_description p {
font-size: 16px;
}
#contener .page_content .quiz_admin .box_ipt_err h2 {
font-size: 16px;
}
#contener .page_content .quiz_admin .box_ipt_err .box_ipt_err_link a {
width: 30px;
font-size: 12px;
margin: 2px;
}
#contener .page_content .quiz_admin .box_ipt_err .box_quiz_btn a.btn_m {
font-size: 20px;
}
#contener .page_content .quiz_admin .result_msg {
text-align: center;
}
#contener .page_content .quiz_admin .result_msg h2 {
margin-bottom: 10px;
}
#contener .page_content .quiz_admin .result_msg h3.icon_passing {
position: relative;
top: 8px;
right: auto;
transform: none;
}
#contener .page_content .quiz_admin .result_msg p {
font-size: 16px;
text-align: left;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result {
text-align: center;
font-size: 18px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result .txt_correct_cnt {
font-size: 18px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result .txt_correct_cnt .txt_correct_cnt_num {
font-size: 28px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_correct_ave {
text-align: center;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result_time {
text-align: center;
font-size: 18px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result_time .txt_answer_time {
font-size: 18px;
}
#contener .page_content .quiz_admin .result_msg .txt_answer_result_time .txt_answer_time .txt_answer_time_num {
font-size: 28px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking {
text-align: center;
font-size: 18px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking .txt_ranking_cnt {
font-size: 18px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking .txt_ranking_cnt .txt_ranking_cnt_num {
font-size: 28px;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking_datetime {
text-align: center;
}
#contener .page_content .quiz_admin .result_msg .txt_ranking_btn {
text-align: center;
}
#contener .page_content .quiz_admin .box_quiz_result_share h2 {
font-size: 16px;
}
#contener .page_content .quiz_admin .box_quiz_result_share .box_quiz_result_share_link a {
width: 100%;
margin: 8px 0;
}
#contener .page_content .quiz_admin .box_quiz_btn a.btn_m {
font-size: 18px;
}
#contener .page_content table.tbl_ranking tr {
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
#contener .page_content table.tbl_ranking th {
display: none;
}
#contener .page_content table.tbl_ranking td {
border-bottom: none;
}
#contener .page_content table.tbl_ranking td.td_no {
width: 15%;
display: block;
float: left;
padding: 16px 8px 8px;
font-size: 14px;
}
#contener .page_content table.tbl_ranking td.td_name {
width: 85%;
display: block;
float: left;
padding: 16px 8px 8px;
font-size: 14px;
}
#contener .page_content table.tbl_ranking td.td_correct_count {
clear: both;
display: inline-block;
margin-left: 15%;
padding: 0 8px 12px 8px;
font-size: 12px;
}
#contener .page_content table.tbl_ranking td.td_time {
clear: both;
display: inline-block;
padding: 0 8px 12px 8px;
font-size: 12px;
}
#contener .page_content table.tbl_ranking td .txt_l {
font-size: 140%;
}
#contener .page_content table.tbl_ranking_ave {
border-top: 1px solid #dddddd;
}
#contener .page_content table.tbl_ranking_ave th {
display: block;
width: 100%;
border-top: none;
text-align: center;
}
#contener .page_content table.tbl_ranking_ave td {
display: block;
width: 100%;
border-top: none;
text-align: center;
}
#contener .page_content .box_quiz_open_close input[type=button].btn_quiz_open_close {
font-size: 18px;
padding: 8px;
}
#contener .page_content .box_quiz_open_close .box_quiz_open_close_correct_description {
margin: 30px 0;
}
#contener table.tbl_post_info {
font-size: 14px;
line-height: 160%;
}
#contener table.tbl_post_info th, #contener table.tbl_post_info td {
display: block;
text-align: left;
width: 100%;
border-bottom: none;
padding: 8px;
}
#contener table.tbl_post_info td {
word-break: break-word;
}
#contener table.tbl_post_info tr:last-child {
border-bottom: solid 1px #dddddd;
}
#contener .post_cta .post_cta_pic {
width: 100%;
float: none;
background-color: #fff;
margin-bottom: 12px;
padding: 12px 0;
}
#contener .post_cta .post_cta_pic img {
display: block;
margin: 0px auto;
width: 200px;
}
#contener .post_cta p.post_cta_text {
width: 100%;
float: none;
font-size: 13px;
}
#contener .post_writer {
display: block;
}
#contener .post_writer .writer_pic {
margin: 0 auto;
}
#contener .post_writer .writer_text {
width: 100%;
text-align: left;
margin-top: 20px;
}
#contener .page_cp {
padding: 16px 16px;
}
#contener .page_cp dl dt {
float: none;
}
#contener .page_cp dl dd {
padding-left: 0;
}
#contener dl.dl_form dt {
float: none;
width: 100%;
}
#contener dl.dl_form dd {
padding-left: 0;
}
#contener .page_nav .page_count, #contener .post_nav .page_count {
min-width: 100px;
padding-top: 6px;
}
#contener .page_nav .page_count .lbl_page_count, #contener .post_nav .page_count .lbl_page_count {
font-size: 10px;
}
#contener .page_nav .page_count .txt_page_count, #contener .post_nav .page_count .txt_page_count {
font-size: 18px;
}
#contener .page_nav .empty, #contener .post_nav .empty {
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
#contener .page_nav .prev_post, #contener .page_nav .next_post, #contener .post_nav .prev_post, #contener .post_nav .next_post {
width: 100%;
margin: 12px 0;
}
#contener .page_nav a span {
display: none;
}
#contener .wp-pagenavi a, #contener .wp-pagenavi span {
padding: 4px 6px;
font-size: 16px;
line-height: 100%;
}
#contener a.btn_l,
#contener span.btn_l,
#contener input.btn_l {
min-width: 84px;
width: 84px;
font-size: 14px;
}
#contener .post_relation .box_post_list .block_post_list, #contener .post_relation .box_post_list_l .block_post_list {
margin-bottom: 0;
}
#contener .post_bottom_popular_posts .block_post_list .popular_posts_ranking_inner {
font-size: 16px;
width: 28px;
left: -8px;
top: -8px;
}
#contener .book_info01 .book_info_pic {
width: 100%;
float: none;
}
#contener .book_info01 .book_info_text {
width: 100%;
float: none;
margin-top: 20px;
}
#contener .book_info01 .book_info_text .txt_book_title {
font-size: 18px;
line-height: 140%;
}
#contener .book_info01 .book_info_text dl {
font-size: 13px;
line-height: 140%;
}
#contener .book_info01 .amazon_link a {
width: 100%;
}
#contener .quiz_question_disp {
padding: 16px;
}
#contener .quiz_question_disp .font_size_l {
font-size: 20px;
line-height: 180%;
}
.box_width_800 {
width: 100%;
}
footer .footer_site .footer_site_inner {
width: 92%;
padding-left: 0px;
padding-right: 0px;
}
footer .footer_site .site_outline .txt_catchcopy {
font-size: 11px;
}
footer .footer_site .site_outline .footer_logo {
width: 280px;
height: 34px;
}
footer .footer_site .site_link_page ul li {
width: 48%;
margin: 4px 2% 0 0;
}
footer .footer_site .site_link_caetegory ul {
display: block;
}
footer .footer_site .site_link_caetegory ul li {
width: 100%;
margin: 4% 0;
}
footer .footer_site .site_link_caetegory ul li.menu_quiz {
border-right: none;
}
footer .footer_site .site_link_caetegory ul li:nth-child(3n) {
border-right: none;
}
footer .footer_site .site_link_caetegory ul li ul li {
margin: 2% 0;
}
footer .footer_bnr .footer_bnr_inner {
width: 92%;
padding-left: 0px;
padding-right: 0px;
}
footer .footer_bnr .footer_bnr_inner .bnr_list a {
width: 48%;
margin-right: 4%;
}
footer .footer_bnr .footer_bnr_inner .bnr_list a:nth-child(even) {
margin-right: 0;
}
footer #copyright {
font-size: 11px;
}
#page_top a {
bottom: -1px;
right: -1px;
width: 40px;
height: 40px;
background-position: 4px -62px;
background-size: 380px;
}
.grecaptcha-badge {
margin-bottom: 40px;
}
}
@media print {
#pageTop {
display: none !important;
}
}