＝@charset"UTF-8";""
/*CSSリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:130%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:110%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

@media screen and (max-width: 750px) {
 
img{ max-width: 100%;
     height: auto;
     width /***/:auto;}

/* 一般・共通設定 */
body{	width:97%;
/* 画像ファイルの指定 */
background: white url(kimg/back.jpg);
/* 画像を常に天地左右の中央に配置 */
background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
background-attachment: fixed;
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
background-size: cover;
/* 背景画像が読み込まれる前に表示される背景のカラー */
background-color: #fff;}	
background-position: left;
color:#ffffff;
font: 50px/50px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
}

a{ color:#ff0099;}
a:hover{ color:#ff0099;}
a:visited{color:#ffffff;}

#warpper{ background-color: #00;	
          width:100%;}
#warpper h1{ font-size: 100%;}

#warpper h2{ font-size: 100%;  margin-top: 2%;  
             margin-left: 0%;
             color: #ff0000;}
#warpper h3{ font-size: 110%;  margin-top: 2%;  
             margin-left: 15%;
             color: #0000ff;}

/* ヘッダー */

header{ width:100%;
	overflow: hidden;
	background:#000033;
        height: 15px;}
.kinojirogo{margin-top:0%;
	margin-left:0%;
	width: 100%;}
.slider img{width:100%;
	height:150px;}
#slider{max-width: 100%;}
#stage{	width:100%;	background:#000033;}
#stage2 { width:100%;
          background:#000033;}
.stage3{ width:90%;
         margin-left: 5%;
         height: 100px;}
.stage3 p{ font-size: 80%;
           color: #ffffff;
           line-height: 120%;}

/* --- 新着情報エリア --- */

ul.newsList { display: flex;  flex-flow: row wrap;  border-bottom: 1px dotted #999;  padding: 2px 0;  width:100%;  margin-top: 0%;}
ul.newsList li { line-height: 100%;  display: block;  margin: 10px 10px;}
ul.newsList li:nth-child(-n + 3) { padding: 10px 10px;  flex-basis: 130px;}
ul.newsList li:nth-child(2) {color: #fff;  font-size: 15px;  padding: 10px 10px;   text-align: center;   background-color:  #3c2fb7;}
ul.newsList li:nth-child(3) { flex-basis: auto;   padding: 0px 0;}
.info_topics{ width:100%;  margin-left: 0%;  margin-top: 5%;}
.info_topics h{ font-size: 100%;  color: #000;  line-height: 50%;}

/*トップページ*/

#snow_box{ width: 100%;
           margin-top:0%;  }
.snow_block{ width: 100%;
             margin-top:0%;  }
#sarch_block{ width: 100%;
              margin-top:1%; }
.gate1{ width: 25%;  margin-left: 3%;  margin-top:-2%;  float: left; } 
.gate2{ width: 25%;  margin-left: 8%;  margin-top:-2%;  float: left; }
.gate3{ width: 25%;  margin-left: 8%;  margin-top:-2%;  float: left; }

.gate1{ transition:transform 0.3s;} 
.gate1:hover {transform:scale(1.1);}
.gate2{ transition:transform 0.3s;} 
.gate2:hover {transform:scale(1.1);}
.gate3{ transition:transform 0.3s;} 
.gate3:hover {transform:scale(1.1);}


#zaiko_block{ width: 100%;
              margin-top:0%; 
              clear: both; }
.chuko1{ margin-top:1%;   
         margin-left:2%; 
         float: left;  }
.chuko2{ margin-top:1%;   
         margin-left:2%; 
         float: left;  
         clear: both;}
#mente_block{ width: 100%;
              margin-top:0%; 
       }
.mente_kom 1{ width:100%;
	      margin-top: 0%;
	      margin-left:0%;}
.mente_kom 2{ width:65%;
	      margin-top: 0%;
	      margin-left: 0%;
              float: left;   }
.mente_kom p{ font-size:90%;
              font-color:#ff6699;
              margin-top: 0%;
	      margin-left:4%;
              line-height: 180%;    }
.mente_block{ width: 100%;
              margin-top:0%;  }
.t_menu{ width: 96%;
	 margin-top: 0%;
	 margin-left: 3%;}
.t_money{ width: 60%;
	  margin-top: 0%;
	  margin-feft: 10%;
          float: left; }
#recomm_block{ width: 100%;
               margin-top:0%;  }
#ring_block{ width: 100%;
             margin-top:0%;  }
#ring_block2{ width: 80%  ;margin-left:10%;
             margin-top:0%;  }
.ring_kom{ width:100%;
	    margin-top: 0%;
	    margin-left:0%; }
.ring_kom p{ font-size:90%;
              font-color:#ff6699;
              margin-top: 0%;
	      margin-left:10%;
              line-height: 180%;    }
#gaiyo_block{ width: 100%;
              margin-left:0%; 
              margin-top:3%;
              float: left;}   
.box_left{ width: 30%; hight:150%;
           margin-left:5%;  
           text-align: center; 
           float: left;            
           background: -moz-linear-gradient(#1d558d, ##c9c9c9);
           background: -webkit-linear-gradient(#1d558d, #c9c9c9);
           background: linear-gradient(to right, #1d558d, #c9c9c9);  color: #FFF; }
.box_left p{ font-size: 80%;  text-align: center; }
.box_center{ width: 70%;  hight:150%; margin-left:40%;} 
.box_right p{ font-size: 75%; }
.box_map{ width: 100%;  hight:70%;
             margin-top:2%;  clear:both;}
.map{ width:35%;  hight:35%;
      margin-top:5%;
      margin-left:35%;   clear:both; } 
    

/*フッター*/

footer{ width:100%; 
        margin-top: 0%;
        clear: both; } 
               
footer p{ background: #000033;
          text-align: center;
          font-size: 90%;}
footer p small{ color: #ffffff;
                padding: 5%;
                display: block;}
footer a{ color: #ffffff;
	  margin-left: 0%;
	  text-decoration: none;}
footer a:hover{ color: #ffffff;}