/* ���C���摜
--------------------------*/
#t_main{
	position:relative;
	margin-top:150px;
}

#t_main .stn{
	position:absolute;
	top:0;
	bottom:0;
	right:calc((100% - 1366px) / 2 + 60px);
	margin:auto;
	z-index:2;
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#t_main .stn{
	right:50px;
}
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#t_main .stn{
	width:50%;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#t_main .stn{
	width:40%;
	right:10px;
}
}

/* ���b�Z�[�W���X�܏��
--------------------------*/
#information{
	background:url(../img/top/information_bg_lt.jpg),url(../img/top/information_bg_rb.jpg);
	background-position:left -70px,right bottom;
	background-repeat:no-repeat;
	padding-bottom:400px;
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#information{
	background-size:75%;
	padding-bottom:250px;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#information{
	background-size:60%;
	background-position:left -70px,right bottom 50px;
	padding-bottom:150px;
}
}


/* ���b�Z�[�W
--------------------------*/
#message{
	/*background:url(../img/top/message_bg.png) no-repeat center top;
	min-height:608px;*/
	position:relative;
	text-align:center;
	z-index:1;
	padding-top:50px;
}

#message .bg{
	filter: drop-shadow(0 0 60px rgba(101,95,95,1));
}

#message .btn{
	width:250px;
	position:absolute;
	left:0;
	right:0;
	bottom:110px;
	margin:0 auto;
	background-color:#023089;
	text-align:center;
	z-index:2;
}

#message .btn a{
	color:#FFF;
	padding:20px 0;
}

#message .btn a:hover{
	background: -moz-radial-gradient(#aaa 0%, #999 30%, #666 90%); 
  	background: -webkit-radial-gradient(#aaa 0%, #999 30%, #666 90%); 
  	background: radial-gradient(#aaa 0%, #999 30%, #666 90%); 
}

@media screen and (max-width:1450px) {		/*�^�u���b�g�pCSS*/
#message .bg{
	width:90%;
}
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#message .btn{
	bottom:50px;
}
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#message .btn{
	bottom:40px;
}

#message .btn a{
	padding:10px 0;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#message .btn{
	width:150px;
	bottom:20px;
	font-size:90%;
}

#message .btn a{
	padding:5px 0;
}
}

@media screen and (max-width:359px) {		/*�X�}�z�pCSS*/
#message .btn{
	width:120px;
	bottom:10px;
	font-size:80%;
}

#message .btn a{
	padding:5px 0;
}
}

/* �X�܏��
--------------------------*/
#store h2{
	text-align:center;
	margin:120px 0;
}

#store ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}

#store li{
	width:630px;
	box-shadow: 3px 3px 5px 0px rgba(100,100,100,0.3);
	padding:40px;
	box-sizing:border-box;
}

#store li:nth-child(2){
	animation-delay:0.2s;
}

#store h3{
	text-align:center;
	font-size:48px;
	line-height:120%;
	margin-bottom:20px;
}

#store h3 span{
	font-size:75%;
}

#store li div a.tel{
	position:relative;
	z-index:2;
	font-size:30px;
	line-height:200%;
	letter-spacing:2px;
}

#store li:nth-child(1){
	background:url(../img/top/store_img_oizumi.jpg) no-repeat center top #ffdb00;
}

#store li:nth-child(1) div{
	border:solid 2px #013089;
	color:#013089;
	padding:335px 60px 35px;
}

#store li:nth-child(1) div a{
	color:#013089;
}

#store li:nth-child(2){
	background:url(../img/top/store_img_ekoda.jpg) no-repeat center top #013089;
}

#store li:nth-child(2) div{
	border:solid 2px #ffdb00;
	color:#ffdb00;
	padding:335px 60px 35px;
}

#store li:nth-child(2) div a{
	color:#ffdb00;
}

#store li a{
	display:block;
}

#store li:nth-child(1) a:hover div,#store li:nth-child(2) a:hover div{
	border:solid 2px #FFF;
}



@media screen and (max-width:1450px) {		/*�^�u���b�g�pCSS*/
#store li{
	width:48%;
}
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#store h2{
	margin:120px 0 80px;
}


#store li{
	padding:20px;
}

#store li:nth-child(1),#store li:nth-child(2){
	background-size:contain;

}

#store li:nth-child(1) div,#store li:nth-child(2) div{
	padding:60% 30px 35px;
}

#store li div img{
	max-width:100%;
}

#store li div a.tel{
	font-size:24px;
}
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#store h2 img{
	width:100%;
	max-width:590px;
}

#store h3 span{
	font-size:30px;
}

#store li div a.tel{
	font-size:18px;
	letter-spacing:1px;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#store h2{
	margin:30px 0 20px;
}

#store h3 span{
	font-size:20px;
}

#store ul{
	width:96%;
	margin:0 auto;
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
}

#store li{
	width:100%;
	padding:20px;
	margin-bottom:20px;
}

#store li:nth-child(1) div,#store li:nth-child(2) div{
	padding:65% 20px 20px;
}


#store h3{
	margin-bottom:10px;
	line-height:40%;
}
}

@media screen and (max-width:359px) {		/*�X�}�z�pCSS*/
#store li div a.tel{
	font-size:16px;
	letter-spacing:1px;
}
}

/* �I�����C���X�g�A
--------------------------*/
#onlinestore{
	margin-top:-125px;
	text-align:center;
	color:#FFF;
}

#onlinestore .bg{
	background:url(../img/top/onlinestore_bg.jpg);
	background-size:cover;
	padding:70px 0 70px;
	margin-top:70px;
}

#onlinestore p.first{
	font-size:30px;
}

#onlinestore ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
	margin-top:70px;
}

#onlinestore li{
	width:18%;
	max-width:316px;
}

#onlinestore li:nth-child(2){
	animation-delay:0.2s;
}

#onlinestore li:nth-child(3){
	animation-delay:0.4s;
}

#onlinestore li:nth-child(4){
	animation-delay:0.6s;
}

#onlinestore li:nth-child(5){
	animation-delay:0.8s;
}

#onlinestore li a{
	background-color:#000;
	display:block;
}

#onlinestore li a img{
	width:100%;
}


#onlinestore .mini3{
	margin-top:0;
	margin-bottom:50px;
}

#onlinestore .mini3::after{
	content:"";
	width:33%;
	
}

#onlinestore .mini3 li{
	width:33%;
	font-size:80%;
	line-height:140%;
	text-align:center;
}

#onlinestore .mini3 li img{
	width:100%;
}

#onlinestore .mini3 li a{
	margin-bottom:5px;

}

#onlinestore a:hover img {
	opacity: 0.7;
�@	transition: all 0.2s linear;
}

#onlinestore li h3{
	text-align:center;
	margin-top:30px;
}

#onlinestore li p{
	font-size:80%;
	padding:10px 15px;
	line-height:160%;
}

#onlinestore .btn{
	width:756px;
	height:137px;
	margin:0 auto;
	background:url(../img/top/onlinestore_btn_to.png) no-repeat;
}

#onlinestore .btn a{
	padding:46px 0;
	font-size:24px;
	color:#FFF;
}

#onlinestore .btn a:hover{
	color:#ffdb00;
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#onlinestore p.first{
	font-size:24px;
}

#onlinestore li h3{
	font-size:16px;
}

#onlinestore li p{
	font-size:90%;
	padding:10px 0 30px;
	line-height:130%;
}
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#onlinestore .bg{
	padding:40px 0 40px;
	margin-top:30px;
}

#onlinestore p.first{
	font-size:18px;
}

#onlinestore ul{
	max-width:700px;
	margin:40px auto 0;
}

#onlinestore li{
	width:48%;
	max-width:316px;
}
}

@media screen and (max-width:756px) {		/*�X�}�z�pCSS*/
#onlinestore .btn{
	width:100%;
	max-width:756px;
	height:auto;
	background:url(../img/top/onlinestore_btn_to_sp.png) no-repeat center top;
	background-size:95%;
}

#onlinestore .btn a{
	padding:20px 0;
	font-size:16px;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#onlinestore p.first{
	font-size:100%;
	padding:0 5%;
}

#onlinestore h2 img{
	width:70%;
	max-width:408px;
}

#onlinestore li h3{
	font-size:14px;
}

#onlinestore .mini3 li{
	width:49%;
}

#onlinestore .mini3 li:nth-child(n+3){
	display:none;
}
}

@media screen and (max-width:359px) {		/*�X�}�z�pCSS*/
#onlinestore .btn a{
	padding:15px 0;
	font-size:16px;
}
}

/* �\��
--------------------------*/
#reservation{
	background:url(../img/top/reservation_bg_top.png),url(../img/top/reservation_bg_right.jpg);
	background-position:center top,right top;
	background-repeat:repeat-x,no-repeat;
	text-align:center;

}

#reservation h2{
	padding:150px 0 80px;
}


#reservation .inner1366{
	border:solid 5px #e2b63b;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	position:relative;
	z-index:3;
}

#reservation a{
	color:#555;
}

#reservation .inner1366 .txt{
	width:50%;
	background-color:#FFF;
	padding:50px 80px;
	box-sizing:border-box;
}

#reservation .inner1366 .txt h3{
	color:#e0a50d;
	line-height:160%;
}

#reservation .inner1366 .txt h3 span{
	font-size:36px;
}

#reservation .inner1366 .txt p{
	text-align:left;
	line-height:250%;
	margin-top:30px;
}


@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#reservation{
	background-size:50%;
}

#reservation .inner1366{
	width:675px;
	display:block;
	margin:0 auto;
}

#reservation .inner1366 .txt{
	width:100%;
	background-color:#FFF;
	padding:50px 80px;
	box-sizing:border-box;
}
}

@media screen and (max-width:768px) {		/*�X�}�z�pCSS*/
#reservation .inner1366{
	width:80%;	
}

#reservation .inner1366 img{
	width:100%;
}

#reservation .inner1366 .txt{
	padding:30px 20px;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#reservation{
	background-position:center top,right 10px;
}

#reservation h2{
	padding:50px 0 30px;
}

#reservation h2 img{
	width:70%;
	max-width:385px;
}

#reservation .inner1366 .txt h3 span{
	font-size:24px;
}

#reservation .inner1366 .txt p{
	line-height:170%;
	margin-top:20px;
}

}


/* �j���[�X
--------------------------*/
#news{
	background:url(../img/top/news_bg_tl.png),url(../img/top/news_bg_tr.png),url(../img/top/news_bg_bl.png),url(../img/top/news_bg_br.png);
	background-position:left top,right top,left bottom,right bottom;
	background-repeat:no-repeat;
	background-color:#FFF;
	background-size:50%;
	padding:300px 0 330px;
	margin-top:-80px;
	text-align:center;
}

#news ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:80px 0 0;
}

#news li{
	width:358px;
	background-color:#FFF;
	position:relative;
	color:#666;
}

#news li a{
	color:#666;
}

#news li img{
	width:100%;
}

#news li div{
	display:block;
	padding:24px;
	margin:5px;
	min-height:580px;
	box-shadow: 0 0px 5px 3px rgba(150,150,150,0.2);
}

#news li h3{
	text-align:center;
	color:#2a2d84;
	padding:30px 0 20px;
}

#news li .txt{
	padding:0 15px 50px;
	font-size:90%;
}

#news li .date{
	position:absolute;
	left:39px;
	bottom:24px;
	font-size:16px;
}

@media screen and (max-width:1450px) {		/*�^�u���b�g�pCSS*/
#news ul{
	width:90%;
	margin:80px auto 0;
}

#news li div img{
	width:100%;
}
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#news ul{
	width:80%;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/

#news{
	padding:100px 0 170px;
}

#news ul{
	width:90%;
	margin:40px auto 0;
}

#news li div{
	min-height:350px;
	padding-bottom:30px;
}

#news li h3{
	padding:20px 0;
}


#news li .date{
	font-size:100%;
}
}

/* ��؂Ȃ��m�点
--------------------------*/
#imp_news{
	margin:30px 0;
	text-align:center;
}

#imp_news h2{
	padding:120px 0 60px;
}

#imp_news h2 img{
	width:100%;
	max-width:517px;
}

#imp_news dl{
	width:60%;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
}

#imp_news dt,#imp_news dd{
	text-align:left;
	padding:25px 20px;
	box-sizing:border-box;
}

#imp_news dt{
	width:180px;
}

#imp_news dd{
	width:calc(100% - 180px);
	padding-left:2%;
	box-sizing:border-box;
}

#imp_news dd:nth-of-type(2n){
	height:2px;
	border-bottom:dotted 2px #013089;
	width:100%;
	padding:0;
}

#imp_news dd a{
	text-decoration:underline;
	color:#000;
}

@media screen and (max-width:1024px) {		/*�^�u���b�g�pCSS*/
#imp_news dl{
	width:90%;
}
}

@media screen and (max-width:600px) {		/*�X�}�z�pCSS*/
#imp_news h2{
	padding:30px 0 20px;
}
#imp_news h2 img{
	width:90%;
}

#imp_news dl{
	width:100%;
}

#imp_news dt,#imp_news dd{
	padding:15px 0;
}

#imp_news dt{
	width:130px;
}

#imp_news dd{
	width:calc(100% - 130px);
}
}

/* SNS
--------------------------*/
#sns{
	text-align:center;
	color:#666;
}

#sns h2{
	padding:120px 0 60px;
}

#sns .inner1366{
	padding:35px 0;
}

#sns ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
}

#sns li{
	text-align:center;
}

#sns li#insta{
	width:100%;
}

#sns #insta ul{
	margin-top:20px;
}

#sns #insta li{
	width:15%;
	margin-right:2%;
	margin-bottom:2%;
}

#sns #insta li:nth-child(6n){
	margin-right:0;
}

#sns #insta img{
    max-width: 100%;
}

#sns #insta li .date{
	font-size:14px;
}

#sns #insta li:nth-child(n+13){
	display:none;
}

#sns li#facebook,#sns li#twitter{
	margin-top:60px;
	width:45%;
}

#sns li#facebook p,#sns li#twitter p{
	margin:20px 0;
	line-height:140%;
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#sns ul{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#sns #insta li{
	width:30%;
	margin-right:3%;
	margin-bottom:3%;
}

#sns #insta li:nth-child(3n){
	margin-right:0;
}

#sns #insta li:nth-child(n+10){
	display:none;
}


}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#sns h2{
	padding:60px 0 20px;
}


#sns li#facebook,#sns li#twitter{
	width:100%;
}

#sns #insta li{
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
}

#sns #insta li:nth-child(3n){
	margin-right:inherit;
}

#sns #insta li:nth-child(2n){
	margin-right:0;
}

#sns #insta li:nth-child(n+7){
	display:none;
}

#sns #insta li .instagram-data .date{
	display:none;
}

#sns .fb-page{
	width:100%;
	height:500px;
}
}

/* �r����border
--------------------------*/

#b_border{
	width:70%;
	height:5px;
	background-color:#ffdb00;
	margin:80px 0;
	float:right;
}

#y_border{
	width:70%;
	height:5px;
	background-color:#013089;
	margin:80px 0;
	clear:both;
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#b_border{
	margin:40px 0 80px;
}

#y_border{
	margin:80px 0 0;
}
}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#b_border{
	margin:20px 0 40px;
}

#y_border{
	margin:40px 0 0;
}
}

/* �J�����_�[�ƃ��N���[�g
--------------------------*/
#others{
	padding:150px 0;
}

#others ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#others li{
	width:622px;
	text-align:center;
}

#others li h2{
	margin-bottom:60px;
}

#others li div{
	border-left:solid 5px #013089;
	border-right:solid 5px #013089;
	border-top:solid 5px #ffdb00;
	border-bottom:solid 5px #ffdb00;
	margin-top:-17px;
	padding:30px;
}

#others li:nth-child(2) a:hover img{
	opacity: 0.8;
�@	transition: all 0.2s linear;
}

@media screen and (max-width:1250px) {		/*�^�u���b�g�pCSS*/
#others li{
	width:48%;
}

#others li img{
	max-width:100%;
}

#others li iframe{
	height:305px;
}
}

@media screen and (max-width:1000px) {		/*�^�u���b�g�pCSS*/
#others{
	padding:100px 0;
}

#others li h2{
	margin-bottom:40px;
}

}

@media screen and (max-width:480px) {		/*�X�}�z�pCSS*/
#others{
	padding:50px 0;
}


#others ul{
	-webkit-flex-wrap: wrap;/* Safari etc. */
	flex-wrap: wrap;
}

#others li h2{
	margin-bottom:20px;
}

#others li iframe{
	height:285px;
}


#others li{
	width:100%;
}

#others li:first-child{
	margin-bottom:40px;
}
}