/*--------------------------------------------------------*/
/*                                           ↓基本設定                                             */
/*--------------------------------------------------------*/

body{
overflow-x:hidden;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
background-image: url("../image/snow.png");
 -webkit-text-size-adjust : 100%!important ;
}

h2{
     display:inline-block;
     text-align:center;
     font-size:22px;
     width:100%;
     height:40px;
     margin:30px auto 10px;
     background-image:url(../image/line01.gif);
     background-repeat:repeat-x;
     background-position:0px 39px;
}


h4{
     display:inline-block;
     text-align:left;
     font-size:18px;
     font-weight: normal;
     width:100%;
     height:35px;
     line-height:35px;
     margin:10px auto 20px;
     background-image:url(../image/line01.gif);
     background-repeat:repeat-x;
     background-position:0px 0px;
}

a{outline:none;}

img{border:0px;}

p{
    font-size:14px;
}


a{text-decoration:none;}
a:link{color:#a22}
a:visited{color:#a22;}
a:hover{color:#f00;}

p.komidasi{
     display:inline-block;
	 font-size:15px;
     text-indent:17px;
	 color:#960;
     background-image:url(../image/block01.gif);
     background-repeat:no-repeat;
     background-position:0px 50%;
     margin:10px 0;
     padding:0;
}

p.explanatory{
    	 font-size:12px;
}
footer{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:10px;
    text-align:center;
    background-image:url(../image/line01.gif);
    background-repeat:repeat-x;
    background-position:0px 0px;
}

footer p{
    font-size:10px;
}
/*footer div{
background-color:#;
width:150px;
margin:0 auto;
background-image: url("../image/circle.png");
    background-position: top left;
    background-repeat:no-repeat;
}
footer p{
padding:0 0 0 20px;
	display: table-cell;
	vertical-align: middle;
	height:50px;
}*/



/*--------------------------------------------------------*/
/*                  ↓メインコンテナ                     */
/*--------------------------------------------------------*/
 
.grid900 {
	margin: 0 auto;
	padding: 0 0 0 1%; 
}


.grid900{
	max-width: 900px;
}

.box{
	clear: both;
	padding: 0 10px;
}





/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col12lf {
	float: left;
	padding:0;
	margin: 0 3% 10px 0;
	text-align:center;

}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12, .col12lf {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 25%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 71%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 , .col12lf{ width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {
	width: 100%;
	height: auto;
	display: block;
}

.clea{clear:both;}
.righ{float:right;}
.lef{float:left;}
/*--------------------------------------------------------*/
/*                    ↓おびわんけのーび                */
/*--------------------------------------------------------*/
/*元の帯の色  カラー:#9a9　バックグラウンド:#363*/
.obiwan{
     width:100%;
     color:#eee;  
    text-align:center;
    background:#666;

}

.obiwan p{
     font-size:10px;  
/*text-shadow: 1px 1px 1px #000,
               -1px 1px 1px #000,
               1px -1px 1px #000,
               -1px -1px 1px #000;*/
}

/*--------------------------------------------------------*/
/*                    ↓ローゴの生活                       */
/*--------------------------------------------------------*/

.logo{
    width:360px;
    position:relative;
    top:0px;
    left:50%;
    margin:0 -180px;
    background-color:#;
    background-image:url();
    background-repeat:no-repeat;
    background-position:0px 0px;
    overflow:hidden;
}

/*--------------------------------------------------------*/
/*                        ↓インデックス                   */
/*--------------------------------------------------------*/

.inf{
    width:99%;
    margin:10px auto;
    text-align:left;
    background-image:url(../image/line01.gif);
    background-repeat:repeat-x;
    background-position:0 30px;
}
.inf_back{
    background:rgba(230,230,230,0.6);
    margin:-10px 0 0;
    padding:5px 15px;
    min-height:50px;
}

.inf_back2{
    background:rgba(250,250,250,0.5);
    margin:-10px 0 30px;
    padding:5px 15px;
    min-height:100px;
}

p.infp{
    font-size:10px;
}

.topcontent{
    display:block;
    margin:0px auto 20px;
}

.lfimg{
    clear:both;
    text-align: center;
    width:100%;
}

.lfimgs{
display:none;
}

/*----↓↓↓新潟ライブスケジュール部分の仕様変更のため使わない---*/
#nmls{
    font-size:14px;
    margin:10px 0 0;
    padding:10px 0 0;
    background-image:url(../image/line01.gif);
    background-repeat:repeat-x;
    background-position:0 0;
}
/*----↑↑↑仕様変更のため使わない---*/

p.red{
    font-size:14px;
    color:#ff3366;
    font-weight:bold;
}
p.ur{
    font-size:14px;
    color:#cccccc;
    margin:0 0 2em 0;
    word-wrap:break-word;
}

p.ind{
    font-size:14px;
    margin:0 0 0 3em;
    text-indent:-3em;
    word-wrap:break-word;
}
p.ind2{
    font-size:14px;
    margin:1em 0 0 3em;
    text-indent:-3em;
    word-wrap:break-word;
}
p.ind3{
    font-size:14px;
    margin:1em 0 2em 0;
    text-indent:-999px;
    background-image:url(../image/line01.gif);
    background-repeat:repeat-x;
    background-position:0 bottom;
}

p.cap{
    text-align:right;
    font-size:10px;
    margin:0 0 0 3em;
    word-wrap:break-word;
}

.subtitle{
    font-size:14px;
    white-space: nowrap;
}

/*--------------------------------------------------------*/
/*                        ↓俺たちは                          */
/*--------------------------------------------------------*/

.aboutus{
    display:inline-block;
    width:100%;
    
}

.aboutus p{
    margin:0; 
    line-height:1.2em;
}

.member{
    background-image:url(../image/line01.gif) , url(../image/line01.gif);
    background-repeat:repeat-x;
    background-position:0 0 , 0 bottom;
    margin:10px 0 20px;
}

.member ul{
    list-style:none;
    margin:0 auto;
    padding:30px 0;
    text-align:center;
    width:100%;
}
.member li{
    font-size:14px;
    margin-bottom:0.8em;
}

/*--------------------------------------------------------*/
/*                        ↓歴史の再現                       */
/*--------------------------------------------------------*/

#history{
    width:100%;
    text-align:left;
}
#history p{
    margin:0.5em 10px 2em;
    text-align:justify;
}

.his{
    margin:1em 0em;
}

#history img{
width:auto;
height:18px;
}

/*--------------------------------------------------------*/
/*                   ↓フォトギャラリー                 */
/*--------------------------------------------------------*/
.photobox{
width:100%;
margin:0px auto;

}
.photobox div a{ 
    display:block; 
    float:left; 
    width:83px; 
    height:83px; 
    line-height:83px;
    margin:3px; 
    overflow:hidden; 
    position:relative; 
    z-index:1;
} 
.photobox div a img{ 
    float:left; 
    position:absolute; 
    top:0; 
    left:-50%;
    width:auto;
    height:85px;
    margin:0 0 0 25%;
} 
.photobox div .vpic a img{ 
    top:-50%; 
    left:0;
    width:85px;
    height:auto;
    margin:25% 0 0 0;
} 

.photobox div{
    float:left;
    margin:0;
    padding:10px 0 30px 0;
}

div .p_box{
    background-image:url(../image/line01.gif);
    background-repeat:repeat-x;
    background-position:0px bottom;
}

.photobox dl{
  clear:both;
  padding:20px 0 0; 
  margin:0 0 30px 1%;
  text-align:left; 
  line-height:1.2em;
  }
  
.photobox dl dt{
  font-size:18px;

}
  
.photobox dl dd{
  font-size:14px;
  margin:0;
}


/*--------------------------------------------------------*/
/*                       ↓ですこもねぇ                    */
/*--------------------------------------------------------*/



.disco{
     float:left;
      width:180px;
      height:auto;
      margin:0 5px 10px;
}

.various{
     float:left;
      width:250px;
      height:auto;
      margin:0 5px 10px;
}

.disco dl, .disco dt, .disco dd, .various dl, .various dt, .various dd{
      clear:both;
      margin:0;
      padding:0;
}

.disco dt, .various dt{
     text-align:left;
     font-size:12px;
     padding-left: 1em;
     text-indent: -1em;
}
.disco dd, .various dd{
     text-align:left;
     font-size:12px;
}

.disco img, .various img{
    width:95%;
    height:auto;
    margin:0 0 5px 0;
}

/*--------------------------------------------------------*/
/*          ↓にがたあいすり〜んくっ               */
/*--------------------------------------------------------*/


.icelink{
    margin:10px 0;
    padding:10px;
}

.icelink ul{
    list-style:none;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:200px;
}
.icelink li{
    margin-bottom:0.5em;
    color:#bbb;
}

#linkfree{
    text-align:center;
    margin:10px 0px;
}

/*---------------ここからリンクアイコン----------------*/


.linkbox{
    display:block;
    width:210px; 
    margin:auto; 
}

.linkboxs{
    display:none;
        width:210px; 

    margin:0 auto; 
background-color:#Fee;
}

.fb , .ml , .nls{
    float:left;
}
.fb a{
    display:block; 
    width:30px; 
    height:30px; 
    background-image:url(../image/fbico01.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    margin:5px;
}
.fb a:hover{
    background-image:url(../image/fbico02.png);
    background-repeat:no-repeat;
}

.ml a{
    display:block; 
    width:30px; 
    height:30px; 
    background-image:url(../image/mlico01.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    margin:5px;
}
.ml a:hover{
    background-image:url(../image/mlico02.png);
    background-repeat:no-repeat;
}

.nls a{
    display:block; 
    width:200px; 
    height:30px; 
    background-image:url(../image/nlsico01.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    margin:5px;
}
.nls a:hover{
    background-image:url(../image/nlsico02.png);
    background-repeat:no-repeat;
}


/*---------------ここまでリンクアイコン----------------*/


/*--------------------------------------------------------*/
/*          ↓めーるめるめるめるめるめるめ     */
/*--------------------------------------------------------*/

.mail{
    width:100%;
    margin:0 auto;
    text-align:center;
}

/*--------------------------------------------------------*/
/*           ↓さいとまっぷるぷるぷるん           */
/*--------------------------------------------------------*/


.sitemap{
    margin:10px 0;
    padding:10px;
    text-align:left;

}

.sitemap ul{
    list-style:none;
    margin:0 auto;
    padding:0;
    width:100%;
}
.sitemap li{
    margin-bottom:1.5em;
    color:#000;
    text-indent:0px;

}



/***************テスト****************/

ul.slide,
nav.thumb ul {
	list-style:none;
	margin:0;
	padding:0;
}
nav.thumb ul li img {
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	width:100px;
	height:auto;
	float:left;
	margin:10px;
	
}
nav.thumb ul li img:hover {
	opacity:0.7;
}
ul.slide {
	width:100%;
	margin:20px auto;
}
ul.slide li {
    position:absolute;
	opacity:0;
	-webkit-transition:opacity 2.0s ease-out;
	-moz-transition:opacity 2.0s ease-out;
	-o-transition:opacity 2.0s ease-out;
}
ul.thumb li:target {
	opacity:1;
	z-index:1;
}
nav.thumb ul {
	    position:absolute;
	width:100%;
	text-align:center;
}
nav.thumb li {
	display:inline;
}
nav.thumb li + li {
	margin-left:10px
}
nav.thumb :link:active,
nav.thumb :visited:active {
	outline:none;

}

/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.grid900 {
		max-width: 900px;
	}

	.grid900 .box{
		padding: 0;
	}
}





/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
	.box{
	margin:0;
	}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: none;
		width: 99%;
	}
	.logo{
	width:240px;
	margin:0 -120px;
	}
	
	#history img{
display:none;
}

h3::after{content: attr(data-label);
font-size:15px;
color:#960;
font-family: "ＭＳ 明朝",serif; 
font-style: italic;
}

.miniobi{
display:none;
}

.lfimg, .linkbox{
display:none;
}

.lfimgs{
display:block;
margin:auto;
}

.linkboxs{
display:block;
}

.disco{
      width:31%;
      height:auto;
      margin:0 1%;
}

.various{
      width:62%;
      height:auto;
      margin:0 1%;
}
.disco dt, .various dt{
     font-size:9px;
}
.disco dd, .various dd{
     font-size:9px;
}



}