@charset "UTF-8";
/* -----------------------------------------------

	Site: 
	Type: top styles
	URL: 
	Last Up Date: 
	Version: 1.0
	Author: 

	----------------------------------------------

	Contents

		1.

----------------------------------------------- */
/* --- 1.common --- */
/* --- header --- */
/* --- slider --- */
#SlideInner {
  width: 780px;
  max-width: 100%;
  margin: 0px auto;
}

#BnrOC {
  text-align: center;
  background-color: #71b73b;
}

#BnrOC img {
  max-width: 100%;
  height: auto;
}

/* --- InfoBox --- */
#InfoBox {
  min-height: 70px;
  background-color: #ffff00;
}

#InfoBox h2 {
  float: left;
  padding: 28px 50px 0px 50px;
}

#InfoBox p {
  float: right;
  font-size: 14px;
  padding: 28px 30px 0px 0px;
}

#InfoBox .InfoInner {
  width: calc(100% - 380px);
  padding: 15px 10px 0px 240px;
}

#InfoBox ul li {
  font-size: 14px;
}

#InfoBox ul li a {
  display: inline-block;
  padding: 14px 0px 0px 20px;
}

#InfoBox ul li img {
  vertical-align: middle;
}

/* --- CheerCntBox --- */
#CheerCntBox {
  width: 100%;
}

#CheerCntBox:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.CheerCntBox01,
.CheerCntBox02,
.CheerCntBox03,
.CheerCntBox04,
.CheerCntBox05,
.CheerCntBox06,
.CheerCntBox07,
.CheerCntBox08,
.CheerCntBox09,
.CheerCntBox10,
.CheerPhotoBox {
  float: left;
  width: 20%;
}

.CheerCntBox01 img,
.CheerCntBox02 img,
.CheerCntBox03 img,
.CheerCntBox04 img,
.CheerCntBox05 img,
.CheerCntBox06 img,
.CheerCntBox07 img,
.CheerCntBox08 img,
.CheerCntBox09 img,
.CheerCntBox10 img,
.CheerPhotoBox img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.CheerCntBox01 {
  background: #30b9c4;
}

.CheerCntBox02 {
  background: #6eb82b;
}

.CheerCntBox03 {
  background: #f29950;
}

.CheerCntBox04 {
  background: #a87baf;
}

.CheerCntBox05 {
  background: #efbc1a;
}

.CheerCntBox06 {
  background: #ec7985;
}

.CheerCntBox07 {
  background: #0ba85f;
}

.CheerCntBox08 {
  background-color: #c8c9c9;
}

.CheerCntBox09 {
  background-color: #c8c9c9;
}

.CheerCntBox10 {
  background-color: #c8c9c9;
}

#CheerCntBox a {
  display: block;
}

.CheerCntBox01 a:hover {
  background: url(../images/c_bg_cheerbtn01.png) center center;
}

.CheerCntBox02 a:hover {
  background: url(../images/c_bg_cheerbtn02.png) center center;
}

.CheerCntBox03 a:hover {
  background: url(../images/c_bg_cheerbtn03.png) center center;
}

.CheerCntBox04 a:hover {
  background: url(../images/c_bg_cheerbtn04.png) center center;
}

.CheerCntBox05 a:hover {
  background: url(../images/c_bg_cheerbtn05.png) center center;
}

.CheerCntBox06 a:hover {
  background: url(../images/c_bg_cheerbtn06.png) center center;
}

.CheerCntBox07 a:hover {
  background: url(../images/c_bg_cheerbtn07.png) center center;
}

.CheerCntBox08 a:hover {
  background: url(../images/c_bg_cheerbtn08.png) center center;
}

.CheerCntBox09 a:hover {
  background: url(../images/c_bg_cheerbtn08.png) center center;
}

.CheerCntBox10 a:hover {
  background: url(../images/c_bg_cheerbtn08.png) center center;
}

/* --- BlogBox --- */
#BlogBox {
  position: relative;
  padding-bottom: 30px;
  background: url(../images/c_bg_blog.png) center center;
}

#BlogBox h2 {
  padding: 30px;
}

.BlogArticle {
  width: 220px;
  height: 320px;
  margin: 0px 0px 0px 10px;
  padding: 10px;
  background-color: #fff;
  background-image: url(../images/blog_more.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  position: relative;
}

.BlogPhoto {
  text-align: center;
  width: 220px;
  height: 150px;
  background: #fff;
  display: table-cell;
  vertical-align: bottom;
}

.BlogPhoto img {
  max-width: 220px;
  max-height: 150px;
}

.BlogDate {
  font-size: 12px;
  margin: 10px 0px;
}

.BlogTitle {
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0px;
}

.BlogText {
  font-size: 12px;
  line-height: 1.6;
}

.BlogNew {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
}

.bx-wrapper {
  max-width: calc(100% - 80px) !important;
}

.bx-prev,
.bx-next {
  position: absolute;
  text-decoration: none !important;
  width: 11px;
  height: 21px;
  text-indent: -9999px;
  z-index: 1500;
}

.bx-prev {
  left: 20px;
  top: 50%;
  display: block;
  background-image: url(../images/btn_prev.png);
}

.bx-next {
  right: 10px;
  top: 50%;
  display: block;
  background-image: url(../images/btn_next.png);
}

.BtnBlog {
  clear: both;
  display: block;
  width: 250px;
  margin: 30px auto 0px auto;
}

.BtnBlog a {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding: 18px 15px 15px 45px;
  background: url(../images/blog_btn_bg.png) no-repeat left #b49846;
  border-radius: 6px; /* デフォルト */
  -webkit-border-radius: 6px; /* Safari,Google Chrome用 */
  -moz-border-radius: 6px; /* Firefox用 */
  background-position-y: 7px !important;
}

.BtnBlog a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* --- footer --- */
/* -----------------------------------------------

	Site: 
	Type: top styles
	URL: 
	Last Up Date: 
	Version: 1.0
	Author: 

	----------------------------------------------

	Contents

		1.

----------------------------------------------- */
@media only screen and (max-width: 767.98px) {
  /* --- 1.common --- */
  /* --- header --- */
  /* --- slider --- */
  #SlideInner {
    width: 100%;
  }
  /* --- InfoBox --- */
  #InfoBox {
    height: auto;
  }
  #InfoBox h2 {
    padding: 10px 0px 12px 0px;
    width: 50%;
    height: 14px;
  }
  #InfoBox h2 img {
    padding: 0px 0px 0px 20px;
  }
  #InfoBox p {
    padding: 12px 0px 10px 0px;
    height: 14px;
    width: 50%;
    text-align: right;
  }
  #InfoBox p a {
    padding: 0px 20px 0px 0px;
  }
  #InfoBox .InfoInner {
    width: 100%;
    padding: 0px 0px 0px 0px;
  }
  #InfoBox ul {
    clear: both;
    padding: 5px 20px;
    background-color: #fff;
  }
  #InfoBox ul li {
    width: 100% !important;
    line-height: 1.6;
  }
  #InfoBox ul li a {
    display: inline-block;
    padding: 5px 0px 5px 0px;
  }
  #InfoBox ul li img {
    padding: 0px 15px 0px 0px;
  }
  #InfoBox ul li span {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #ffc0c0;
    margin: 0px 15px;
    padding: 1px 10px;
    border-radius: 3px; /* デフォルト */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
  }
  /* --- CheerCntBox --- */
  .CheerCntBox01,
.CheerCntBox02,
.CheerCntBox03,
.CheerCntBox04,
.CheerCntBox05,
.CheerCntBox06,
.CheerCntBox07,
.CheerCntBox08,
.CheerCntBox09,
.CheerCntBox10,
.CheerPhotoBox {
    width: 25%;
  }
  /* --- BlogBox --- */
  #BlogBox {
    padding-bottom: 50px;
  }
  #BlogBox .bx-wrapper {
    max-width: 500px !important;
  }
  .bx-prev,
.bx-next {
    top: 47%;
  }
  .bx-prev {
    left: 50%;
    margin-left: -290px;
  }
  .bx-next {
    right: 50%;
    margin-right: -290px;
  }
  .BtnBlog {
    width: 96%;
  }
  .BtnBlog a {
    font-size: 14px;
    padding: 15px 15px 12px 15px;
    background: #b49846;
  }
  #InstaBox {
    width: 486px;
    border: solid 2px #ccc;
    margin: 20px auto;
  }
  #InstaBox h2 a {
    background: url(../images/insta_title_bg.png) center left no-repeat;
    border-bottom: solid 2px #ccc;
  }
  #InstaBox p a {
    border-top: solid 2px #ccc;
  }
  #InstaBox .InstaPhoto {
    background-color: #ccc;
  }
  #InstaBox .slideshow_container img {
    position: absolute;
    /* --- 写真を中央に --- */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 600px) {
  #BlogBox .bx-wrapper {
    max-width: 260px !important;
  }
  .bx-prev {
    margin-left: -160px;
  }
  .bx-next {
    margin-right: -160px;
    display: block;
    background-image: url(../images/btn_next.png);
  }
  #InstaBox {
    width: 236px;
  }
}
/* --- footer --- */

/*# sourceMappingURL=c_top.css.map */