@charset "utf-8";

@import url("/contents/style/base.css");

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer{ width:100%; background:url(../images/bg_wrap-outer.gif) repeat left top; min-width:1210px;}
#wrap-outer_2nd { width:100%; background:url(../images/bg_wrap-outer.gif) repeat left top; min-width:1210px;}
#wrap-outer_map { width:100%; background:url(../images/bg_wrap-outer.gif) repeat left top; min-width:1210px;}
#wrap-outer_1col { width:100%; min-width:1210px; overflow:hidden;background:url(../images/bg_wrap-outer_1col.png) repeat-y center top;}
#wrap-outer_1col #wrap-outer2 {width:100%; min-width:1210px;background:url(../images/bg_header.gif) repeat-x left top; }

#wrap-outer_2col { width:100%; min-width:1210px; overflow:hidden; background:url(../images/bg_wrap-outer.gif) repeat left top;}
#wrap-outer_2col #wrap-outer2 {width:100%; min-width:1210px;background:url(../images/bg_header.gif) repeat-x left top; }

#wrap-outer2{ width:100%; background:url(../images/bg_wrap-outer2.gif) repeat-x left top; min-width:1210px;}
#wrap-outer3 { }
/*#wrap-outer_1col #wrap-outer2 #wrap-outer3{ background:url(../images/bg_wrap-outer.gif) repeat-x left top 170px; }
*/
#wrap{ width:1210px; margin:0 auto; padding:0 0 50px 0; text-align:left;  position:relative;}
#wrap2{ width:1210px; margin:0 auto; padding:0 0 50px 0; text-align:left; position:relative; background:url(../images/bg_wrap2.png) repeat-y left top;}

#wrap-outer_map #wrap2{ background:none;}
#wrap-outer_2col #wrap2{ background:none;}

h1 {margin:0; padding-top:5px; color:#666;font-size:14px;position:absolute;top:10px;left:0px;font-weight:normal;z-index:10;}

h2{letter-spacing:0.1em;margin:0 0 20px; padding:9px 0 6px 15px;color:#4d4d4d;font-size:20px;font-weight:bold;border:1px solid #d9d8d2;border-radius:5px;
background-color:#f3f3f3;
background:-moz-linear-gradient(top, #FFF, #f3f3f3);
background:-webkit-linear-gradient(top, #FFF, #f3f3f3);
background:linear-gradient(to bottom, #FFF, #f3f3f3);
}

#wrap-outer_2col h2{margin:40px 0 20px 0;}

h3{margin:30px 0 20px;padding:6px 15px 3px 10px;color:#4d4d4d;font-size:18px;font-weight:normal;background:#ebe4d8;border-radius:5px;}

h3 a{
	text-decoration:none;
	color:inherit;
}

/*-------------------------------------------- header ----------------------------------------*/
#header { height:170px; margin:0 auto; position:relative; background:url(../images/bg_header.gif) repeat-x left top;}
#header .text {margin:0; color:#666; font-size:12px; position:absolute; top:24px; left:-5px; font-weight:normal;}
#header .logo {position:absolute; top:45px; left:0;}
#header .tel {position:absolute; top:50px; right:0;}

#header .sale_bn {position:absolute; top:29px; right:254px;}

#header ul.gmenu01 {position:absolute;top:110px;left:0;}
#header ul.gmenu01 li {float:left;}

#header .mylist{
background:url(../images/header/my_list_bg.png) no-repeat top;
height:35px;
width:310px;
position:absolute;
top:0;
right:0;
font-size:15px;
font-weight:bold;
}
#header .mylist a{ color:#0000ff;}
#header .mylist .mark{ position:absolute;top:8px; right:150px;}
#header .mylist .condition{ position:absolute;top:8px; right:27px;}



/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{margin:20px 0 50px; width:240px; float:left; /*min-height:1300px;*/}

#gnavi ul{line-height:0; font-size:0; margin-bottom:0;}
#gnavi li{}

#gnavi .area{}
#gnavi .area ul{margin:0 0 0 10px;}
#gnavi .area li{ float:left; margin:0 10px 7px 0;}

#gnavi .topics {
outline:solid 2px #ccccc2;
border:solid 1px #FFF;
background:#f7f7f7;
margin:0 0 30px;
padding:12px;
}
#gnavi .topics table {
font-size:12px;
}
#gnavi .topics table td {
padding:10px 0 5px;
border-bottom:1px dotted #CCC;
}
/*#gnavi .topics table td:last-child {
border-bottom:none;
}*/
#gnavi .topics table p {
margin:0 0 5px;
}
#gnavi .topics table p a {
color:#00A0C6;
font-weight:bold;
text-decoration:underline;
}
#gnavi .topics table img {
outline:solid 1px #CCC;
border:solid 2px #FFF;
}



/*-------------------------------------------- gnavi_right -----------------------------------------*/
#gnavi_right{margin:0 0 50px; width:240px; position:absolute; top:190px; right:0;}

#gnavi_right ul{line-height:0; font-size:0; margin-bottom:0;}
#gnavi_right li{}
#gnavi_right li.txt {
text-align:right; font-size:12px; background:url(../images/menu/right/indent.gif) no-repeat 157px 1px; line-height:8px; margin-bottom:30px;}
#gnavi_right li.txt a {text-decoration:underline; color:#222;}
#gnavi_right li.txt a:hover {text-decoration:underline; color:#666;}


#gnavi_right .store_name{position:relative;}
#gnavi_right .store_name .btn{position:absolute; top:0; right:20px;}

#gnavi_right .link {
background:#FFF;
appearance:none;
border-radius:5px;
padding:15px 10px 5px;
margin:10px auto;

behavior:url("/style/PIE.htc");
position:relative;/*for PIE*/
}
#gnavi_right .link ul {line-height:1.5em; font-size:14px;}
#gnavi_right .link ul li {padding:0 0 0 16px; margin:0 0 10px 0; background:url(../images/indent.png) left center no-repeat;}
#gnavi_right .link ul li a {color:#666;}

#gnavi_right .news {margin:0 0 20px; background:url(../images/menu/right/news_bg.gif) no-repeat bottom left;}
#gnavi_right .news ul.inner {line-height:1.3em; font-size:14px; height:245px; padding:15px; overflow-x: hidden; overflow-y: auto;}
#gnavi_right .news ul.inner li{border-bottom:1px dotted #d9d9d9; padding:0 10px 10px 0; margin:0 0 10px;}
#gnavi_right .news ul.inner li a{ color:#f8b500; text-decoration:underline; font-weight:bold;}

#gnavi_right .cmnt {background:#ebe4d9; padding:5px; margin:10px auto;}
#gnavi_right .cmnt .inner {background:#FFF; padding:10px;}
#gnavi_right .cmnt .inner p {margin:0 0 1em;}



/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{background:url(../images/menu/count_bg.png) no-repeat center bottom; padding:0; margin:0 0 25px; height:320px;}
#gnavi .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; line-height:1.3em; background:url(../images/menu/count_ken.png) no-repeat right center; padding:0 20px 0 0;}
#gnavi .count .vis{color:#f8b500;}
#gnavi .count .mem{color:#6C3;}

#gnavi .count .count_total{width:210px; margin:10px auto; padding:0;}
#gnavi .count .count_tb{ margin:0; padding:0;}
#gnavi .count .count_tb img{ margin:0;}
#gnavi  .count .count_tb td{ padding:0;}

#gnavi  .count .count_detail{ width:200px; margin:9px 20px 0px 20px; color:#000;}
#gnavi  .count_detail table th,
#gnavi  .count_detail table td{padding:0 0 0px 0; font-weight:bold; color:#000;}

#gnavi  .count .count_line{width:200px; margin:0px 0 0 20px;}
#gnavi  .count .count_detail .count_line{margin:4px 0 -2px 0px;}

#gnavi  .count .count_detail .dotted_line{ border-top:1px dotted #ccc; height:1px; margin:4px 0 3px 0;}


#gnavi  .member{margin:0 6px;}
#gnavi  .member ul{/*position:absolute;top:106px;left:20px;*/padding:0 0 10px;}
#gnavi  .member li{margin:0 0 5px;}



/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {background:url(../images/bg_footer-outer.gif) repeat top left; border-top:1px solid #d9d8d2;}
#footer-outer2 {}
#footer {width:1210px; margin:0 auto 0px auto; text-align:left; height:480px; position:relative;}

#footer ul { margin:0px 0 0px 0;}
#footer .site_link li { padding:0 0 0 16px; margin:0 0px 10px 0; background:url(../images/indent.png) left center no-repeat;}
#footer a {color:#4d4d4d; text-decoration:none;}
#footer a:hover {color:#dfcbb3; text-decoration:underline;}

#footer .Right_td{/*border-left:1px solid #d9d8d2;*/ padding:0 0 0 50px; }
#footer .site_link{margin:0px 0 0 0;}

#footer .id{position:absolute; top:0; left:0;}
#footer .id img{ width:250px;}
#footer .title{font-size:14px; font-weight:bold; margin:0; position:absolute; top:55px; left:0;}

#footer .fdetail {position:absolute; top:40px; left:0;}
#footer .store{margin:0; position:absolute; top:95px;}
#footer .store table{ border-left:3px solid #FA0;}
#footer .store table td{padding:0 0 0 7px;}
#footer .name{color:#222; font-weight:bold;}
#footer .address{position:absolute; top:75px; left:0;}

#footer .store .link_tb{ border:none; width:96px; margin:0 0 3px;}
#footer .store .link_tb td{ width:55px; text-align:right; padding:0;}

/*#footer table.site_link ul {margin:0; padding:0;}
#footer table.site_link ul li {margin:0; padding:0; background:url(../images/footer/indent.gif) left center no-repeat;}*/


#footer .Right_td .dn{margin:30px 0 0; color:#666;}
#footer .Right_td .dn th{font-weight:normal;}
#footer .Right_td .dn th span{font-weight:bold; color:#4d4d4d;}



#footer .slogan{ text-align:center; color:#FFF; padding:16px 0 0 0; height:45px;}
#footer .copyright{color:#999; font-family:Arial; font-size:12px;position:absolute; bottom:15px; left:0;text-align:center;width:100%;}

#footer .infoarc_link{font-family:Arial; font-size:12px; font-weight:bold; position:absolute; bottom:15px; right:0;}
#footer .infoarc_link a{color:#999;}


/*------------------------------------------ contents ----------------------------------------*/

#contents{width:690px; margin:0 260px 0 0; float:right; min-height:2300px;}

#wrap2 #contents{width:690px; margin:0 260px 0 0; padding:20px 0 0;}
#wrap-outer_1col #wrap2 #contents {width:830px; margin:20px auto 50px auto; padding:0; float:none; /*border:1px solid #f00;*/}
#wrap-outer_2col #wrap2 #contents {width:920px; margin:20px 0px 50px auto; padding:0; float: right;}


.info2{
	/*width:178px;*/
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
	border:5px solid #ffcd00;
	text-align:center;
	font-weight:bold;
	color:#cc0000;
	background-color:#fffdf1;
	font-size:16px;
}

/*================================
インスタグラム
================================*/
#wrap .insta_blocks{ padding: 50px 0 69px 0; width:973px; margin-left:119px;}
#wrap .insta_blocks .inn h2{border: none; text-align: center; background: none; margin-bottom:39px;}
#wrap .insta_blocks .insta_box{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#wrap .insta_blocks .insta_box div{ width: 260px; height: 260px; background: rgba(69,69,69,1.00); margin: 0 10px 0 10px;}

#wrap .insta_blocks table tr td {width:242px; text-align: center; height:330px; vertical-align:top;}
#wrap .insta_blocks table tr td a {text-decoration: none; display: inline-block; width:220px; height:220px; overflow: hidden;}
#wrap .insta_blocks table tr td a.insta_text{height:auto;/*margin-bottom:50px;*/}

#wrap .insta_blocks table tr td a p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; width:220px; font-size:14px; color:#333; margin:10px 0 0 0;}
#wrap .insta_blocks table tr td a img{width:100%; height:100%; object-fit: cover;}

#wrap .insta_blocks table tr .btn_insta_wrapper {height:100%;}
#wrap .insta_blocks table tr .btn_insta_wrapper a {width:430px; transition: .3s; height:70px; padding-left:11px;}
#wrap .insta_blocks table tr .btn_insta_wrapper a:hover{ opacity: .7;}

#wrap .btn_insta_wrapper a{ display: block; width: 350px; height: 80px; background: #f8b500; text-align: center; margin: auto; font-size: 18px; color: #ffffff; font-weight: bold; box-sizing: border-box; -webkit-text-stroke-width: 0px !important; border-radius: 40px; position: relative; transition: .3s; padding-top: 24px; letter-spacing: 0.06em; }
#wrap .btn_insta_wrapper a:after{ display: inline-block; content: ""; background:url("../images/top/btn_indent.png") no-repeat; width: 23px; height: 15px; vertical-align: middle; margin:0 0 3px 20px; }