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

/*
Storm Theme base.css Ver.02
2014.9.1 Powered by Adjust
*/

/* //////////////////////////////////////////// */
/* Outline Style  */
/* //////////////////////////////////////////// */
body {
background-color: #fafafa;
color:#333;
line-height: 1.8;
word-break: break-all;
}
.h1,.h2,.h3 {
margin-bottom: 0px;
margin-top: 0px;
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0px;
color:#333 !important;
}
h1,h2,h3,h1.h2 {
margin-bottom: 30px;
}
h4,h5,h6 {
margin-bottom: 15px;
}
hr {
background-color: #E9EAE8;
height: 1px;
border: none;
color: #ddd;
}
select {
color: #333 !important;
}
.super {
margin-bottom: 20px;
font-size: 100%;
}

/* header Setting */
header {
padding:15px 0 10px;
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
background-color: #333333;
position: relative;
z-index: 3;
}
header h1 {
margin: 20px 0 0 0;
width: 100%;
height:50px;
}
header h1 > img {
display: inline-block;
max-width: 100%;
}
header .fa,
header .glyphicon {
vertical-align: middle;
}
header + div.container {
margin-top: 30px;
}
.globalNav {
margin: 0;
padding-top: 35px;
}
@media screen and ( max-width:991px ){
  .globalNav {
  margin: 0;
  padding-top: 0px;
  padding-left: 0px;
  }
}
.globalNav > li {
display: inline-block;
position: relative;
padding: 10px 0;
margin-right: 45px;
}
.globalNav > li:last-child {
margin-right: 0px;
}
.globalNav a,
.userMenu a {
display: block;
height: 100%;
font-weight: bolder;
text-decoration: none;
}
.dropdown-menu {
background-color: #fff;
border: none;
border-radius: 0;
margin: 10px 0 0;
padding: 0;
margin: 0;
width: 220px;
}

.userMenu .dropdown {
padding: 10px 0;
}

.userMenu .dropdown-menu {
width: auto;
}


.dropdown-menu > li i {
margin-right: 5px;
vertical-align: baseline;
}
.dropdown-menu > li > a {
border: 1px solid #ececec;
width: 100%;
height: auto;
padding: 15px 15px 15px 40px;
white-space: normal;
font-size: 82%;
background: url('/themes/storm/pc/images/icon_square_off.png') 15px 16px no-repeat;
background-size:13px 13px;
}

.userMenu .dropdown-menu > li > a {
padding: 15px 15px 15px 0px;
}

.dropdown-menu > li > a:hover {
background: url('/themes/storm/pc/images/icon_square_on.png') 15px 16px no-repeat;
background-size:13px 13px;
}
.dropdown-menu > li.dropdown-sub > a {
background: none;
}
.dropdown-menu > li.dropdown-sub > a:hover {
background: none;
}
.dropdown-toggle i:last-child,
.dropdown-sub i:last-child {
margin-left: 10px
}
.dropdown:hover > ul.dropdown-menu {
display: block;
}
/*.dropdown-toggle:after {
content: none;
}*/
.userMenu {
padding: 40px 0 0 0;
list-style: none;
}
@media screen and ( max-width:991px ){
  .userMenu {
  padding: 0;
  list-style: none;
  }
}
.userMenu li {
display: inline-block;
}
.userMenu li:first-child {
margin-right: 20px;
}
.userMenu li:last-child {
margin-right: 0px;
}
.userMenu .dropdown li {
width: 100%;
min-width: 160px;
margin-right: 0px;
}
.userMenu .btn {
color:#fff;
font-weight: normal;
}
.userMenu .btn:hover {
color:#fff;
font-weight: normal;
}
.userMenu .btn-default,
.userMenu .btn-default:hover {
color: #666;
}
.userMenu .dropdown i {
font-size: 1.33333333em;
vertical-align: text-top;
}
.userMenu i,
.userMenu .dropdown-toggle i {
font-size: 24px;
vertical-align: -15%;
}
/* breadcrumb Setting */
.breadcrumbOuter,
.breadcrumb {
background-color: #fff;
}
.breadcrumbOuter {
margin-bottom: 30px;
padding-top: 20px;
}
.breadcrumb{
font-size: 82%;
}
.breadcrumb > li + li:before {
    content: " > ";
}
/* main Setting */
main[role=main] > * {
margin-bottom: 30px;
}
main[role=main] > .alert {
margin-bottom: 20px;
}
.mainInner {
padding-bottom: 0px !important;
padding:10px 0 0;
}
.mainInner > *,
.mainInner > .list-group > a.list-group-item {
margin: 0;
padding:30px 40px;
border-bottom: 1px solid #f3f3f3;
}
.mainInner + section.movieList_min {
margin-top: 60px !important;
}
.mainInner:nth-child(n+3){
margin-top: -30px !important;
}
.movieList_min + div.mainInner {
margin-top: 0px !important;
}
.movieList_min {
margin-bottom: 60px !important;
}
.setListArea .movieList_min {
margin-bottom: 30px !important;
}
.setListArea .movieList_min:last-child {
margin-bottom: 0px !important;
}
@media screen and ( max-width:767px ){
.mainInner > *,
.mainInner > .list-group > a.list-group-item {
padding:30px 20px;
}
}
.mainInner > *:last-child {
border-bottom: none;
}
.mainInner + nav {
margin-top: -29px;
}
.mainTitle {
padding-top:40px;
}

/* aside Setting */
aside[role=complementary] > * {
margin-bottom: 30px;
}

/* footer Setting */
footer {
background-color: #fff;
}
footer .container {
padding: 60px 0;
}

footer .fa-li {
    top: 0.4em;
    width: 2.14286em;
}


/* //////////////////////////////////////////// */
/* Custom Style  */
/* //////////////////////////////////////////// */
.slider {
text-align: center;
}
.outside > div {
margin-top: -20px;
top: 50%;
left: 230px;
color: #FFFFFF;
font-size: 20px;
opacity: 1;
position: absolute;
text-align: center;
text-shadow: none;
width: 40px;
height: 40px;
padding-top: 3px;
}
.outside > div > a {
text-indent: -9999px;
display: block;
width: 100%;
height: 100%;
}
.outside > div.right{
background-image: none;
left: auto;
right: 230px;
}
.bx-prev {
background: url(../images/control_prev.png) no-repeat center 9px;
background-size: 12px 17px;
}
.bx-next {
background: url(../images/control_next.png) no-repeat center 9px;
background-size: 12px 17px;
}
@media screen and ( max-width:1500px ){
    .outside > div {
    left: 0px;
    }
    .outside > div.right{
    right: 0px;
}
}

.list-group-item {
border: 1px solid #f3f3f3;
}
.form-group .list-group-item {
padding: 0;
}
.form-group .list-group-item label {
padding: 20px 25px;
width: 100%;
margin: 0;
display: inline-block;
}
.form-group .list-group-item label .radio input[type="radio"],
.form-group .list-group-item label .radio-inline input[type="radio"],
.form-group .list-group-item label .checkbox input[type="checkbox"],
.form-group .list-group-item label .checkbox-inline input[type="checkbox"] {
margin: 0;
}
.form-group .list-group-item label input[type="radio"],
.form-group .list-group-item label input[type="checkbox"] {
margin: 6px 10px 0 0;
}
.list-group-item a {
display: block;
margin: -10px -15px;
padding: 10px 15px;
width: 100%;
height: 100%;
}
.panel-heading {
padding: 15px;
background-color: #fff;
border-color: #f3f3f3;
}
.mainInner > .list-group {
padding: 0;
}
.mainInner > .list-group > a.list-group-item {
margin: 0;
padding: 30px 40px;
border-top: none;
border-right: none;
border-bottom: 1px solid #f3f3f3;
border-left: none;
}
.padTop-xs {
padding-top: 10px;
}
.padTop-sm {
padding-top: 20px;
}
.padTop-md {
padding-top: 30px;
}
.padTop-lg {
padding-top: 40px;
}
.padBottom-xs {
padding-bottom: 10px;
}
.padBottom-sm {
padding-bottom: 20px;
}
.padBottom-md {
padding-bottom: 30px;
}
.padBottom-lg {
padding-bottom: 40px;
}
.padBounce-xs {
padding-top: 10px;
padding-bottom: 10px;
}
.padBounce-sm {
padding-top: 20px;
padding-bottom: 20px;
}
.padBounce-md {
padding-top: 30px;
padding-bottom: 30px;
}
.padBounce-lg {
padding-top: 40px;
padding-bottom: 40px;
}
.magRight-xs {
margin-right: 10px;
}
.magRight-sm {
margin-right: 20px;
}
.magRight-md {
margin-right: 30px;
}
.magRight-lg {
margin-right: 40px;
}
.magLeft-xs {
margin-left: 10px;
}
.magLeft-sm {
margin-left: 20px;
}
.magLeft-md {
margin-left: 30px;
}
.magLeft-lg {
margin-left: 40px;
}
.TopSlider {
position: relative;
margin-bottom: 50px;
padding: 40px 0;
width: 100%;
background-color: #ececec;
}
@media screen and ( max-width:1170px ){
    .TopSlider {
    background-color: #f3f3f3;
    padding: 0;
    }
}
.TopSlideInner {
max-width:950px;
height: auto;
margin: 0 auto;
}
.TopSlider img {
max-width: 100%;
}
.btn-shape {
width: 30px;
height: 30px;
padding:6px 0;
font-size: 12px;
text-align: center;
color:#999;
background-color: #f3f3f3;
}
.categoryImg {
position: relative;
height: 0;
margin: 0 !important;
padding-top: 30%;
overflow: hidden;
}
.categoryImg img {
position: absolute;
top: 0;
left: 0;
height: auto;
width: 100%;
}
.movieWrap {
    margin: 20px 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.movieWrap > *,
.movieWrap iframe,
.movieWrap object,
.movieWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vjs-default-skin .vjs-big-play-button {
background-color: rgba(40, 40, 40, 0.8);
border-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
box-shadow: none;
left: 50%;
margin: -1.3em 0 0 -2em;
top: 50%;
z-index: 0;
}
.vjs-default-skin .vjs-big-play-button:before {
color: ;
text-shadow: none;
}
.sampleText {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
text-align: center;
padding: 5px 0;
background: #000;
color: #FFFFFF;
opacity: 0.6;
}
.sampleText p {
margin: 0px;
}
#sampleExitBtn {
float: right;
margin-right: 10px;
margin-top: -24px;
}
.siteLinkText {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
text-align: center;
padding: 5px 0;
background: #000;
color: #FFFFFF;
opacity: 0.6;
}
.siteLinkText a:link {
color: #FFFFFF;
}
.siteLinkText a:visited {
color: #FFFFFF;
}
.movieMessage {
background-color: rgba(0,0,0,0.65);
text-align: center;
color: #ececec;
}
.movieMessage p {
font-size: 24px;
}
.movieMessage p:first-child {
margin-top: 13%;
}
.movieMessage .btn {
margin: 20px 0;
}
@media screen and ( max-width:991px ){
.movieMessage p { font-size: 18px; }
.movieMessage p:first-child { margin-top: 10%; }
}
@media screen and ( max-width:600px ){
.movieMessage p { font-size: 13px; }
.movieMessage p:first-child { margin-top: 8%; }
.movieMessage .btn { margin: 0px 0 10px; }
}
.setMessage p { margin-bottom: 0; }
.setMessage .btn {
display: block;
}
@media screen and ( min-width:1200px ){
.setMessage .btn:nth-child(2) { margin-top: 10px;; }
}
@media screen and ( max-width:991px ){
.setMessage .btn { margin-top: 10px; }
}
@media screen and ( max-width:1199px ){
.setMessage .btn { margin-top: 10px; }
}
.movieItem {
margin-bottom: 30px;
width: 100%;
height: auto;
}
.movieList_min .movieItem {
margin-bottom: 0px;
}
.movieItemHeader {
position: relative;
height: 0;
padding-top: 56.3%;
overflow: hidden;
}
.movieItemHeader > a {
position: absolute;
top: 0;
left: 0;
display: block;
width:100%;
height:100%;
height: auto;
}
.movieItemHeader .img-responsive {
width:100%;
}
.movieItemHeader .iconSet {
position:absolute;
top: 0;
right: 0;
width: 100%;
max-width: 53px;
}
.movieLabel {
display:block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.7);
color: #fff;
font-size: 82%;
line-height: 1em;
padding: 6px 15px;
}
.movieLabel span:nth-child(2),
.movieLabel span:nth-child(3) {
margin-right: 10px;
}
.movieItemBody,
.movieItemBody-min {
padding: 15px;
height: auto;
position: relative;
}
.setListArea .movieItemBody-min {
padding: 15px 0 0;
}
.movieItemBody > *:first-child {
margin-top: 0;
margin-bottom: 20px;
}
.movieTitle > a,
.movieTitle_min > a {
display: block;
max-height: 2.1em;
overflow: hidden;
text-overflow: clip;
}
h6.movieTitle_min {
margin-bottom: 0 !important;
}
.mainInner .movieItemBody {
padding: 15px 0;
}
.movieCategory {
margin: 0 0 20px;
}
.movieCategoryBread {
margin: 0;
}
.movieCategory > *,
.movieCategoryBread > * {
margin-bottom: 0px;
line-height: 1.5em;
}
.movieCategory span + span:before,
.movieCategoryBread span + span:before {
    content: " > ";
    margin:0 5px;
    color: #dddddd;
}
.movieCategory span,
.movieCategoryBread span {
margin-bottom: 10px;
}
.movieCategory .movieCategorySet {
margin-bottom: 10px;
}
.movieTags{
margin-bottom: 10px;
}
.movieTags a {
display: inline-block;
padding: 3px 10px;
margin-right: 5px;
margin-bottom: 10px;
font-size: 82%;
}
.moviePayment .movieItem {
margin-bottom: 0;
}
.movieLimit {
display: inline-block;
margin-top: 28px;
font-size: 1.3em;
}
.facebook, .twitter, .google, .embedCode,
.facebook a, .twitter a, .google a, .embedCode a {
display: inline-block;
width: 30px;
height: 30px;
}
.facebook, .twitter, .google, .line, .embedCode {
margin-left: 2px;
}
.facebook a, .twitter a, .google a, .embedCode a {
text-align: center;
}
.facebook i, .twitter i, .google i, .embedCode i {
color: #fff;
font-size: 150%;
line-height: 32px;
}
.line img {
display: inline-block;
margin-top: -8px;
}
.count img {
display: inline-block;
position: absolute;
left:-8px;
top: 0.6em;
}
.countView {
margin-top: 5px;
font-weight: normal;
}
.mainInner .countView {
margin-top: 0px;
font-size: 180%;
}
.pageTop {
text-align: center;
}
.pageTopBtn {
border-bottom: solid #ddd 1px;
display: inline-block;
height: 80px;
width: 100%;
line-height: 80px;
}
.singin {
padding: 90px 0px;
width: 100%;
background-color: rgba(236, 236, 236, 0.95);
position: absolute;
top: 90px;
z-index: 100;
}
.closeBtn {
position: absolute;
top: 30px;
right: 30px;
width: 50px;
height: 50px;
background: url(/themes/storm/pc/images/closebtn.png) no-repeat 15px 15px transparent;
border: none;

-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
.singin .panel,
.singin .panel-heading {
margin: 0;
background: none;
border: none;
box-shadow: none;
}
.link-horizontal {
padding-left: 0;
list-style: none;
}
.link-horizontal li {
margin-bottom: 15px;
}
.link-horizontal > li > a {
font-size: 18px;
}
.link-horizontal i {
padding: 5px 15px 0 0;
font-size: 24px;
vertical-align: top;
}
.fa-right {
position: absolute;
right: 15px;
}
.dataList {
width: 100%;
display: table;
}
.mainTitle > .dataList {
margin: -20px 0 -10px;
width: 100%;
}
.dataList .inner {
display: block;
margin: 0 -15px;
line-height: 1.5;
}
.dataList span + span.inner {
margin-top: 10px;
}
.commentArea * {
margin: 0;
}
.commentArea article {
padding: 20px 0 15px;
}
.commentArea .media + article.media {
border-top: solid 1px #ececec;
}
.commentArea .media h6 {
font-weight: bold;
}
.commentField {
padding: 15px 0;
position: relative;
width: 93%;
}
.commentField .btn-send:hover {
color: #fff;
}
.pagination {
padding: 0;
text-align: center;
width: 100%;
}
.pagination li {
display: inline-block;
margin: -1px 0 -8px -1px;
width: 70px;
height:70px;
}
.pagination > li > a,
.pagination > li > span {
width:100%;
height:100%;
padding: 0;
line-height: 70px;
font-size: 180%;
}
.updata {
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
}
.btn-more {
margin: 15px 0;
}
.btn-send {
position: absolute;
top: 15px;
right: -60px;
border: none;
width: 50px;
height: 50px;
padding-top: 5px;
}
.formText {
background-color: #fff;
border: 1px solid #ececec;
padding: 5px 20px;
font-size: 1.25em;
}
.inputIcon {
  font-family: FontAwesome;
}
.label {
padding: 10px 15px 8px;
margin-right: 5px;
}
.iconImg {
vertical-align: text-top;
margin-right: 5px;
}
.iconImg-lg {
height: 30px;
}
.iconImg-md {
height: 25px;
}
.iconImg-sm {
height: 15px;
}
.iconImg-xs {
height: 12px;
vertical-align: baseline;
}



/* //////////////////////////////////////////// */
/* Decoration Style  */
/* //////////////////////////////////////////// */
a,
a:visited,
.movieCategory a,
.movieCategory a:visited,
.movieCategoryBread a,
.movieCategoryBread a:visited,
h1 > a, h1 > a:visited,
h2 > a, h2 > a:visited,
.list-group a,
.list-group a:visited
{ color:#333; }

a:hover,
a:focus,
.movieCategory a:hover,
.movieCategory a:focus,
.movieCategoryBread a:hover,
.movieCategoryBread a:focus,
h1 > a:hover, h1 > a:focus,
h2 > a:hover, h2 > a:focus
{ color:#999; }

a:focus
{ outline: none; }

a.btn-primary,
a.btn-info,
a.btn-success,
a.btn-warning,
a.btn-danger {
color: #fff !important;
}


.globalNav a,
.globalNav a:visited,
.globalNav a:focus,
.userMenu a,
.userMenu a:visited,
.userMenu a:focus,
.dropdown-menu > li > a,
.dropdown-menu > li > a:visited,
footer a,
footer a:visited,
footer a:focus
{ color:#666; }

.globalNav a:hover,
.userMenu a:hover,
footer a:hover
{ color:#ccc; }

.movieTags a {
background-color: #f3f3f3;
color:#666;
}
.movieTags a:hover {
background-color: #ececec;
color:#999;
text-decoration: none;
}
.navbar,
.nav-pills > li > a,
.panel,
.btn,
.alert,
.popover,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: 0px;
}
.pagination > li > a,
.pagination > li > span {
border: 1px solid #ececec;
}
.btn-more {
background-color: #FFFFFF;
border-color: #ececec;
color: #333333;
}
.btn-more:hover {
background-color: #f3f3f3;
}
.btn-send {
border-radius:  50%;
background-color: #f3f3f3;
color:#ccc;
}

.list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.list-group-item:last-child {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-bottom: 0;
border-bottom: solid 1px #e9e9e9;
}
.mainInner,
.movieItem,
.navbar,
.panel {
border: none;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.navbar {
z-index: 0;
}
.mainInner .movieItem {
box-shadow: none;
}
.facebook { background-color: #305891; }
.facebook:hover { background-color: #1F4484; }
.twitter { background-color: #2CA8D2; }
.twitter:hover { background-color: #158EC6; }
.google { background-color: #DD4C39; }
.google:hover { background-color: #CE3F25; }
.embedCode { background-color: #999; }
.embedCode:hover { background-color: #999; }

.mainInner > .list-group > a.list-group-item {
border-top: none;
border-right: none;
border-left: none;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading{
color: #fff;
}
.popover.alert-danger{
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}
.popover.alert-danger .arrow:after {
border-top-color: #F2DEDE;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
background-color: #ececec;
border-color: #ececec;
color: #ddd;
cursor: not-allowed;
}

/* 関連動画（プレイヤー終了後のオーバーレイ） */
div.related-video-overlay {
  position: absolute;
  width:    100%;
  height:   100%;
  left:     0px;
  top:      0px;
  background-color: #000000;
  overflow: hidden;
}

div.related-video-overlay > div.related-box {
  position: relative;
  padding: 0px;
  display: none;
  cursor:  pointer;
  overflow:hidden;
}

div.related-video-overlay > div.related-box > img {
  width: 100%;
}

div.related-video-overlay > div.related-box > div.text-layer {
  position:absolute;
  color: #FFFFFF;
  left: 0px;
  top: 0px;
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9);
  display: none;
  line-height: 1.2;
  font-size: 20px;
}
@media (min-width: 768px) {
  div.related-video-overlay > div.related-box > div.text-layer {
    font-size: 12px;
  }
  div.related-video-overlay > div.related-box {
    height: 50%;
  }
}
@media (min-width: 992px) {
  div.related-video-overlay > div.related-box > div.text-layer {
    font-size: 12px;
  }
  div.related-video-overlay > div.related-box {
    height: 33.3333%;
  }
}
@media (min-width: 1200px) {
  div.related-video-overlay > div.related-box > div.text-layer {
    font-size: 14px;
  }
  div.related-video-overlay > div.related-box {
    height: 33.3333%;
  }
}

/* //////////////////////////////////////////// */
/* categoryBox Style  */
/* //////////////////////////////////////////// */


#categoryBox{
    width:100%;
}

#categoryBox .category_pd{
    float:right;
}

#categoryBox .mainTitle{
    width:100%;
    padding: 0;
    margin: 0;
}


/* category_pd menu style */



#categoryBox .category_pd > li {
display: inline-block;
position: relative;
padding-bottom: 10px;
margin-right: 45px;
}

#categoryBox .category_pd > li:last-child {
margin-right: 0px;
}
.category_pd a,
.userMenu a {
display: block;
height: 100%;
font-weight: bolder;
text-decoration: none;
}

#categoryBox .category_pd a,
#categoryBox .category_pd a:visited,
#categoryBox .category_pd a:focus,
#categoryBox .userMenu a,
#categoryBox .userMenu a:visited,
#categoryBox .userMenu a:focus,
#categoryBox .dropdown-menu > li > a,
#categoryBox .dropdown-menu > li > a:visited,
footer a,
footer a:visited,
footer a:focus
{ color:#666; }

#categoryBox .category_pd a:hover,
#categoryBox .userMenu a:hover,
footer a:hover
{ color:#ccc; }

#categoryBox .dropdown-menu {
border-radius: 0;
margin: 10px 0 0;
padding: 0;
margin: 0;
width: 220px;
}

#categoryBox .dropdown-menu > li i {
margin-right: 5px;
vertical-align: baseline;
}

/* Question */
section.questionArea {
  position: relative;
}

section.questionArea .questionUnit{
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 1em;
}

.questionHead.col-lg-1 {
  padding-right: 0px;
}

.questionHead > h4 {
  font-weight: bold;
  color: #0D8009 !important;
}

.questionBody .radio {
  margin-top: 0px;
}

.questionBody label {
  font-weight: normal;
}

/* Answer */
.answerList {
  line-height: 1.4em;
}

.answerList > .answerBox {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.answerList h5 {
  font-weight: bold;
  margin-bottom: 5px;
}

.answerList h5.questionHead {
  color: #0D8009 !important;
}
.answerList h5.answerHead {
  color: #2E6FC1 !important;
}

.answerList .thumbnailArea {
  margin-bottom:15px;
}

.answer .badge {
  margin-right: 5px;
}

.badge-success {
  background-color: #5cb85c;
}

.badge-danger {
  background-color: #d9534f;
}

.resultArea p.scoreInfo {
  font-size: 8em;
  line-height: 1em;
}

.scr {
  overflow: scroll;   /* スクロール表示 */
  height:200px;
}


.questionArea .questionHead{
  padding: 10px;
  font-weight: bold;
}
.questionArea .question{
  padding: 0 10px;
}

.answerArea .answerHead {
  padding: 10px;
}
.answerArea .answer {
  padding: 0 10px;
}
.explanation {
  margin-bottom: 10px;
}
.explanation table {
  width: 100%;
}
.explanation th {
  border: 2px solid #FF9800;
  padding: 10px;
  color: #fff;
  background-color: #FF9800;
  text-align: center;
  width: 15%;
}
.explanation td {
  border: 2px solid #FF9800;
  padding: 10px;
  font-weight: normal;
}