@charset "UTF-8";

/*-----------------------------------------------------	*/
/*	index	*/
/*-----------------------------------------------------	*/

/*main*/

.index .topimg {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
}

.index .mainimg img {
width: 100%;
height: auto;
}

.index .tophead {
width: 1228px;
position: absolute;
left: 50%;
top: 1px;
margin-left: -614px;
overflow: hidden;
}

.index .topimg h1 {
width: 492px;
height: 189px;
background: url(../images/logo_top.png) no-repeat;
text-indent: -9999px;
margin-top: 71px;
float: left;
}

.index .topimg ul.hnav {
overflow: hidden;
padding-top: 16px;
float: right;
padding-right: 45px;
}

.index .topimg ul.hnav li:nth-of-type(1) {
float: left;
padding: 10px 10px 0 0;
font-size: 125%;
line-height: 1;
}

.index .topimg ul.hnav li:nth-of-type(2) {
float: left;
line-height: 1;
}

.index .topimg ul.hnav li:nth-of-type(2) a {
padding: 8px 20px;
background: url(../images/btn_h_onlineshop.png) no-repeat;
width: 184px;
height: 36px;
display: block;
text-indent: -9999px;
overflow: hidden;
}

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

.index .topimg {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
}

.index .mainimg img {
width: 100%;
height: auto;
}

.index .tophead {
width: 100%;
padding: 8px 10px;
position: fixed;
left: auto;
top: 0;
margin-left: auto;
overflow: hidden;
box-sizing: border-box;
z-index: 10000;
}

.index .topimg h1 {
width: 160px;
height: 188px;
background: url(../images/logo_top.png) no-repeat;
text-indent: -9999px;
margin-top: 0px;
background-size: 160px auto;
float: left;
}

.index .topimg h1 img {
width: 100%;
height: auto;
}

.index .topimg ul.hnav {
overflow: hidden;
float: right;
padding-right: 0;
padding-top: 0;
}

.index .topimg ul.hnav li:nth-of-type(1) {
float: none;
display: none;
}

.index .topimg ul.hnav li:nth-of-type(2) {
float: left;
line-height: 1;
margin-right: 7px;
}

.index .topimg ul.hnav li:nth-of-type(2) a {
padding: 0;
background: url(../images/sp_h_shop.png) no-repeat;
width: 37px;
height: 37px;
display: block;
text-indent: -9999px;
overflow: hidden;
background-size: 37px auto;
}

.index .topimg ul.hnav li:nth-of-type(3) {
float: left;
line-height: 1;
}
}

/*idx_concept*/

.idx_concept {
width: 100%;
background: url(../images/bg_page.jpg) repeat;
}

.idx_concept .inner {
width: 1600px;
height: 492px;
margin: 0 auto;
position: relative;
}

.idx_concept h1 {
width: 180px;
height: 322px;
position: absolute;
top: 55px;
right: 260px;
background: url(../images/top_sec1_img_1.png) no-repeat;
text-indent: -9999px;
}

.idx_concept p {
width: 524px;
height: 312px;
position: absolute;
top: 88px;
right: 473px;
background: url(../images/top_sec1_img_2.png) no-repeat;
text-indent: -9999px;
}

.idx_concept figure {
width: 450px;
height: 428px;
position: absolute;
top: 28px;
left: 104px;
}

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

.idx_concept .inner {
width: auto;
height: auto;
position: inherit;
padding-top: 15px;
}

.idx_concept h1 {
width: 225px;
height: 102px;
position: inherit;
top: auto;
right: auto;
background: url(../images/top_sec1_img_1_sp.png) no-repeat;
text-indent: -9999px;
background-size: 225px auto;
margin: 0 auto 10px auto;
}

.idx_concept p {
width: 226px;
height: 290px;
position: inherit;
top: auto;
right: auto;
background: url(../images/top_sec1_img_2_sp.png) no-repeat;
text-indent: -9999px;
background-size: 226px auto;
margin: 0 auto 0px auto;
}

.idx_concept figure {
width: 225px;
height: auto;
position: inherit;
top: auto;
left: auto;
margin: 0 auto 10px auto;
}

.idx_concept figure img {
width: 225px;
height: auto;
}
}

/*idx_about*/

.idx_about {
width: 100%;
background: url(../images/bg_gr.jpg) repeat;
}

.idx_about .inner {
width: 1600px;
height: 503px;
margin: 0 auto;
position: relative;
background: url(../images/top_sec2_img_3.jpg) no-repeat 761px 0;
}

.idx_about h1 {
width: 403px;
height: 90px;
position: absolute;
top: 28px;
left: 128px;
background: url(../images/top_sec2_img_1.png) no-repeat;
text-indent: -9999px;
}

.idx_about p {
width: 930px;
position: absolute;
top: 155px;
left: 219px;
font-size: 150%;
text-align: left;
line-height: 1.7;
color: #0e0e0e;
}

.idx_about figure {
width: 400px;
height: 378px;
position: absolute;
top: 0;
right: 102px;
margin-top: -37px;
}

.idx_about .link_detail {
width: 300px;
position: absolute;
top: 392px;
left: 222px;
text-align: left;
}

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

.idx_about .inner {
width: auto;
height: auto;
margin: 0 auto;
position: inherit;
background: url(../images/top_sec2_img_3_sp.jpg) no-repeat right bottom;
background-size: 200px auto;
padding: 19px 0 60px 0;
}

.idx_about h1 {
width: 293px;
height: 57px;
position: inherit;
top: auto;
left: auto;
background: url(../images/top_sec2_img_1_sp.png) no-repeat;
text-indent: inherit;
background-size: 293px auto;
margin: 0 auto 20px auto;
font-size: 150%;
text-align: center;
color: #4f5823;
padding: 15px 0 0 0;
	box-sizing: border-box;
font-weight: bold;
}

.idx_about p {
width: auto;
position: inherit;
top: auto;
left: auto;
font-size: 125%;
text-align: left;
line-height: 1.7;
color: #0e0e0e;
padding: 0 20px 20px 20px;
}

.idx_about figure {
width: 220px;
height: auto;
position: inherit;
top: auto;
right: auto;
margin: 0 auto 25px auto;
}

.idx_about figure img {
width: 100%;
height: auto;
}

.idx_about .link_detail {
width: 295px;
position: inherit;
top: auto;
left: auto;
text-align: left;
margin: 0 auto;
}

.idx_about .link_detail a {
background: url(../images/btn_more_detail_sp.png) no-repeat;
display: block;
text-indent: -9999px;
overflow: hidden;
background-size: 100% auto;
height: 45px;
}
}

/*idx_future*/

.idx_future {
width: 100%;
background: url(../images/bg_page.jpg) repeat;
}

.idx_future .inner {
width: 1600px;
height: 582px;
margin: 0 auto;
position: relative;
background: url(../images/top_sec3_img_3.png) no-repeat 1242px 421px;
}

.idx_future h1 {
width: 290px;
height: 95px;
position: absolute;
top: 36px;
left: 666px;
background: url(../images/top_sec3_img_1.png) no-repeat;
text-indent: -9999px;
}

.idx_future p {
width: 670px;
position: absolute;
top: 185px;
left: 666px;
font-size: 150%;
text-align: left;
line-height: 1.7;
color: #0e0e0e;
}

.idx_future figure {
width: 505px;
height: 435px;
position: absolute;
top: 36px;
left: 134px;
}

.idx_future .link_detail {
width: 300px;
position: absolute;
top: 471px;
left: 666px;
text-align: left;
}

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

.idx_future {
padding-bottom: 30px;
}

.idx_future .inner {
width: auto;
height: auto;
margin: 0 auto;
position: inherit;
background: url(../images/top_sec3_img_3.png) no-repeat right bottom;
background-size: 150px auto;
padding: 40px 0 30px 0;
}

	.idx_future h1 {
width: 293px;
height: 57px;
position: inherit;
top: auto;
left: auto;
background: url(../images/top_sec2_img_1_sp.png) no-repeat;
text-indent: inherit;
background-size: 293px auto;
margin: 0 auto 20px auto;
font-size: 150%;
text-align: center;
color: #4f5823;
padding: 15px 0 0 0;
	box-sizing: border-box;
font-weight: bold;
}

.idx_future p {
width: auto;
position: inherit;
top: auto;
left: auto;
font-size: 125%;
text-align: left;
line-height: 1.7;
color: #0e0e0e;
margin: 0 20px 25px 20px;
}

.idx_future figure {
width: 250px;
height: auto;
position: inherit;
top: auto;
left: auto;
margin: 0 auto 25px auto;
}

.idx_future figure img {
width: 100%;
height: auto;
}

.idx_future .link_detail {
width: 295px;
position: inherit;
top: auto;
left: auto;
text-align: left;
margin: 0 auto;
}

.idx_future .link_detail a {
background: url(../images/btn_more_detail_sp.png) no-repeat;
display: block;
text-indent: -9999px;
overflow: hidden;
background-size: 100% auto;
height: 45px;
}
}

/*idx_bnr*/

.idx_bnr {
width: 100%;
background: url(../images/bg_gr.jpg) repeat;
}

.idx_bnr .inner {
width: 100%;
height: 185px;
margin: 0 auto;
position: relative;
background: url(../images/bg_bnr.jpg) no-repeat 0 0;
}

.bnr_box {
width: 1113px;
margin: 0 auto;
padding: 46px 0 0 0;
}

.bnr_box article a {
display: block;
border: #fff 1px solid;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
box-sizing: border-box;
}

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

.bnr_box article.bnr_story {
float: left;
width: 552px;
margin-right: 10px;
}

.bnr_box article.bnr_story p {
float: left;
width: 299px;
height: 97px;
padding-top: 33px;
display: block;
text-align: center;
background: #000;
box-sizing: border-box;
}

.bnr_box article.bnr_story p img {
width: 160px;
height: auto;
}

.bnr_box article.bnr_story figure {
float: right;
width: 250px;
}

.bnr_box article.bnr_interview {
float: left;
width: 551px;
}

.bnr_box article.bnr_interview p {
float: left;
width: 290px;
height: 97px;
padding-top: 33px;
display: block;
text-align: center;
background: #000;
box-sizing: border-box;
}

.bnr_box article.bnr_interview p img {
width: 190px;
height: auto;
}

.bnr_box article.bnr_interview figure {
float: right;
width: 259px;
}

/*臨時案内*/
.rinjiInfo {
	padding-top: 20px;
	padding-bottom: 40px;
	border-bottom: 5px solid #D5D09A;
}
.rinjiInfo p {
	padding-top: 20px;
	font-size: 14px;
	line-height: 1.6;
}
.rinjiInfo p.bold {
	font-size: 16px;
	font-weight: bold;
}

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

.idx_bnr .inner {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
background: url(../images/bg_bnr_sp.jpg) no-repeat left bottom;
background-size: auto 90px;
}

.bnr_box {
width: auto;
margin: 0 auto;
padding: 23px 0px 25px 0px;
overflow: hidden;
}

.bnr_box article {
width: 275px;
margin: 0 auto;
}

.bnr_box article a {
display: block;
border: #fff 1px solid;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
box-sizing: border-box;
}

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

.bnr_box article.bnr_story {
float: none;
width: 275px;
margin-right: auto;
margin-bottom: 10px;
}

.bnr_box article.bnr_story p {
float: left;
width: 153px;
height: 48px;
padding-top: 12px;
display: block;
text-align: center;
background: #000;
box-sizing: border-box;
}

.bnr_box article.bnr_story p img {
width: 75px;
height: auto;
}

.bnr_box article.bnr_story figure {
float: right;
width: 120px;
}

.bnr_box article.bnr_story figure img {
width: 120px;
height: auto;
}

.bnr_box article.bnr_interview {
float: none;
width: 275px;
}

.bnr_box article.bnr_interview p {
float: left;
width: 146px;
height: 48px;
padding-top: 12px;
display: block;
text-align: center;
background: #000;
box-sizing: border-box;
}

.bnr_box article.bnr_interview p img {
width: 88px;
height: auto;
}

.bnr_box article.bnr_interview figure {
float: right;
width: 127px;
}

.bnr_box article.bnr_interview figure img {
width: 100%;
height: auto;
}
.infoBoxContents{
	width:20%!important;
}
	
/*臨時案内*/
.rinjiInfo {
	margin: 0 20px 20px 20px;
	text-align: left;
}
}