@charset "UTF-8";

html, body, header, footer, section, article, div, span, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul, li{
  margin: 0;
  padding: 0px;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 14px;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
  font-weight:normal;
}

body {
  font-family: "小塚明朝 Pro B","ヒラギノ明朝 Pro N W6","ヒラギノ明朝 Pro W6","ＭＳ Ｐ 明朝",serif,'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック',sans-serif;
  margin: 0px;
  padding-left: 16px;
	padding-right: 16px;
  color: #333;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  clear: both;
  min-height: 1px;
}

* html .clearfix {
  height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{
  -webkit-transition:all  0.3s ease-in-out;
     -moz-transition:all  0.3s ease-in-out;
       -o-transition:all  0.3s ease-in-out;
          transition:all  0.3s ease-in-out;
}
a:hover{
  filter: alpha(opacity=80);
        -moz-opacity: 0.8;
             opacity: 0.8;
}

a{
  color:#996600;
  text-decoration:none;
}

.sp_menu{
  display:none;
}

.red{
    color:#b22222
}

.smltr{
	font-size:70%;
}

/*===========================================
header　PC用のヘッダー
=========================================== */

header{
  width:100%;
  background:#fff;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
}

header>/*header直下のdivのみに適用*/div{
  height:80px;
  padding/*上下左右*/:16px 32px;
  box-sizing:border-box;
}

header p{
  width:102px;
  float:left;
}

header nav{
  float:right;
}

header li{
  float:left;
}

header li a{
  padding:15px 21px;
  color:#333;
  font-size:17px;
  line-height:3em;
  display:block;
}

/*===========================================
main
=========================================== */
#main{
  padding:80px 32px 32px;
  box-sizing:border-box;
  font-size:175%;
    color:#ececec
}

/* メインイメージが背景になってるよ！ */
#main div{
  width:100%;
  height:100%;
  text-align:center;
  background:url(../images/main_25_imgs.jpg) center bottom no-repeat;
  background-size:cover;
  position:relative;
  -webkit-transition:all 35s;
     -moz-transition:all 35s;
       -o-transition:all 35s;
          transition:all 35s;
}

#main div:hover{
  background-position:center top;
}

/* h1タイトル画像 */

#main div h1 #main_txt_01{
    margin: 40px 0px 13px;
    position:relative;
    text-align:center;
    font-size:175%;

}


/*===========================================
footer
=========================================== */

footer{
  width:980px;
  margin:0 auto 0;
  padding:80px 0 32px;
  text-align:right;
}

/*===========================================
content
=========================================== */

section{
  width:980px;
  margin:0 auto 0;
  padding:100px 0 0 ;
}

section h2{
  margin:0 0 32px;
  padding:0 32px;
  font-size:32px;
  line-height:1.2em;
  border-left:1px solid #663300;
  border-right:1px solid #663300;
  display:inline-block;
  color:#663300;
}

section h3{
  margin:32px 0 24px;
  padding:0 16px;
  font-size:20px;
  line-height:1em;
  border-left:1px solid #663300;
  color:#663300;
}

section h4{
  margin:16px 0;
  padding:0 16px;
  font-size:14px;
  line-height:1em;
  border-left:1px solid #663300;
  color:#663300;
}

section p{
  margin:0 0 8px 0;
  font-size:14px;
  line-height:2em;
}

section ol{
  margin:0 0 8px 0;
  margin-left:15px;
}

section ul{
  margin:0 0 8px 0;
  margin-left:15px;
}

section li{
  font-size:14px;
  line-height:2em;
}
section ol li{
  margin-left:5px;
  list-style:decimal;
  background:none;
}

section ul li{
  margin-left:5px;
  list-style:disc;
  background:none;
}

section table {
  width: 100%;
  margin: 0 0 24px 0;
  font-size: 14px;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  letter-spacing: 0em;
}

section table th {
  padding:0 8px 8px 0;
  text-align: left;
  vertical-align: top;
  border: none;
  border-left:none;
}

section table td {
  padding:0 8px 8px 0;
  vertical-align: top;
  border: none;
  border-left:none;
}

#about span {
    color: #cc3300;
}

#about td>img {
    width: 124px;
}


/*===========================================
map
=========================================== */

#map h3 span {
    height: 18px;
    width: 18px;
    margin: 0 8px 0 0;
    vertical-align: bottom;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    background: #993300;
    border-radius: 9px;
    display: inline-block;
}

#map span {
    height: 18px;
    width: 18px;
    margin: 0 0 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    background: #993300;
    border-radius: 9px;
    display: inline-block;
}


/*===========================================
works
=========================================== */


#works h3{
    color:#663300;
}

#works h3 .sas17 {
  height:18px;
  width:18px;
  margin:0 8px 0 0;
  vertical-align:bottom;
  color:#fff;
  font-size:12px;
  line-height:18px;
  text-align:center;
  background:#993300;
  border-radius:9px;




  display:inline-block;
}

.time{
    font-weight: bolder;
}

#works div img{
  margin:/*上右下左*/0px 0 5px 24px;
  float:right;
}

.half{
  width:50%;
  padding:0 16px 0 0 ;
  box-sizing:border-box;
  float:left;
}

#work1{
    width: 1000px;
    height: 102px;
}


#work2{
    width: 1000px;
    height: 102px;
}

#work3{
    width: 1000px;
    height: 102px;
}

#work4{
    width: 1000px;
    height: 102px;
}

#work5{
    width: 1000px;
    height: 102px;
}

#work6{
    width: 1000px;
    height: 102px;
}


#work7{
    width: 1000px;
    height: 102px;
}


#work8{
    width: 1000px;
    height: 102px;
}

#work9{
    width: 1000px;
    height: 102px;
}


#work10{
    width: 1000px;
    height: 102px;
}

#work11{
    width: 1000px;
    height: 102px;
}




/*===========================================
event
=========================================== */

#event .end{
  color:#DC4F03;
}





/*===========================================
spスマートフォン
=========================================== */

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

  .sp_menu{
    display:block;
  }

  /*===========================================
  header
  =========================================== */
  header>div{
    height:41px;
    width:auto;
    padding:/*上、左右、下*/16px 16px 0px;
    box-sizing:border-box;
  }

  header p{
    width:51px;
    float:left;
  }

  header .sp_menu p{
    padding:8px;
    margin:0;
    line-height:1em;
    text-align:center;
    cursor:pointer;
    float:right;
  }

  #sp_list{
    width:100%;
    position:fixed;
    top:58px;
    left:0;
    border-bottom:1px solid #ddd;
    display:none;
  }

  #sp_list li{
    width:100%;
    text-align:center;
    border-top:1px solid #ddd;
    background:#fff;
  }

  #sp_list li a{
    padding:10px;
    color:#333;
    display:block;
  }

	#sp_list ul li{
		list-style-type: none;
	}

  header nav{
    display:none;
  }

  /*===========================================
  main
  =========================================== */
  #main{
    width:auto;
    padding:51px 0 0;
    box-sizing:border-box;
  }

  #main div{
    width:100%;
    display:table;
  }

#main div h1 {
  width:100%;
  margin:0;
  padding:0 0 0 0;
  text-align:center;
  vertical-align:middle;
  position:static;
  display:table-cell;
}

  #main div h1 img{
    width:auto;
  }

  #main div h1 #main_txt_01,#main_txt_02,#main_txt_03
    {
    margin:0 0 0px;
  }

    #shinyuri_logo.png
    {
        width:124px;
        height:auto;
    }

  /*===========================================
  content
  =========================================== */
  section,footer{
    width:auto;
    padding-left:16px;
    padding-right:16px;
  }

  img{
    width:100%;
    height:auto;
  }

	#map>iframe{
	width:100%;
	}

	.qr{
	width: 30%;
	}
  /*===========================================
  works
  =========================================== */

  #works div img{
    margin:0 0 16px 0;
    float:none;
  }

  .half{
    width:auto;
    box-sizing:border-box;
    float:none;
  }

    #work2{
        margin-top: 102px;
    }
}