@charset "utf-8";
/* CSS
----------------------------------------------------------- */
html, body{height:100%;}
body{
	_display:inline;
	_zoom:1;
	color:#000;
	font-size:14px;
	font-family:Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.6;
	background-color:#fff;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}

a, a:link, a:visited{
	color:#666;
	text-decoration:none;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all  0.2s ease;
}
a:hover, a:active{color:#c2a87b;}


.inner{
	width:1000px;
	margin:0 auto;
}

.sp{display:none;}

.error_note{
	padding:1px 4px;
	font-size:14px;
	color:#b5311b;
	background:#f4c4bc;
}

/* splash
----------------------------------------------------------- */
#splash{
	background-color:#fff;
	width:100%;
	height:100%;
	position:fixed;
	z-index:10000;
}

/*
#splash .splash_logo{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-136px;
}
*/

#splash .splash_logo{
	position:absolute;
	top:50%;
	left:50%;
	width:360px;
	height:410px;
	margin-top:-205px;
	margin-left:-180px;
}



#splash .splash_mask{
	width:300px;
	height:300px;
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
}

#splash .splash_arrow{
	position:absolute;
	bottom:16px;
	left:50%;
	opacity:0;
	margin-left:-41px;
}

#splash .splash_text{
	position:absolute;
	bottom:-6px;
	left:50%;
	opacity:0;
	margin-left:-21px;
}

/* Header
----------------------------------------------------------- */
#header{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	padding:23px 0;
	background:rgba(0,0,0,0.5);
}
#header #logo{
	float:left;
	width:20px;
	margin-right:20px;
	line-height:1;
}

#header #gnav{
	float:left;
	padding:3px 0;
}
#header #gnav li{
	display:inline;
	float:left;
	color:#fff;
	font-family:'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;
	font-size:12px;
	line-height:1.1;
}
#header #gnav li a{
	color:inherit;
	font-weight:inherit;
}
#header #gnav li a:hover{color:#bbb;}
#header #gnav li span{
	padding:0 1em;
}


/* Main
----------------------------------------------------------- */

/* Main > Key Slide
/* Main > Key Visual
----------------------------------------------------------- */
#main #slide,
#main #keyvisual{
	width:100%;
	position:relative;
}
#main #slide #over_logo,
#main #slide #over_copy,

#main #keyvisual #over_copy{
	position:absolute;
	z-index:5000;
}

#main #slide #over_copy,
#main #keyvisual #over_copy{
	top:72px;
	left:10px;
}


/* Main > Key Slide
----------------------------------------------------------- */
#main #slide #over_logo{
	top:50%;
	left:50%;
	width:360px;
	height:410px;
	margin-top:-205px;
	margin-left:-180px;
}
#main #slide .bx-wrapper{
	position:relative;
}
#main #slide .bx-wrapper #slide_main li img{
	width:100%;
	height:auto;
}
#main #slide .bx-wrapper .bx-pager.bx-default-pager{
	position:absolute;
	bottom:5.1%;
	left:0;
	width:100%;
	text-align:center;
	vertical-align:middle;
	line-height:1;
}
#main #slide .bx-wrapper .bx-pager .bx-pager-item,
#main #slide .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display:inline-block;
}
#main #slide .bx-wrapper .bx-pager.bx-default-pager a{
	display:block;
	overflow:hidden;
	width:16px;
	height:0;
	padding-top:15px;
	margin:0 10px;
	background-color:transparent;
	background-image:url(./images/slide_pager.png);
	background-repeat:no-repeat;
	background-position:0 0;
	outline:0;
}
#main #slide .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-image:url(./images/slide_pager_active.png);
}
#main #slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2n) a{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#main #slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3n) a{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Main > Key Visual
----------------------------------------------------------- */
#main #keyvisual #main_visual{
	position:relative;
	width:100%;
}
#main #keyvisual #main_visual img{
	width:100%;
	height:auto;
}


/* Main > Breadcrumb
----------------------------------------------------------- */
#breadcrumb{}
#breadcrumb ul{
	padding:12px 0;
}
#breadcrumb li{
	display:inline;
	line-height:1;
}


/* Main > Page Title
----------------------------------------------------------- */
#main #contents #page_title{
	padding:20px 0 50px;
	margin-bottom:50px;
	text-align:center;
	background:url(./images/page_title_dotted.gif) repeat-x left bottom;
}


/* Main > Contents
----------------------------------------------------------- */
#main #contents{
	overflow:hidden;
	min-width:1024px;
	padding:0;
}
#main #contents #top_contents h2{
	margin-bottom:50px;
	text-align:center;
}

#main #contents #top_contents .row{margin-bottom:15px;}

.sp_blog{
	display: none;
}

/* Main > Contents (index)
----------------------------------------------------------- */
.index #main #contents{padding-top:50px;}
.index #main #contents #top_contents .clearfix{
	width:1041px;
	margin-right:-41px;
	margin-bottom:50px;
}

.index #main #contents #top_contents #read{
	width:1000px;
	margin-right:0;
}
.index #main #contents #top_contents #read p{
	text-align:center;
	font-size:16px;
}
.index #main #contents #top_contents .section{
	float:left;
	width:306px;
	min-height:300px;
	margin-right:41px;
}
.index #main #contents #top_contents .section h3{
	overflow:hidden;
	margin-bottom:18px;
}
.index #main #contents #top_contents .section h3 a img{
	-webkit-transition:-webkit-transform .2s ease-in-out;
	-moz-transition:-moz-transform .2s ease-in-out;
	-o-transition:-o-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
}
.index #main #contents #top_contents .section h3 a:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.index #main #contents #top_contents .section p{
	color:#464646;
	line-height:1.6;
	font-size:16px;
	text-align:center;
}


/* Main > Contents (about)
----------------------------------------------------------- */
.about #main #contents #top_contents{margin-bottom:80px;}
.about #main #contents #top_contents .section{
	font-size:15px;
	line-height:1.8;
}
.about #main #contents #top_contents .section .text,
.about #main #contents #top_contents .section .images{
	width:460px;
	height:490px;
}
.about #main #contents #top_contents .section .text{
	position:relative;
	float:right;
	padding:0 15px;
	background-color:#fafafa;
}
.about #main #contents #top_contents .section .text h2{
	margin-bottom:45px;
	text-align:center;
	background:url(./images/page_title_dotted.gif) repeat-x left bottom;

}
.about #main #contents #top_contents .section .text h3{
	margin-bottom:10px;
	text-align:center;
}
.about #main #contents #top_contents .section .text p{
	padding:0 15px;
}
.about #main #contents #top_contents .section .images{
	float:left;
	width:490px;
}

.about #main #contents #top_contents #about_content .section{margin-bottom:20px;}
.about #main #contents #top_contents #about_content .section .text p{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.about #main #contents #top_contents #about_content .section .text p.bg_images{
	position:absolute;
	top:50%;
	left:50%;
	padding:0;
	margin:0;
	margin:-245px 0 0 -245px;
}
.about #main #contents #top_contents .section.even .text{float:left;}
.about #main #contents #top_contents .section.even .images{float:right;}


.about #main #contents #top_contents #about_content .section.even .text p.bg_images{
	left:0;
	right:auto;
	margin-left:-245px;
}
.about #main #contents #top_contents #about_content .section.odd .text p.bg_images{
	left:auto;
	right:0;
	margin-right:-245px;
}

.about #main #contents #top_contents .section.about_macb .text{
	padding-top:30px;
	height:460px;
}
.about #main #contents #top_contents .section.about_hqr .text{
	padding-top:90px;
	height:400px;
}
.about #main #contents #top_contents .section.about_hqe .text{
	padding-top:60px;
	height:430px;
}


.about #main #contents #top_contents #about_images{
	width:100%;
	padding:100px 0 45px;
}
.about #main #contents #top_contents #about_images img{
	width:100%;
	height:auto;
}


/* Main > Bottom Contents
----------------------------------------------------------- */
.index #main #contents #bottom_contents{
	margin-top:-15px;
}
#main #contents #bottom_contents{
	display:table;
	width:100%;
}
#main #contents #bottom_contents #contents_images,
#main #contents #bottom_contents #contents_online_shop,
#main #contents #bottom_contents #gmap{
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:top;
}
#main #contents #bottom_contents #contents_online_shop h2{margin-bottom:5px;}
#main #contents #bottom_contents #contents_online_shop p{margin-bottom:20px;}
#main #contents #bottom_contents #contents_images img,
#main #contents #bottom_contents #contents_online_shop .bg_contents img{
	width:100%;
	height:auto;
}
#main #contents #bottom_contents #contents_online_shop .bg_contents{margin:0;}
#main #contents #bottom_contents #contents_online_shop .inner_contents{
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	width:556px;
	margin-top:-157px;
	margin-left:-278px;
	color:#fff;
	text-align:center;
}
#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section{
	float:left;
	width:230px;
	margin:0 24px;
	padding-bottom:3px;
	background:url(./images/bg_over_online_shoping.png);
	box-shadow:-1px -1px 0 rgba(4,0,0,.28);
}

#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section li{
	margin-bottom:7px;
}
#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section li a{
	opacity:1;
}
#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section li a:hover{
	opacity:0.9;
}

/* 追加 コンテンツ1つ中央揃え*/
#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section-one{
	width:230px;
	margin:0 auto;
	text-align: center;
	padding-bottom:3px;
	background:url(./images/bg_over_online_shoping.png);
	box-shadow:-1px -1px 0 rgba(4,0,0,.28);
}

#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section-one li{
	margin-bottom:7px;
}
#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section-one li a{
	opacity:1;
}
#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section-one li a:hover{
	opacity:0.9;
}


/* Main > Contents (concept)
----------------------------------------------------------- */
.concept #main #contents #top_contents{margin-bottom:80px;}
.concept #main #contents #top_contents .section{
	font-size:15px;
	line-height:1.8;
	margin-bottom:20px;
}
.concept #main #contents #top_contents .section .text,
.concept #main #contents #top_contents .section .images{
	width:460px;
	height:490px;
}
.concept #main #contents #top_contents .section .text{
	position:relative;
	padding:0 15px;
	background-color:#fafafa;
}

.concept #main #contents #top_contents .section.odd .text{
	float:right;
}

.concept #main #contents #top_contents .section.even .text{
	float:left;
}

.concept #main #contents #top_contents .section .text h2{
	margin-bottom:60px;
	text-align:center;
	padding-top:156px;
}
.concept #main #contents #top_contents .section .text p{
	padding:0 15px;
	text-align:center;
}
.concept #main #contents #top_contents .section .images{

	width:490px;
}
.concept #main #contents #top_contents .section.odd .images{
	float:left;
}
.concept #main #contents #top_contents .section.even .images{
	float:right;
}

.concept #main #contents #top_contents #conceptBox02 .text p{
	text-align:left;
	padding-top:120px;
	padding-right:10px;
}

.concept #main #contents #top_contents #conceptBox03 .text p{
	text-align:left;
	padding-top:120px;
}


/* Main > Contents (media)
----------------------------------------------------------- */
.media #main #contents #page_navigation{
	width:970px;
	margin:0 auto;
}

.media #main #contents #page_navigation ul{
	overflow:hidden;
	margin-bottom:70px;
}

.media #main #contents #page_navigation ul li{
	float:left;
	margin-left:30px;
}

.media #main #contents #page_navigation ul li:first-child{
	margin-left:0;
}


.media #main #contents #page_navigation ul li a:link{
	opacity:1;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

.media #main #contents #page_navigation ul li a:hover{
	opacity:0.9;
}

.media #main #contents .media_title h2{
	text-align:center;
	width:1000px;
	margin:0 auto;
	padding-bottom:22px;
	margin-bottom:35px;
	background:url(./images/page_title_dotted.gif) repeat-x left bottom;
}

.media #main #contents #magazine_contents{margin-bottom:80px;}
.media #main #contents #magazine_contents .section{
	font-size:15px;
	line-height:1.8;
	margin-bottom:20px;
}
.media #main #contents #magazine_contents .section .text,
.media #main #contents #magazine_contents .section .images{
	width:460px;
	height:490px;
}
.media #main #contents #magazine_contents .section .text{
	position:relative;
	padding:0 15px;
	float:right;
	background-color:#fafafa;
}

.media #main #contents #magazine_contents .section .text h3{
	text-align:left;
	font-size:18px;
	padding:85px 0 80px;
	margin:0 5px 55px;
	font-weight:bold;
	background:url(./images/page_title_dotted.gif) repeat-x left bottom;

}
.media #main #contents #magazine_contents .section .text p{
	text-align:left;
	margin:0 5px;
}
.media #main #contents #magazine_contents .section .images{
	float:left;
	width:490px;
	position:relative;
	background-color:#fafafa;
	display:table;
}
.media #main #contents #magazine_contents .section .images div{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.media #main #contents #magazine_contents .section .images a{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.media #main #contents #magazine_contents .section .images a:link{
	opacity:1;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.media #main #contents #magazine_contents .section .images a:hover{
	opacity:0.9;
}

.media #main #contents #magazine_contents .section .images a img{
	position:absolute;
	right:10px;
	bottom:7px;
}

.media #main #contents #web_contents,
.media #main #contents #tv_contents,
.media #main #contents #radio_contents,
.media #main #contents #newspaper_contents{
	text-align:center;
	line-height:2;
	margin-bottom:105px;
}
.media #main #contents #web_contents a:link,
.media #main #contents #tv_contents a:link,
.media #main #contents #radio_contents a:link,
.media #main #contents #newspaper_contents a:link{
	text-decoration:underline;
}
.media #main #contents #newspaper_contents .small{
	padding-bottom:15px;
	color:#f00;
	font-size:0.8em;
	font-weight:bold;
}


/* Main > Contents (overview)
----------------------------------------------------------- */
.overview #main #contents #profile{
	width:1000px;
	margin:70px auto;
}

.overview #main #contents #top_contents{
	text-align:center;
}

.overview #main #contents #middle_contents{
	text-align:center;
}

.overview #main #contents #profile table{
	width:100%;
}

.overview #main #contents #profile table tr{
	border-top:1px dotted #ccc;
}

.overview #main #contents #profile table tr:last-child{
	border-bottom:1px dotted #ccc;
}

.overview #main #contents #profile table tr th{
	font-weight:bold;
	width:15%;
}

.overview #main #contents #profile table tr th,
.overview #main #contents #profile table tr td{
	padding:20px 30px;
}

.overview #main #contents #profile table tr td span a:link,
.overview #main #contents #profile table tr td span a:visited{
	background-color:#000;
	padding:4px 22px;
	margin:0 5px;
	color:#fff;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

.overview #main #contents #profile table tr td span a:hover{
	opacity:0.9;
}

.overview #main #contents #middle_contents{
	margin-bottom:60px;
}

.overview #main #contents #history_content{
	width:1000px;
	margin:0 auto 50px;
}



.overview #main #contents #history_content .overview_title{
	text-align:center;
	margin-bottom:30px;
}

.overview #main #contents #history_content table{
	width:100%;
}

.overview #main #contents #history_content table tr{
	border-top:1px dotted #ccc;
}

.overview #main #contents #history_content table tr:last-child{
	border-bottom:1px dotted #ccc;
}

.overview #main #contents #history_content table tr th{
	font-weight:bold;
	width:15%;
}

.overview #main #contents #history_content table tr th,
.overview #main #contents #history_content table tr td{
	padding:20px 30px;
}

.overview #main #contents #access_content{
	padding-top:60px;
	background-color:#f6f6f6;
}

.overview #main #contents #access_content .overview_title{
	text-align:center;
	margin-bottom:30px;
}

.overview #main #contents #access_content .access_tenpo{
	text-align:center;
	margin-bottom:65px;
}

.overview #main #contents #access_content .access_tenpo h3{
	font-weight:bold;
	margin-bottom:20px;
}

.overview #main #contents #access_content .access_tenpo p{
	margin-bottom:30px;
}

.overview #main #contents #access_content .access_tenpo .gmap{
	height:400px;
}

.overview #main #contents #access_content .access_tenpo:last-child{
	margin-bottom:0px;
}


/* Main > Contents (shops)
----------------------------------------------------------- */
.shops #main #contents #access_content .inner{
	overflow:hidden;
	margin-bottom:30px;
}

.shops #main #contents #access_content .inner div{
	width:490px;
	height:490px;
	box-sizing:border-box;
}

.shops #main #contents #access_content .inner .access_img{
	float:left;
}

.shops #main #contents #access_content .inner .access_tenpo{
	float:right;
	background-color:#fafafa;
	text-align:center;
}
.shops #main #contents #access_content .inner .access_tenpo h3{
	font-weight:bold;
	padding:135px 0 35px 0;
}


.shops #main #contents #access_content .gmap{
	height:400px;
	margin-bottom:60px;
}

.shops #main #contents #access_content .gmap:last-child{
	margin-bottom:0;
}


/* Main > Contents (Shoping)
----------------------------------------------------------- */
.shoping #main #contents #page_title{
	margin-bottom:36px;
}
.shoping #main #contents .shoping_title h2{
	text-align:center;
	width:1000px;
	margin:0 auto;
	padding-bottom:40px;
}
.shoping #main #contents #shoping_contents{
	margin-bottom:80px;
}
.shoping #main #contents #shoping_contents .section .text{
	float:left;
	width:351px;
	height:458px;
	position:relative;
	padding:32px 70px 0 69px;
	background-color:#fafafa;
}
.shoping #main #contents #shoping_contents .section .text:nth-child(2n){
	float:right;
}
.shoping #main #contents #shoping_contents .section .text h3{
	margin-bottom:30px;
	text-align:center;
}
.shoping #main #contents #shoping_contents .section .text li{
	padding-bottom:15px;
}
.shoping #main #contents #shoping_contents .section .text li img{
	margin-bottom:10px;
}

/* 追加 コンテンツ1つ中央揃え*/
.shoping #main #contents #shoping_contents .section .text-one{
	width:351px;
	position:relative;
	padding:32px 70px 32p 69px;
	background-color:#fafafa;
	text-align: center;
	margin:0 auto;
}
.shoping #main #contents #shoping_contents .section .text-one h3{
	margin-bottom:30px;
	text-align:center;
}
.shoping #main #contents #shoping_contents .section .text-one li{
	padding-bottom:15px;
}
.shoping #main #contents #shoping_contents .section .text-one li img{
	margin-bottom:10px;
}

/* Main > Contents (contact)
----------------------------------------------------------- */
.contact #main #contents #contact{
	width:1000px;
	margin:0 auto 140px;
}

.contact #main #contents #contact table{
	margin-bottom:30px;
}

.contact #main #contents #contact table tr{
	border-top:1px dotted #ccc;
}

.contact #main #contents #contact table tr:last-child{
	border-bottom:1px dotted #ccc;
}

.contact #main #contents #contact table tr th,
.contact #main #contents #contact table tr td{
	padding:20px 30px;
	vertical-align:top;
}

.contact #main #contents #contact table tr th{
	width:15%;
	font-weight:bold;
	padding-right:0;
}
.contact #main #contents #contact table tr th label{font-weight:inherit;}

.contact #main #contents #contact table tr td:nth-of-type(1){
	width:7%;
	text-align:center;
	padding-right:0;
	padding-left:0;
}

.contact #main #contents #contact table tr td:nth-of-type(1) span{
	background-color:#000;
	color:#fff;
	padding:4px 10px;
}
.contact #main #contents #contact table tr td:nth-of-type(2){
	width:73%;
}

.contact #main #contents #contact table tr td input[type="text"],
.contact #main #contents #contact table tr td textarea,
.contact #main #contents #contact table tr td select{
	padding:10px;
	margin:0 15px;
	font-size:16px;
}
.contact #main #contents #contact table tr td input[type="checkbox"]{
	margin-left:5px;
}

.contact #main #contents #contact table tr td input#zip_01{
	width:4em;
}
.contact #main #contents #contact table tr td input#zip_02{
	width:5em;
}
.contact #main #contents #contact table tr td input#tel01,
.contact #main #contents #contact table tr td input#tel02,
.contact #main #contents #contact table tr td input#tel03{
	width:4em;
}
.contact #main #contents #contact table tr td input#addr01,
.contact #main #contents #contact table tr td input#addr02,
.contact #main #contents #contact table tr td input#mail,
.contact #main #contents #contact table tr td textarea{
	width:90%;
}
.contact #main #contents #contact table tr td input#addr01,
.contact #main #contents #contact table tr td input#addr02{
	margin-top:10px;
}
.contact #main #contents #contact table tr td textarea{
	height:170px;
}

.contact #main #contents #contact #privacy{
	border:1px solid #ccc;
	height:135px;
	margin-bottom:30px;
	overflow:auto;
	padding:20px;
	box-sizing:border-box;
}
.contact #main #contents #contact #privacy p,
.contact #main #contents #contact #privacy dl{
	margin-bottom:10px;
	text-align:left;
}

.contact #main #contents #contact p{
	text-align:center;
}
.contact #main #contents #contact #privacy dt{margin-bottom: 8px;}
.contact #main #contents #contact #privacy dd{
	margin-bottom: 16px;
	line-height: 1.8;
	padding-left: 1em;
}


@media screen and (max-width:1199px){
	#main #contents #top_contents .clearfix{
		width:1001px;
		margin-right:-21px;
	}
	#main #contents #top_contents .row{margin-bottom:15px;}
	#main #contents #top_contents .section{
		margin-right:21px;
	}

	#main #contents #bottom_contents #contents_online_shop h2{margin-bottom:0;}
	#main #contents #bottom_contents #contents_online_shop p{margin-bottom:5px;}
	#main #contents #bottom_contents #contents_online_shop .inner_contents{
		width:508px;
		margin-top:-147px;
		margin-left:-254px;
	}
	#main #contents #bottom_contents #contents_online_shop .inner_contents .online_shop_section{
		margin:0 12px;
	}

}
@media screen and (max-width:991px){}
@media screen and (max-width:767px){}

/*
#main #contents #bottom_contents #gmap #map_canvas{
	height:0;
	padding-top:59.25925925925926%;
}
*/




/* Fotter
----------------------------------------------------------- */
#footer{
	display:table;
	width:100%;
	padding:36px 0 80px;
	color:#fff;
	font-size:14px;
	line-height:2.54;
	text-shadow:0 -1px 0 #000;
	background:#000 url(./images/footer_bg.jpg) repeat 0 0;
	border-top:1px solid #000;
}
#footer a{color:inherit;}
#footer a:hover{color:#555;}

#footer #footer_logo,
#footer #footer_inner{
	float:left;
	vertical-align:top;
}
#footer #footer_logo{
	width:14%;
	max-width:143px;
	padding:0 2%;
}
#footer #footer_logo img{
	width:100%;
	height:auto;
}

#footer #footer_inner{
	overflow:hidden;
	width:82%;
	padding-top:2%;
}

#footer #footer_inner .title{
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
}
#footer #footer_inner .title span{
	font-size:12px;
	font-weight:inherit;
	padding-left:1em;
}
#footer #footer_inner #footer_info,
#footer #footer_inner #footer_nav{
	float:left;
}
#footer #footer_inner #footer_info{width:56%;}
#footer #footer_inner #footer_nav{width:44%;}

#footer #footer_inner #footer_info .shop_info{
	float:left;
	width:50%;
}
#footer #footer_inner #footer_info .shop_info h3{
	font-size:16px;
	font-weight:bold;
}
#footer #footer_inner #footer_info .shop_info .icon_map{
	position:relative;
	padding-left:2em;
}
#footer #footer_inner #footer_info .shop_info .icon_map:before{
	position:absolute;
	top:4px;
	left:0.8em;
	content:"";
	display:inline-block;
	width:9px;
	height:13px;
	background:url(./images/icon_mappin.png) no-repeat 0 0;
}
#footer #footer_nav ul{
	display:table-cell;
	padding-left:20px;
}
#footer #footer_nav ul li{
	font-size:14px;
	font-weight:bold;
	width:80px;
}
#footer #footer_nav ul+ul{
	padding-right:10px;
	padding-left:2em;
	text-indent:-1em;
}
#footer #footer_nav ul+ul li{
	font-size:12px;
	font-weight:normal;
	width:auto;
}
@media screen and (max-width:1024px){
	#footer #footer_nav ul{
		padding-left:30px;
	}
	#footer #footer_nav ul+ul{
		padding-right:0;
	}
}

#footer #over_blog{
	top: 352px;
	position: fixed;
	z-index: 5000;
	left: 0;
}
#footer #over_blog a img{
	opacity:1;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all  0.2s ease;
}
#footer #over_blog a:hover img{opacity:0.8;}
@media screen and (max-width:1024px){
	#footer #over_blog{
		display:none;
	}
}



/* SNS
----------------------------------------------------------- */
#footer #fx_nav{
	position:fixed;
	top:10%;
	right:0;
	z-index:9999;
}
#footer #fx_nav h2{
	margin-bottom:5px;
}
#footer #fx_nav ul{
	width:50px;
	margin-bottom:15px;
}
#footer #fx_nav li{}
#footer #fx_nav li a{
	display:block;
	width:50px;
}
#footer #fx_nav li a img{
	opacity:1;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all  0.2s ease;
}
#footer #fx_nav li a:hover img{opacity:0.8;}
/*
#footer #fx_nav li.fx_insta a{background-image:url(./images/sns_inst_c.png);}
#footer #fx_nav li.fx_fb a{background-image:url(./images/sns_fb_c.png);}
#footer #fx_nav li.fx_rakuten a{background-image:url(./images/sns_rakuten_c.png);}
#footer #fx_nav li.fx_yahoo a{background-image:url(./images/sns_yahoo_c.png);}
*/
/*
#footer #fx_nav li a img{
	opacity:1;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all  0.2s ease;
}
#footer #fx_nav li a:hover img{opacity:0;}
*/

/* PageTop
----------------------------------------------------------- */
#footer #pagetop{
	position:fixed;
	bottom:10%;
	right:0;
	z-index:9999;
}
#footer #pagetop a img{
	opacity:1;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all  0.2s ease;
}
#footer #pagetop a:hover img{opacity:0.6;}



/* send_inquiry
----------------------------------------------------------- */
#send_inquiry p{
	padding: 0 2%;
}