@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------
	フォント設定
----------------------------------------------------*/

h1 { font-family: wanpaku-rera, sans-serif;}
html,h2,h3 { font-family: ryo-gothic-plusn,sans-serif;}
html,h2,h3 { font-weight: 900; font-style: normal;}

h1 { font-size: 1rem;}
h2 { font-size: 2rem;}
h3 { font-size: 2.25rem;}

h2,h3 { text-align: center;}

/*----------------------------------------------------
	wrapper、main、section設定
----------------------------------------------------*/

#wrapper { background: #FAF9F5;}
div#wrapper > div#main { margin-top: initial;}

/*----------------------------------------------------
	header設定
----------------------------------------------------*/

div#container > header { height: initial; padding: 0 3%;}
div#container > header > div { 
	display: table-cell; 
	vertical-align: middle; 
	height: 100px; 
	line-height: 1.2;
}
div#container > header > div > h2 { color: #6B5341;}

@media screen and (max-width: 639px){
	h1 { 
		display: table-cell; 
		vertical-align: middle; 
		font-size: .75rem; 
		line-height: initial;
	}
	h2 { 
		font-size: 1.2rem; 
		margin: 10px 0; 
		text-align: left;
	}
	h3 { font-size: 1.5rem;}
}

/*----------------------------------------------------
	ハンバーガーメニュー設定
----------------------------------------------------*/

/* ハンバーガーボタン */
  .el_humburger {
      position: fixed;
      top: 10px;
      right:10px;
      width: 55px;
      height: 55px;
      /*padding-top: 1px;*/
      padding: 15px 0;
      box-sizing: border-box;
      background-color: #d87514;
      border-radius: 5px;
      z-index: 10000;
      transition: all 0.2s ease-in-out;
      cursor: pointer;
      pointer-events: auto;
  }
/* ハンバーガーボタン　線 */
  .el_humburger > span {
      display: block;
      width: 70%;
      margin: 0 auto 8px;
      height: 3px;
      background: #fff;
      transition: all 0.2s ease-in-out;
 }
 .el_humburger > span:last-child {
      margin-bottom: 0;
}

/* ハンバーガーボタン　オープン時　span */
.js_humburgerOpen .el_humburger > span {
  background: #fff;
}

.js_humburgerOpen .el_humburger > span.top {
  transform: translateY(11px) rotate(-45deg); /*1番目span*/
}

.js_humburgerOpen .el_humburger > span.middle {
  opacity: 0;
}

.js_humburgerOpen .el_humburger > span.bottom {
  transform: translateY(-12px) rotate(45deg); /*3番目span*/
}



.el_humburgerButton.el_humburgerButton__close {
top: 2%;
right: 2%;
}

.el_humburgerButton__close > span {
display: block;
width: 35px;
margin: 0 auto;
height: 4px;
background: #fff;
}

.el_humburgerButton__close > span.el_humburgerLineTop {
transform: translateY(5px) rotate(-45deg);
}

.el_humburgerButton__close > span.el_humburgerLineBottom {
transform: translateY(-6px) rotate(45deg);
}

/*   中身  */
.uq_spNavi {
  display: none;
}
.uq_spNavi.js_appear {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 9999;
 width: 100%;

}

.uq_spNavi_screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 128, 0, 0.9);
  z-index: 0;
  margin-top: 0px;
  padding-top: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/*  中身　箱　*/
.navigation {
  padding: 8%;
  text-align: center;
}
/* kamiyaロゴ */
.navigation_item:nth-of-type(1){
    width: 13em;
    border: none;
}
/* メニューアイテム  */
.navigation_item {
  font-size: 18px;
  width: 40%;
  padding: 1em;
  margin: auto;
  border-bottom: solid 1px #fff;
}

.navigation_item > a {
    font-family: " ryo-gothic-plusn,sans-serif";
    color: #fff;
}

 .js_fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
/*----- SNS font-awesomeアイコン ---*/
.navigation > .media_icon{
  width: 60%;
  margin: 30px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
 .navigation > .media_icon i{
     font-size: 2em;
     color: #fff;
}
	

/*----------------------------------------------------
	共通設定
----------------------------------------------------*/
div#main > section:not(:nth-of-type(1)) { margin-top: 75px;}
div#main > section > div > ul { 
	display: flex; 
	flex-flow: row wrap; 
	justify-content: space-evenly; 
	margin-top: 3em;
}
div#main > section > div > ul > li { text-align: center;}

@media screen and (max-width: 639px){
	div#main > section:not(:nth-of-type(1)) { margin-top: 50px;}
	div#main > section > div > ul { margin-top: 1em;}
}

/*----------------------------------------------------
	入賞者へのプレゼント
----------------------------------------------------*/
div#main > section:nth-of-type(2) > div > p > a { font-weight: bold; color: blue;}
div#main > section:nth-of-type(2) > div > ul > li { margin-top: 20px;}
div#main > section:nth-of-type(2) > div > ul > li:nth-last-of-type(1) { 
	margin-top: 30px; 
	font-size: 1.125rem; 
	padding: 10px 20px; 
	color: #fff; 
	background-color: #D90000;
}

/*----------------------------------------------------
	最新投稿
----------------------------------------------------*/
/*slick setting*/
.slick-prev:before, .slick-next:before {
  color: #000;
}
div#wrapper {
  width: 1200px;
  min-width: initial;
}
div#instafeed {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
div#instafeed > div {
  width: 19%;
  margin-bottom: 20px;
  z-index: 3;
}
div#instafeed > div > ul {
  position: relative;
  width: 100%;
}
div#instafeed > div > ul > li > a img {
  object-fit: cover;
  width: 100%;
}
div#instafeed > div > ul > li > a video {
  width: 100%;
}
div#instafeed > div > p {
  font-size: 13px;
  margin-top: 5px;
  word-break: break-all;
}
/*Loading setting*/
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
  z-index: 99;
}
#loading .loadingMsg {
	width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/img/loading/loading.gif") center center no-repeat;
}	

@media screen and (max-width: 639px){
	
	div#wrapper {
	  width: 100%;
	}
	div#instafeed > div {
	  width: 49%;
	}
}




/*----------------------------------------------------
	応募方法
----------------------------------------------------*/
div#main > section:nth-of-type(4) > div > ul > li  { width: 22%;}
div#main > section:nth-of-type(4) > div > ul > li > div:nth-of-type(2) > p {
	line-height: 1.2; 
	font-size: 1.25rem; 
	font-weight: 900;
}
div#main > section:nth-of-type(4) > div > ul > li > div:nth-of-type(2) > p:nth-of-type(1)::before {
    display: block;
    font-size: 1.875rem;
    width: 46px;
    line-height: 46px;
    margin: 10px auto;
    color: #fff;
}
div#main > section:nth-of-type(4) > div > ul > li:nth-of-type(1) > div:nth-of-type(2) > p:nth-of-type(1)::before {
    content: "1";
    background-color: #D9D900;
}
div#main > section:nth-of-type(4) > div > ul > li:nth-of-type(2) > div:nth-of-type(2) > p:nth-of-type(1)::before {
    content: "2";
    background-color: #FF8000;
}
div#main > section:nth-of-type(4) > div > ul > li:nth-of-type(3) > div:nth-of-type(2) > p:nth-of-type(1)::before {
    content: "3";
    background-color: #0059B2;
}
div#main > section:nth-of-type(4) > div > div#to_instagram { text-align: center; margin-top: 50px;}

@media screen and (max-width: 639px){
	div#main > section:nth-of-type(4) > div > ul > li > div:nth-of-type(2) > p { font-size: 1.125rem;}
	div#main > section:nth-of-type(4) > div > ul > li > div:nth-of-type(2) > p > span { display: table-cell; padding: 5px;}
	div#main > section:nth-of-type(4) > div > ul > li  { text-align: left; width: 100%;}
	div#main > section:nth-of-type(4) > div > ul > li > div:nth-of-type(2) > p:nth-of-type(1)::before {
		display: table-cell;
		vertical-align: middle;
		margin-right: 10px;
		text-align: center;
		line-height: 65px;
	}
}

/*----------------------------------------------------
	募集要項・応募規約
----------------------------------------------------*/
div#main > section#terms > div > dl { padding: 30px 5% 30px;}
div#main > section#terms > div > dl:nth-of-type(1) { border-bottom: dashed #000 1px;}
div#main > section#terms > div > dl > dt { margin-top: 15px;}
div#main > section#terms > div > dl > dd { margin-left: 25px; font-size: .875rem;}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
footer > div {
    text-align: center; 
    margin: 75px 0; 
    line-height: 2em; 
    font-size: .875rem;
}
footer > div > p:nth-of-type(1) > span { 
    display:block; 
    background-color: darkblue; 
    padding: 20px 0; 
    color: #fff;
}
