#width {
	width:990px;
}
.adspecial_type1 h1, .adspecial_type1 h2, .adspecial_type1 h3, .adspecial_type1 h4, .adspecial_type1 h5, .adspecial_type1 h6 {
	display:block;
}



.adspecial_type1 .frame_col_right {
display: none;
}
.adspecial_type1 .frame_col_right_inner {
	padding: 0 10px;
}
* html .adspecial_type1 .frame_col_right_inner{
	width: 300px;
}
* html .adspecial_type1 .frame_col_left {
	overflow: hidden;
}
* html .adspecial_type1 .frame_col_right{
	overflow: hidden;
}


/* 2011/02リニューアル対応-------------------------------------------------------------------------------- */

.adspecial_type1{
margin-top: 0;
}

#block_story {
margin-left: 10px;
}

.style_block1{
margin-left: 10px;
}

p.more{
margin-top: 0px;
}

.style_indexlist1 li{
font-weight: normal;
list-style-image: none;
line-height: 1.3;
background-position:  4px 7px;
}
.style_indexlist1 li a{
line-height: 1.5;
}

.style_indexlist1 li.stronger a {
font-weight: bold;
}

.style_indexlist1 li.largersize{
font-size: 14px;
}

.style_indexlist1 li a img {
border: 1px solid #666666;
float: left;
margin: 0 5px 5px 0;
}

h4.ttl_backnumber {
background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
color: #961515;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
padding-bottom: 7px;
}

.backnumber p.summary{
overflow: hidden;
_zoom: 1;
}

#contents {
  padding: 0;
  background-color: #e3eff4;
}

#adspecial_azure_2018{
width:980px;
margin:0 auto;
}

#sp-msazure a:hover {
  text-decoration: none; }
#sp-msazure strong {
  font-weight: bold;
  font-size: 18px; }


.head-title {
  position: relative;
  height: 300px;
  background: #0072C6}

.head-title .town,
.head-title .cloud_01,
.head-title .cloud_02,
.head-title .cloud_03 {
position: absolute;
}
.head-title .town {
z-index: 40;
bottom: 0;
right: 0;
}
.head-title .cloud_01 {
z-index: 30;
top: 15%;
right: 0;}

.head-title .cloud_01::before,
.head-title .cloud_01::after {
content: "";
position: absolute;
z-index: 50;
display: block;
height: 70px;
width: 70px;
top: 38%;  /*A.中心*/
right: 100px;  /*A.中心*/
opacity: 0;
border-radius: 100%;
border: 1px solid #F3D55B;
animation: pulsate 3s ease-out 0s infinite;  /* スピードなど */ 
}
.head-title .cloud_01::after {
animation: pulsate 3s ease-out 0.5s infinite;  /* スピードなど */ }

@keyframes pulsate {
    0%   { transform: scale(1, 1); }
    50%  { opacity: 0.5; }
    100% { transform: scale(4, 4); opacity: 0.0; }
}

.head-title .cloud_02 {
z-index: 20;
top: 5%;
right: 20%;
animation: anime1 0.5s linear 0s infinite alternate;}
.head-title .cloud_03 {
z-index: 20;
top: 55%;
right: 35%;
animation: anime1 0.5s linear 0.5s infinite alternate;}


@keyframes anime1 {
  0% {
    margin: 0;
  }

  100% {
    margin-top: 5px;
  }
}


.head-title h1 {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 30px;
    z-index: 10;
    margin-top: -40px;
    color: #fff;
    font-family: Century Gothic,arial,sans-serif;
    font-size: 45px;
    font-weight: bold; }


#sp-msazure .panel-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
 }
  #sp-msazure .panel-wrapper .panel {
    width: 23%;
    margin: 10px 1%;
    background-color: #fff;
    box-shadow: 0 0 3px #999;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #sp-msazure .panel-wrapper .panel .category {
      display: block;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0 5px;
      color: #0072C6;
      font-size: 12px;
      text-align: center;
      border-bottom: 2px solid  #0072C6; }
    #sp-msazure .panel-wrapper .panel .img-area {
      height: 150px;
      overflow: hidden;
      text-align: center;
      border-radius: 3px 3px 0 0; }
      #sp-msazure .panel-wrapper .panel > a .img-area img {
        width: 100%;
        vertical-align: bottom;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -moz-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
 }
    #sp-msazure .panel-wrapper .panel p {
      padding: 15px; }
    #sp-msazure .panel-wrapper .panel > a {
      position: relative;
      display: block;
      color: #333;
      width: 100%;
      height: 100%;}
      #sp-msazure .panel-wrapper .panel > a:hover .img-area img {
        -moz-transform: scale(1.0,1.0);
        -webkit-transform: scale(1.0,1.0);
        transform: scale(1.0,1.0);
 }
      #sp-msazure .panel-wrapper .panel > a::before {
        content: '';
        position: absolute;
        z-index: 10;
        display: block;
        width: 100%;
        height: 100%;
        border: 5px solid #0072C6;
        opacity: 0;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      #sp-msazure .panel-wrapper .panel > a:hover::before {
        opacity: 0.5; }

    #sp-msazure .panel-wrapper .panel.sky {
      background-color: #00ABEC; }
    #sp-msazure .panel-wrapper .panel.sky a {
      color: #fff; }
      #sp-msazure .panel-wrapper .panel.sky > a::before {
        border-color: #c5edff; }
      #sp-msazure .panel-wrapper .panel.sky .category {
      color: #fff;
        border-color: #0072C6; }

      #sp-msazure .panel-wrapper .panel.sky-w > a::before {
        border-color: #00ABEC; }
      #sp-msazure .panel-wrapper .panel.sky-w .category {
        color: #00ABEC;
        border-color: #00ABEC; }

    #sp-msazure .panel-wrapper .panel.blue {
      background-color: #0072C6; }
    #sp-msazure .panel-wrapper .panel.blue a {
      color: #fff; }
      #sp-msazure .panel-wrapper .panel.blue > a::before {
        border-color: #00ABEC; }
      #sp-msazure .panel-wrapper .panel.blue .category {
      color: #fff;
        border-color: #00ABEC; }

    #sp-msazure .panel-wrapper .panel.orange {
      position: relative;
      background-color: #f4af4c;
        color: #fff; }
      #sp-msazure .panel-wrapper .panel.orange > a::before {
        border-color: #fff880; }
      #sp-msazure .panel-wrapper .panel.orange a {
        color: #fff; }
      #sp-msazure .panel-wrapper .panel.orange .category {
        color: #fff;
        border-color: #FCD116; }

    #sp-msazure .panel-wrapper .panel.red {
      position: relative;
      background-color: #E57E25;
        color: #fff; }
      #sp-msazure .panel-wrapper .panel.red > a::before {
        border-color: #fff880; }
      #sp-msazure .panel-wrapper .panel.red a {
        color: #fff; }
      #sp-msazure .panel-wrapper .panel.red .category {
        color: #fff;
        border-color: #f4af4c; }

    #sp-msazure .panel-wrapper .panel.green {
      background-color: #89C402;
        color: #fff; }
    #sp-msazure .panel-wrapper .panel.green a {
      color: #fff; }
    #sp-msazure .panel-wrapper .panel.green > a::before {
      border-color: #c6ed6e; }
    #sp-msazure .panel-wrapper .panel.green .category {
      color: #fff;
      border-color: #c6ed6e; }

    #sp-msazure .panel-wrapper .panel.yellow > a::before {
      border-color: #FCD116; }
    #sp-msazure .panel-wrapper .panel.yellow .category {
      color: #F4AF4C;
      border-color: #FCD116; }


    #sp-msazure .panel-wrapper .panel.glow2 {
      width: 48%;
      flex-grow: 2; }


    #sp-msazure .panel-wrapper .panel.orange.event h2 {
      padding: 10px;
      color: #fff;
      border-bottom: 2px solid #FCD116;
}
    #sp-msazure .panel-wrapper .panel.orange.event ul {
      max-height: 200px;
      overflow: auto;
      margin: 0;
      padding: 0 0 15px 45px;
}



#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(1) {
  -webkit-box-ordinal-group:0;
  -ms-flex-order:0;
  -webkit-order:0;
  order:0;
}

#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(2) {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
}

#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(3) {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}
#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(6) {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;
}


#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(4) {
  -webkit-box-ordinal-group:4;
  -ms-flex-order:4;
  -webkit-order:4;
  order:4;
}


#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(5) {
  -webkit-box-ordinal-group:5;
  -ms-flex-order:5;
  -webkit-order:5;
  order:5;
}


#sp-msazure .panel-wrapper.ordered div.panel:nth-of-type(7) {
  -webkit-box-ordinal-group:6;
  -ms-flex-order:6;
  -webkit-order:6;
  order:6;
}




/* list */
#sp-msazure .list-disc {
  margin: 0 15px 0 30px; }
  #sp-msazure .list-disc a:hover {
    text-decoration: underline; }
  #sp-msazure .list-disc li {margin-right: 15px; padding: 10px 0;}



/* btn */
.btn-orange {
padding: 15px 0;
text-align: center;
}
.btn-orange a {
display: block;
width: 80%;
margin: 0 auto;
padding: 10px;
background-color: #E57E25;
color: #fff;
border-radius: 5px;
}

.btn-orange a:hover {opacity: 0.7;}

.block_sponsored {
margin: 30px 0 0;
padding: 10px;
text-align: center;
background-color: #fff;
}





/*---------------------------------------
responsive
-----------------------------------------*/
@media screen and (max-width: 800px) {
#adspecial_azure_2018{
width:100%;
}
.head-title .cloud_02,
.head-title .cloud_03 {display: none;}

.head-title .cloud_01 {
top: 10px;
right:50%;
margin-right: -140px; 
text-align: center;
}
.head-title .cloud_01 img {width: 50%;}


  #sp-msazure .panel-wrapper .panel {
    width: 32.3%;
    margin: 10px 0.5%; }
    #sp-msazure .panel-wrapper .panel .img-area {
      height: auto;
      max-height: 150px; }
.head-title h1 {
left: 0;
width: 100%;
text-align: center;
font-size: 36px;
}

 }/* 800px end */


@media screen and (max-width: 480px) {

  .head-title {
    margin-bottom: 10px; }
    .head-title h1 {font-size: 30px;}
  #sp-msazure .panel-wrapper {
    padding: 0 15px 15px;
    display: block; }
    #sp-msazure .panel-wrapper .panel {
      width: 100%;
      margin: 0 0 10px;
      padding: 15px;
      overflow: hidden; }
      #sp-msazure .panel-wrapper .panel > a::before {
        display: none; }


    #sp-msazure .panel-wrapper .panel .category {
      margin: 0 0 5px 95px;;
      text-align: left;}
      #sp-msazure .panel-wrapper .panel .img-area {
        float: left;
        border-radius: 0;}
        #sp-msazure .panel-wrapper .panel > a .img-area img {
          width: 80px;
          margin: 0; }
      #sp-msazure .panel-wrapper .panel .title {
        margin-left: 95px;
        padding: 0;
      font-size: 12px;}
      #sp-msazure .panel-wrapper .panel .title strong {font-size: 14px; line-height: 1.3;}

      #sp-msazure .panel-wrapper .panel.orange, #sp-msazure .panel-wrapper .panel.sky {
        padding: 10px; }
      #sp-msazure .panel-wrapper .panel.glow2 {
        width: auto; } 

#sp-msazure .panel-wrapper.ordered {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
}
#sp-msazure .panel-wrapper.ordered .panel {width: 100%;}

}/* 480px end */