/******************************************************************
Site Name:
Author:

Stylesheet: カスタムスタイルシート

******************************************************************/

div.content-tour {
background-color: #eaeaea;
}

div.content-moominsday {
background-color: #eaeaea;
}

h1.moominday {
font-size:1em;
font-weight:700;
}

.content-moomin img {
margin:0;
}
.moominday_red {
color:#e60012;
}

.contest_img {
height:230px;
}
img.contest_ttl {
padding:6px 0 4px 0 ;
}
.strong {
font-weight:bold;
}
.contest_txt {
font-size:80%;
}

h2.moominday {
color:#732165;
}

h2.moominday {
padding-bottom:10px;
}

.ttl_bnr {
text-align: center;
}
.ttl_bnr img {
margin-bottom:20px;
}

.moominday_archive {
background-color: #397eb6;
color:#ffffff;
width:100%;
padding :3% 2.5% 2.5% 2.5%;
margin:2% 0;
clear:both;
overflow:hidden;
}

.moominday_archive div {
padding:8px 0 4px 0;
}
.moominday_archive span {
margin-top:10px;
}

.moominday_archive a:link      { color : #ffffff ; text-decoration:underline; }
.moominday_archive a:visited  { color : #ffffff ; }
.moominday_archive a:hover    { color : #b5deff; }
.moominday_archive a:active   { color : #b5deff; }

.moomin_day a:link      { color : #333333 ; text-decoration:none; }
.moomin_day a:visited  { color : #333333 ; }
.moomin_day a:hover    { color : #4d4d4d; }
.moomin_day a:active   { color : #5c5c5c; }

@media (max-width: 640px) {
    .content-moomin .entry-content .contents_block .m-1of4:nth-of-type(4n+1),
    .content-moomin .entry-content .contents_block .m-1of3:nth-of-type(3n+1),
    .content-moomin .entry-content .contents_block .m-1of2:nth-of-type(2n+1) {
        clear: both;
    }
}
@media (min-width: 641px) and (max-width: 820px) {
    .content-moomin .entry-content .contents_block .t-1of4:nth-of-type(4n+1),
    .content-moomin .entry-content .contents_block .t-1of3:nth-of-type(3n+1),
    .content-moomin .entry-content .contents_block .t-1of2:nth-of-type(2n+1) {
        clear: both;
    }
}
@media (min-width: 821px) {
    .content-moomin .entry-content .d-1of3 {
        width: 30%;
        margin-left: 2.5%;
        margin-right: 0;
    }

    .content-moomin .entry-content .d-2of3 {
        width: 62.5%;
    }

    .content-moomin .entry-content .d-1of4 {
        width: 23%;
        margin: 0 1% 20px;
    }

    .content-moomin .entry-content .d-3of4 {
        width: 73%;
        margin: 0 1% 20px;
    }
    .content-moomin .entry-content .contents_block .d-1of3:nth-of-type(3n+1) {
        clear: both;
    }
}

/*********************
saito added
*********************/
  .wrapper {
    overflow: hidden;
  }
  .wrapper img {
    margin: 0;
  }
  .item{
    float: left;
    margin: 1em 0 1em 1em;
    width:308px;
  }
  .caution {
    color:#ff0000;
  }
  div.subsection {
    margin-bottom:1em;
  }

  /*********************
  saito added 2017/09/27
  *********************/
  /* line 2300, breakpoints/_base.scss */
  .quiz_corner {
    margin: 0 3.125% 10px;
    background: #929189 url(../../images/quiz_corner_bg_sp.png) repeat-y;
    background-size: 100%; }
    /* line 2304, breakpoints/_base.scss */
    .quiz_corner h1 {
      line-height: 0;
      margin: 0;
      padding: 0; }
      /* line 2308, breakpoints/_base.scss */
      .quiz_corner h1 img {
        width: 100%;
        height: auto; }
    /* line 2313, breakpoints/_base.scss */
    .quiz_corner .quiz_corner_area {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px 18px;
      background: url(../../images/quiz_corner_footer_sp.png) left bottom no-repeat;
      background-size: 100%; }
      /* line 2318, breakpoints/_base.scss */
      .quiz_corner .quiz_corner_area .quiz_corner-character_bg {
        float: left;
        width: 45%;
        margin: 0 5% 10px 0;
        text-align: center;
        background: url(../../images/quiz_corner_character_bg.png) center center no-repeat;
        background-size: contain; }
        /* line 2325, breakpoints/_base.scss */
        .quiz_corner .quiz_corner_area .quiz_corner-character_bg img {
          width: 80%;
          height: auto; }
      /* line 2330, breakpoints/_base.scss */
      .quiz_corner .quiz_corner_area .quiz_corner-body {
        width: 50%;
        margin: 0 0 4px 50%;
        color: #f9e81c;
        font-size: 0.8125em; }
      /* line 2336, breakpoints/_base.scss */
      .quiz_corner .quiz_corner_area .quiz_corner-source {
        margin: 0;
        color: #ffffff;
        font-size: 0.65em;
        text-align: right; }
        /* line 2341, breakpoints/_base.scss */
        .quiz_corner .quiz_corner_area .quiz_corner-source a {
          border-bottom: 1px solid #ffffff;
          color: #ffffff;
          text-decoration: none; }


.article {
    margin-bottom:2em;
}
.article p   {
    margin: 0 !important;
    padding: 0;
}
.article img {
    margin: 0;
}
.article .section {
    margin-bottom:2em;
}
.section_half {
    margin-bottom: 0.5em;
}
.article p {
    margin: 0;
    font-size:1.0em;
    line-height:1.8em;
}
.article .news_body {
    margin: 0;
    font-size:1.0em;
    line-height:1.8em;
}
.article .caption {
    font-size: 0.8em;
}
.article .date {
    margin-right:1em;
    font-weight:bold;
}
.article .large{
    font-size:1.5em;
}
.article .bold{
    font-weight:bold;
}
.article .red{
    color: #ff0000;
}
.article .pink {
   color:#ff1493;
}
.article .blue {
    color: #0000ff;
}
.article .orange{
    color: #ffa500;
}
.article .underline {
    text-decoration: underline;
}
.article .disc{
    list-style-type:disc;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left:1em;
    padding-left:1em;
}
.article .none{
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left:1em;
    padding-left:1em;
}
.article ol {
    list-style-type: decimal;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-left:1em;
    padding-left:1em;
}
.article .normal {
    font-weight: normal;
}
.article .center {
    text-align:center;
	margin: 0 auto;
}
.article .enclosure {
    border:1px solid #aaaaaa;
    padding:1em;
}
.article .btn {
    	background: -moz-linear-gradient(top,#80CCE6,#80CCE6 5%,#09C 5%,#069 95%,#069 95%,#00293D);
    	background: -webkit-gradient(linear, left top, left bottom, from(#80CCE6), color-stop(0.05,#80CCE6), color-stop(0.05,#09C), color-stop(0.95,#069), color-stop(0.95,#00293D), to(#00293D));
    	border: 1px solid #DDD;
    	color: #FFF;
        font-weight: bold;
    	width: 300px;
    	padding: 10px 10px;
}
.article .btn a {
    color: #fff;
    text-decoration: none;
}
.article em {
    font-weight: bold;
    font-style: normal;
}
.article strong {
    font-weight: bold;
    color: #ff0000;
}
.article .pl2 {
    padding-left: 2em;
}