@charset "utf-8"; 

* { margin: 0; padding: 0; box-sizing:border-box; }

@font-face { font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;}
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body { color:#123; font:14px/1.6; font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; -webkit-text-size-adjust: none; letter-spacing: 0.5px;
/*background-image:url(../images/bgb.png); background-repeat: repeat-y; background-position: center; background-size: contain;
animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;*/
}


.bg01 {background-color:#FFFFFF; padding:0;}

.bgSnow {
	background-image: url('../images/snow1.png'), url('../images/snow2.png'), url('../images/snow3.png');
	-webkit-animation: drop 200s linear infinite;
	-moz-animation: drop 200s linear infinite;
	animation: drop 200s linear infinite;
	width:100%;
	padding:10px 10px;
}

@keyframes drop {
	0%   { background-position: 0 0, 0 0, 0 0; }
	100% { background-position: 5000px 10000px, -4000px 8000px, 0 6000px; }
}

@-moz-keyframes drop {
	0%   { background-position: 0 0, 0 0, 0 0; }
	100% { background-position: 5000px 10000px, -4000px 8000px, 0 6000px; }
}

@-webkit-keyframes drop {
	0%   { background-position: 0 0, 0 0, 0 0; }
	100% { background-position: 5000px 10000px, -4000px 8000px, 0 6000px; }
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

img, area { border: none; outline: none; vertical-align:bottom}

 /* html5未定義ブラウザ用 */
article, aside, details, figcaption, figure, header, main, menu, nav, section, footer { display: block; }

 /* clearfixの代用 */
article, aside, header, main, nav, section, footer { overflow:hidden; }

 /* グリッド */
.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

.col_2_2  { width: 15%; }
.col_3_2  { width: 23.333333333333%; }
.col_3_3  { width: 23.333333333333%; }
.col_6_2  { width: 48.333333333333%; }
.col_6_3  { width: 50%; margin:0; padding:0;}
.col_6_3 img { width:100%}
.col_sisetu { width:10.7%; }

.col_bn  { width: 18.2%; }

.max1200 { width: 100%; max-width:1200px; margin:0 auto;}
.max1000 { width: 100%; max-width:1000px; margin:0 auto;}
.max900 { width: 100%; max-width:900px; margin:0 auto;}
.max800 { width: 100%; max-width:800px; margin:0 auto;}
.max700 { width: 100%; max-width:700px; margin:0 auto;}
.max600 { width: 100%; max-width:600px; margin:0 auto;}
.max500 { width: 100%; max-width:500px; margin:0 auto;}
.max400 { width: 100%; max-width:400px; margin:0 auto;}
.max300 { width: 100%; max-width:300px; margin:0 auto;}
.max200 { width: 100%; max-width:200px; margin:0 auto;}
.max100 { width: 100%; max-width:100px; margin:0 auto;}

.w100 {width: 100%; margin:0 auto;}

*[class*="col_"]{
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.c_b { clear: both;}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col, .col-sm, .col-md, .col-lg, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%;
}


/* モニター幅576px以上 */
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
 
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%;
  }
}

@media only screen and (max-width:768px) { 
 .col_bn  { width: 31.666666666667%;}
 .col_8  { width:98.333333333333%; }
}


/* 540px(ポートレート) */
@media only screen and (max-width:540px) { 
.col_2  { width:98.333333333333%; }
.col_4  { width:98.333333333333%; }
.col_5  { width:98.333333333333%; }
.col_6  { width:98.333333333333%; }
.col_7  { width:98.333333333333%; }

.col_9  { width:98.333333333333%; }
.col_3  { width:98.333333333333%;}

.col_2_2  { width: 31.666666666667%; }
.col_3_2  { width:98.333333333333%;}
.col_3_3  { width:31.666666666667%; }
.col_6_3  { width:100%; }
 .col_bn  { width: 31.666666666667%;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 

}