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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

/*body {
	font-family: "YuGothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	font-size:14px;
	color: #333;
}*/

body {
	font-size:12px;
}

h1{
	font-size:2rem;
	text-align: center;
}

.serif{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}

p{

}

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

a.fade{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
a.fade:hover{opacity: 0.7;}

.clear{
	content:"";display:block;clear:both
}

.bold{
	font-weight: bold;
}

.red{
	color: #ff0000;
}

.pc-block{
	display: block;
}

.sp-block{
	display: none;
}

.shadow{filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2));}

/* Container */
.container {
	width: 100%;
	margin-left: 0 auto;
	margin-right: 0 auto;
}

.container p{}

.wrapper{
    margin:auto;
  	width:940px;
  	margin:auto;
  }


/* Header */
header {position: fixed;width: 100%;height: 90px;z-index: 999;}

.head_contents	{/*width: 960px;*/margin:0 5%;}
.head_contents h1{font-size: 0.8rem;color: #ffffff;text-align: left;padding-left: 5px;}
.head_contents:after{content:"";display:block;clear:both}
.head_logo {float:left;}
.head_logo img{height: 70px;margin-top: 10px;}
.head_logo a {text-decoration: none;}

#head_menu	{float:right;width:auto;margin-top: 20px;}
#head_menu ul	{font-size: 0;}
#head_menu li{display: inline-block;border-right: 1px solid #26569c;}
#head_menu li:last-child{border-right: none;}
#head_menu li a	{font-size:1.2rem;letter-spacing: 0.3rem;padding:8px 15px;color:#26569c;text-decoration:none;font-weight: bold;}
#head_menu li a:hover	{background-color:#bbbbbb;color: #ffffff;transition: 0.5s;}
#head_menu ul:after	{content:"";display:block;clear:both}

/*footer設定*/



/* pagetop button */
#pageTop {position: fixed;bottom: 30px;right: 20px;z-index: 999;}
#pageTop img{width: 120px;}
#pageTop i {padding-top: 6px}
#pageTop a {display: block;background-color: rgba(255,255,255,0.50);color: #777;border-radius: 10px;padding: 10px;line-height: 16px;text-align: center;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}


/*main contents*/
/*共通設定*/
.contents{width: 940px;margin: 0 auto;}

.contents h2{}

.contents h3{color: #fff;font-size:2.5rem;font-weight: bold;}
.contents h3 span{font-size:1.5rem;}

.contents h4{color: #26569c;font-size:2rem;letter-spacing: 0.5rem;font-weight: bold;text-shadow: 0 3px 6px rgba(0,0,0,0.15);}

.contents h5{color: #26569c;font-size:1.5rem;letter-spacing: 0.2rem;font-weight: bold;text-shadow: 0 3px 6px rgba(0,0,0,0.15);}

.contents p{margin: 30px 0;font-size:1.1rem;letter-spacing: 0.1rem;}
.contents .bigred{font-weight: bold;color:#ff53b5;font-size:1.5rem;}
.contents .red{font-weight: bold;color:#ff53b5;}
.contents .blue{font-weight: bold;color:#26569c;}
.contents .img-kadomaru{border-radius: 20px;overflow: hidden;}
.contents .img-kadomaru img{width: 100%;vertical-align: middle;}

/*ボタン設定*/
.btn-shop{text-align: center;}
.btn-shop a{display: inline-block;padding: 10px 50px;border-radius: 15px;background: #9F8C48;color: #fff;font-weight: bold;margin: 30px auto;font-size:1.2rem;letter-spacing: 0.1rem;}

/* 点滅 */
.blinking{-webkit-animation:blink 0.8s ease-in-out infinite alternate;-moz-animation:blink 0.8s ease-in-out infinite alternate;animation:blink 0.8s ease-in-out infinite alternate;}
@-webkit-keyframes blink{0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes blink{0% {opacity:0;}100% {opacity:1;}}
@keyframes blink{0% {opacity:0;}100% {opacity:1;}}

.shadow{filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));}

/* TOPコンテンツ */
#sec1{width: 100%;height: 1000px;position: relative;display: flex;align-items: center;justify-content: center;}
.bg-slider {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;content: "";background-position:center center;background-size: cover;z-index: 1;}
.bg-slider:after{width:100%;height: 100%;position: absolute;top:0;left: 0;content: "";display: block;background: rgba(0,0,0,0.5);}
#sec1 .inner{text-align: center;color: #fff;z-index: 2;}
#sec1 .inner .img1 img{margin:15px auto;}
#sec1 .inner .img2 img{margin:15px auto;}
#sec1 .inner h1{color: #fff;font-size:1rem;margin: 30px auto;}
#sec1 .more_info{position: absolute;bottom: 70px;left: 0;right: 0;margin: auto;width: 150px;}
#sec1 .more_info img{width: 100%;}

#sec2{width: 100%;background: url(images/sec2-bg.jpg)no-repeat;background-position:center center;background-size: cover;padding: 100px 15px;}
#sec2 .contents .text1{text-align: center;color:#fff;}
#sec2 .swiper-item{margin: 30px auto;padding: 50px 0;}
#sec2 .swiper-slide{ height: auto; }
#sec2 .item-box{border-radius: 20px;color: #fff;display: flex;justify-content: space-around;padding:50px 30px 10px 30px;height: 90%;}
#sec2 .item-box .image{width: 40%;}
#sec2 .item-box .image img{width: 100%;}
#sec2 .item-box .text{width: 55%;}
#sec2 .item1{background: rgba(81,62,24,0.8);}
#sec2 .item2{background: rgba(24,81,24,0.8);}
#sec2 .item3{background: rgba(81,24,32,0.8);}
#sec2 .swiper-thum{width: 300px;margin: 10px auto;}
#sec2 .swiper-thum .swiper-slide{width: 30%;opacity: 0.5;overflow: hidden;}
#sec2 .swiper-thum .swiper-slide-thumb-active{opacity: 1;}
#sec2 .swiper-thum .swiper-slide img{width: 100%;}

#sec3{width: 100%;background: url(images/sec3-bg.jpg)no-repeat;background-position:center center;background-size: cover;padding: 100px 15px;}
#sec3 .contents .text1{text-align: center;color:#fff;}
#sec3 .contents .people-box{display: flex;margin: 100px auto;justify-content: space-around;}
#sec3 .contents .people-box .image{width: 40%;}
#sec3 .contents .people-box .image img{width: 100%;}
#sec3 .contents .people-box .text{width: 55%;color: #fff;}
#sec3 .contents .people2{flex-direction: row-reverse;}

#sec4{width: 100%;background: url(images/sec4-bg.jpg)no-repeat;background-position:center center;background-size: cover;padding: 100px 15px;}
#sec4 .inner{background: rgba(255,255,255,0.85);display: flex;}
#sec4 .inner div{width: 50%;}
#sec4 .inner .map img{width: 100%;}
#sec4 .inner .text{padding: 30px;}
#sec4 .inner .text .img1 img{height: 30px;}
#sec4 .online-shop{background: rgba(255,255,255,0.85);display: flex;border:1px solid #707070;border-radius: 15px;width: 600px;margin: 50px auto;padding: 5px 30px;}
#sec4 .online-shop .image{width: 15%;margin: auto 5%;}
#sec4 .online-shop .image img{width: 100%;}
#sec4 .online-shop .text{width: 75%;margin-top: 30px;}

#sec5{padding: 100px 0;}
#sec5 .title{text-align: center;margin:30px auto;}
#sec5 .snapwidget{position: relative;width: 100%;padding-bottom: 68%;}
#sec5 .snapwidget iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

/*下層ページ*/



/*tablet*/
@media (min-width:421px) and (max-width:960px){
/*共通設定*/
.contents{
	width: 80%;
	margin: 0 10%;
}

.contents_min{
	width: 80%;
	margin: 0 10%;
}
}

@media (max-width: 420px) {
	.contents{
	width: 96%;
	margin: 0 2%;
	padding: 10px 0;
}

.contents_min{
	width: 80%;
	margin: 0 10%;
}
}

/* Mobile */
@media (max-width: 960px) {

h1{
	text-align: center;
}



p{
}

.pc-block{
	display: none;
}

.sp-block{
	display: block;
}


/* Container */
.container {
	width: 100%;
	overflow: hidden;
}

.container p{}

  .wrapper{
      margin:auto;
    	width:100%;
    	margin:auto;
      overflow: hidden;
    }

  #main-contents{width: 100%;overflow: hidden;}


/* Header */



/*footer設定*/
#footer{margin:0;position:relative;height:auto;padding: 30px 10px;}
#footer  #footer-top address{
  background:url("http://next-thing.jp/common/images/footer-title-01.png") no-repeat scroll 0px 0px;
  position:static;
  top:18px;
  width:176px;
  height:18px;
  margin: 10px 0;
  background-position: left;
}
#footer dd{
  line-height:1.6em;
}

#footer #footer-top dl.footer-Menu, #footer #footer-top dl.footer-More, #footer #footer-top dl.footer-Follow{
  position:static;
  top:18px;  margin: 30px 0;

}
#footer #footer-top dl.footer-Menu{
  left:238px;

}
#footer #footer-top dl.footer-Menu dt{
  background:url("http://next-thing.jp/common/images/footer-title-02.png") no-repeat scroll 0px 0px;
  width:31px;
  height:9px;
  margin-bottom:15px;

}
#footer #footer-top dl.footer-More{
  left:476px;
}
#footer #footer-top dl.footer-More dt{
  background:url("http://next-thing.jp/common/images/footer-title-03.png") no-repeat scroll 0px 0px;
  width:52px;
  height:9px;
  margin-bottom:15px;
}
#footer #footer-top dl.footer-Follow{
  left:714px;
}
#footer #footer-top dl.footer-Follow dt{
  background:url("http://next-thing.jp/common/images/footer-title-04.png") no-repeat scroll 0px 0px;
  width:50px;
  height:9px;
  margin-bottom:15px;
}
#footer #footer-top dl.footer-Follow dd{
  float:left;
  margin-right:13px;
}

/*main contents*/
/*共通設定*/

.contents:after{
	content:"";display:block;clear:both
}

.contents h2{font-size:2rem;}

.contents h3{color: #fff;font-size:1.8rem;font-weight: bold;}
.contents h3 span{font-size:1.1rem;display: block;line-height: 1rem;}
.contents h4{font-size:1.3rem;}

.contents p{
  font-size: 0.8rem;
	margin: 10px auto;
}

/*ボタン設定*/
.btn-blue{text-align: center;}
.btn-blue a{display: inline-block;padding: 10px 30px;border-radius: 15px;margin: 30px auto;font-size:1rem;letter-spacing: 0.1rem;}

/* pagetop button */
#pageTop {position: fixed;bottom: 25px;right: 20px;z-index: 999;}
#pageTop img{width: 80px;}
#pageTop i {padding-top: 6px}
#pageTop a {display: block;background-color: rgba(255,255,255,0.50);border-radius: 10px;}


/* TOPコンテンツ */
#sec1{width: 100%;height: 600px;}
#sec1 .inner .img1 img{margin:10px auto;width: 80%;}
#sec1 .inner .img2 img{margin:10px auto;width: 40%;}
#sec1 .inner h1{font-size:0.8rem;margin: 15px auto;padding: 10px;}
#sec1 .more_info{bottom: 70px;width: 80px;}

#sec2{width: 100%;padding: 50px 0;background-size:auto 100%;}
#sec2 .contents .text1 .img1{padding: 0;margin: 0;}
#sec2 .contents .text1 .img1 img{margin:10px auto;width: 90%;}
#sec2 .contents .text1 .img2{padding: 0;margin: 0;}
#sec2 .contents .text1 .img2 img{margin:10px auto;width: 70%;}
#sec2 .swiper-item{margin: 15px auto;padding: 30px 0;}
#sec2 .swiper-slide{ height: auto; }
#sec2 .item-box{border-radius: 20px;display: flex;justify-content: space-around;padding:30px 30px 10px 30px;height: 90%;flex-direction: column;}
#sec2 .item-box .image{width: 70%;margin: 15px 15%;}
#sec2 .item-box .text{width: 90%;margin: 15px 5%;}


#sec3{width: 100%;padding: 50px 0;background-size:auto 100%;}
#sec3 .contents .text1 .img1{padding: 0;margin: 0;}
#sec3 .contents .text1 .img1 img{margin:10px auto;width: 90%;}
#sec3 .contents .text1 .img2{padding: 0;margin: 0;}
#sec3 .contents .text1 .img2 img{margin:10px auto;width: 70%;}
#sec3 .contents .people-box{display: flex;flex-direction: column;margin: 30px auto;justify-content: space-around;}
#sec3 .contents .people-box .image{width: 70%;margin: 15px 15%;}
#sec3 .contents .people-box .text{width: 90%;margin: 15px 5%;}
#sec3 .contents .people2{flex-direction: column;}

#sec4{width: 100%;padding: 50px 0;background-size:auto 100%;}
#sec4 .inner{display: flex;flex-direction: column-reverse;padding: 0;}
#sec4 .inner div{width: 100%;}
#sec4 .inner .text{padding: 15px;}
#sec4 .inner .text .img1 img{height: 20px;}
#sec4 .online-shop{background: rgba(255,255,255,0.85);display: flex;border:1px solid #707070;border-radius: 15px;width: 80%;margin: 50px auto;padding: 15px 5%;max-width: 400px;}
#sec4 .online-shop .image{width: 20%;margin: auto 2%;}
#sec4 .online-shop .text{width: 75%;margin-top: 10px;}
#sec4 .online-shop .text .img1{width: 90%;}
#sec4 .online-shop .text .img1 img{width: 100%;}
#sec4 .online-shop .text .btn-shop a{margin: 5px auto;}

#sec5{padding: 30px 0;}
#sec5 .title{text-align: center;margin:15px auto;}
#sec5 .title img{width: 150px;}

/*下層ページ*/



}/*ここまでスマホ設定*/

#sp-phone {
    position: absolute;
    right: 70px;
    top: 5px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
	font-size:38px;
}

/* トグルメニュー */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 19px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #777; /*トグルボタン色設定*/
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

@media (max-width:960px){
 #head_menu {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -535px;
        background: #26569c;
        width: 100%;
        text-align: center;
	 	padding-top:30px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
	 	margin: 0;
	 	padding-top: 80px;
    }
    #head_menu ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #head_menu ul li {
        position: static;
        display: block;
    }
    #header #head_menu ul li a,
    #header.fixed #head_menu ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }


    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #head_menu {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(520px);
        -webkit-transform: translateY(520px);
        transform: translateY(520px);
    }
}

/*tablet*/
@media (min-width:421px) and (max-width:960px){
}