@charset "UTF-8";
/*
Theme Name: myoff
Version: 1.0
*/

@media ( min-width : 600px ) {
table{width:100%;table-layout: fixed;}
.max600{max-width:600px;}
.max768{max-width:768px;}
.max1024{max-width:1024px;}
.max1152{max-width:1152px;}
.min350{min-width:350px;}
.img100{width:100px;float:left;}
.img100b{width:100%;}

.container { min-height:5%;}


/*
高さ可変構造用
*/
div.hr{    overflow: hidden;  
    height: auto; }
div.hr div{     padding-bottom: 1000px;  
    margin-bottom: -1000px;  }

/*
高さ可変構造用終了
*/
    .grid13 { width: 54.1666666667%; }
    .grid14 { width: 58.3333333333%; }
    .grid15 { width: 62.5%; }
    .grid16 { width: 66.6666666667%; }
    .grid17 { width: 70.8333333333%; }
    .grid18 { width: 75%; }
    .grid19 { width: 79.1666666667%; }
    .grid20 { width: 83.3333333333%; }
    .grid21 { width: 87.5%; }
    .grid22 { width: 91.6666666667%; }
    .grid23 { width: 95.8333333333%; }
    .grid24 { width: 100%; }

.grid1 { width: 4.16666666667%; }
    .grid2 { width: 8.33333333333%; }
    .grid3 { width:12.5%; }
    .grid4 { width: 16.6666666667%; }
    .grid5 { width: 20.8333333333%; }
    .grid6 { width: 25%;}
    .grid7 { width: 29.1666666667%; }
    .grid8 { width: 33.3333333333%; }
    .grid9 { width: 37.5%; }
    .grid10 { width: 41.6666666667%; }
    .grid11 { width: 45.8333333333%; }
    .grid12 { width: 50%; }
    .grid13 { width: 54.1666666667%; }
    .grid14 { width: 58.3333333333%; }
    .grid15 { width: 62.5%; }
    .grid16 { width: 66.6666666667%; }
    .grid17 { width: 70.8333333333%; }
    .grid18 { width: 75%; }
    .grid19 { width: 79.1666666667%; }
    .grid20 { width: 83.3333333333%; }
    .grid21 { width: 87.5%; }
    .grid22 { width: 91.6666666667%; }
    .grid23 { width: 95.8333333333%; }
    .grid24 { width: 100%; }
    
    .gutters .grid1 { width: 2.25%; }
	.gutters .grid2 { width: 6.5%; }
	.gutters .grid3 { width: 10.75%; }
	.gutters .grid4 { width: 15.0%; }
	.gutters .grid5 { width: 19.25%; }
	.gutters .grid6 { width: 23.5%; }
	.gutters .grid7 { width: 27.75%; }
	.gutters .grid8 { width: 32.0%; }
	.gutters .grid9 { width: 36.25%; }
	.gutters .grid10 { width: 40.5%; }
	.gutters .grid11 { width: 44.75%; }
	.gutters .grid12 { width: 49.0%; }
	.gutters .grid13 { width: 53.25%; }
	.gutters .grid14 { width: 57.5%; }
	.gutters .grid15 { width: 61.75%; }
	.gutters .grid16 { width: 66.0%; }
	.gutters .grid17 { width: 70.25%; }
	.gutters .grid18 { width: 74.5%; }
	.gutters .grid19 { width: 78.75%; }
	.gutters .grid20 { width: 83.0%; }
	.gutters .grid21 { width: 87.25%; }
	.gutters .grid22 { width: 91.5%; }
	.gutters .grid23 { width: 95.75%; }
	.gutters .grid24 { width: 100%; }
	.navcon{width:768px;}
	.navcol{width:128px;}
.height100{height:100px;overflow:hidden;}
.main{
min-width : 600px;
text-align: center;
overflow:hidden;
  position: absolute;
  left: 0;
  right: 0;
margin: auto;
z-index:100;
  padding: 0px;}
.main2{
min-width :600px;
overflow:hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;}

.main3{
min-width : 600px;
text-align: center;
overflow:hidden;
  position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:100;
  padding: 0px;}
.overflow100{height:50%;overflow:hidden;}
.sns{position: absolute;right: 0;bottom: 0;margin: auto;}
.sns img{width:32px;}
.m1024{
min-width : 1024px;
overflow:hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;}

.2line{padding-bottom:50px;}

 .sns-icons {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
  }
  .sns-icons>a {
    float: left;
    width: 30%;
    margin: 0 2px 0 0;
    padding: 0.5em 0 0.6em;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 2;
    border-radius: 0px;
    text-decoration: none;
    position: relative;
  }
.sns_count {
    position: absolute;
    font-size: 10px;
    right: 2px;
    bottom: -3px;
}
  .sns-icons a:hover {
    opacity: 0.8;
  }

}