@charset "utf-8";

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/
/*--------------------------------------------------------------------------------
	reset
----------------------------------------------------------------------------*//**/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {
		content: '';
		content: none;}
	table {
		border-collapse: collapse;
		border-spacing: 0;}	
/*--------------------------------------------------------------------------------
	bace
----------------------------------------------------------------------------*//**/
body {
	width:100%;
	color:#231815;
	font-size:13px;
	line-height:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	word-wrap : break-word;
	overflow-wrap : break-word;
	text-align:justify;
}
.fr {float:right;}
.fl {float:left;}
.clear {clear:both;}
.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align:top;
}
a {
	text-decoration:none;
}
a[href^="tel:"] { 
	cursor: default;
}
a:hover {
	opacity:1;
	filter: alpha(opacity=100);
	filter: "alpha(opacity=100)";/*IE6-7*/
	text-decoration:none;
}
.bold{
	font-weight:bold;
}
.center {
	text-align:center;
}
.italic {
	font-style:italic;
}
.small {
	font-size:12px;
}
article {
	clear:both;
}
.contents, dl {
	overflow:hidden;
}
 
/*--------------------------------------------------------------------------------
	ヘッダー
----------------------------------------------------------------------------*//**/

#wrapper {
	margin:0 auto 0;
	background:url(../../img/bg_sp.png) repeat;
	height:auto;
}

.top_header {
	width:100%;
	margin:0;
}

.top_block {
	float:none;
	margin:0;
}

/*--------------------------------------------------------------------------------
	SP表示・非表示
----------------------------------------------------------------------------*//**/

.pchide {
	display:inherit;
}

/*--------------------------------------------------------------------------------
	フッター
----------------------------------------------------------------------------*//**/
footer {
	clear:both;
	width:100%;
	background: url(../../img/footer_bg.png) repeat-x left bottom;
	color:#fff;
	overflow:hidden;
}
footer p.copy {
	text-align:center;
	color:#231815;
}
#footer_content p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#footer_content {
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
/*--------------------------------------------------------------------------------
	pagetop
----------------------------------------------------------------------------*//**/
#page-top {
	display:block;
	padding:20px 0;
	text-align:center;
	background:#9d2c2b;
	position:fixed;
}
#page-top a {
	box-sizing:border-box;
	color:#fff;
}
#page-top a:hover {
	opacity:0.7;
}

@media screen and (max-width: 768px) {
.sphide {
	display:none;
}
/*--------------------------------------------------------------------------------
	ヘッダー
----------------------------------------------------------------------------*//**/
header {
	background:url(../../img/header_bg.png) repeat-x left top;
	text-align:center;
    position: fixed;
    top: 0;
    width: 100%;
    height: 45px;
    z-index: 4;
}
header h1 {
	height:35px;
	line-height:35px;
	vertical-align:middle;
}
header h1 img {
	height:35px;
	line-height:35px;
	vertical-align:middle;
}
/*--------------------------------------------------------------------------------
	SPメニュー
----------------------------------------------------------------------------*//**/
#mobile_menu {
	position:relative;
	height:50px;
	float:right;
	margin-right:5px;
	display: block;}
.sidr-inner ul li a {
	height:45px;
	color:#fff;
	}
.sidr-inner ul li a:hover  {
	box-shadow:none;
	}
.sidr-inner ul li.sidr-class-home {
	height:50px;
	background:#fff;
}
.sidr-inner ul li img {
	max-height:90%;
}
.top_sp_menu {
	position: absolute;
	width:9.4%;
	right:1%;
	top:12%;
	text-align:right;
	z-index:5;
}
#top_sp_gnav {
	display:none;
}
.sidr {
	box-shadow:none;
}
.sidr-inner {
	width:100%;
	margin:0 auto 0;
	list-style:none;
}
.sidr-inner li {
	text-align:center;
	color:#fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+25,9d2c2b+100&0.52+25,0.29+66,0.6+100 */
    background: -webkit-linear-gradient(rgba(255,255,255,0.52) 25%, rgba(201,140,139,0.29) 66%, rgba(157,44,43,0.6) 100%);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.25, rgba(255,255,255,0.52)), color-stop(0.66, rgba(201,140,139,0.29)), to(rgba(157,44,43,0.6)));
    background: linear-gradient(rgba(255,255,255,0.52) 25%, rgba(201,140,139,0.29) 66%, rgba(157,44,43,0.6) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85ffffff', endColorstr='#999d2c2b',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #ffffff;
}
.sidr-inner li a {
	display:block;
	padding:6.5% 0;
	text-decoration:none;
}
.sidr-inner li.home a {
	background:#fff;
}

.sidr-inner li span {
	display:block;
	margin:11% 0 3%;
	padding:5% 0;
}
a.menu_btn_right {
	width:40px;
	height:42px;
	position:absolute;
	top:0px;
	right:5px;}
a.menu_btn_right img.logo_spMenu {
	height:50px;
}
.language {
	width:27%;
	position:absolute;
	top:8px;
	left:5px;
}
#dropmenu{
	box-sizing:border-box;
	width:100%;
  list-style-type: none;
  height: 30px;
  background: #612e2e;
}
#dropmenu li{
	width:100%;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align:left;
}
#dropmenu li a{
	background:url(../../img/allow.png) no-repeat 97% center;
	background-size:20px auto;
  display: block;
  margin: 0;
  padding: 10px 0 9px 5px;
  color: #fff;
  font-size:10px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #612e2e;
  color: #fff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #7a3d3d;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #612e2e;
  border-bottom: 1px solid #612e2e;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
#contents {
	padding:40px 0 0;
}
nav#pc_menu {
	display:none;
}

/*--------------------------------------------------------------------------------
	カルーセル
----------------------------------------------------------------------------*//**/
.slider_nav a {
	display: block;
	float: left;
	width: 25%;
}
.slider_nav a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50);
	width: 100%;
}  
.slider_nav a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
}	
.bx-wrapper .bx-prev {
	left:-10px;
	background-size:20px;
}

.bx-wrapper .bx-next {
	right:-50px;
	background-size:20px;
} 
/*--------------------------------------------------------------------------------
	フッター
----------------------------------------------------------------------------*//**/
footer {
	background: url(../../img/footer_bg.png) repeat-x left 20px;
}
p.copy {
	font-size:0.923em;
}
#footer_content {
	float:left;
	margin-top:20px;
	padding:0 0 1em 1em;
}
#footer_content p {
	font-size:0.923em;
	line-height:1.2em;
}
#footer_content p span {
	font-size:1.250em;
	display:block;
}
#share {
	margin:3% 1% 0;
	float:right;
	width:20%;
	text-align:right;
}

/*--------------------------------------------------------------------------------
	pagetop
----------------------------------------------------------------------------*//**/
#page-top {
	padding:15px 0;
	width:45px;
	bottom:5px;
	right:0;
}
}
@media screen and (min-width: 769px) {
header {
	background:url(../../img/header_bg.png) repeat-x left top;
	width:100%;
	height:auto;
}
h1 img{
		margin-top:20px;
}
a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	filter: "alpha(opacity=70)";/*IE6-7*/
	text-decoration:none;
}
/*--------------------------------------------------------------------------------
	PC時　表示・非表示
----------------------------------------------------------------------------*//**/
.pchide {
	display:none;
}
.sphide {
	display:block;
}
/*--------------------------------------------------------------------------------
	ヘッダー
----------------------------------------------------------------------------*//**/
#headerContents {
	width:1003px;
	margin:0 auto;
	height:127px;
	position:relative;
}
/*--------------------------------------------------------------------------------
	グローバルナビ
----------------------------------------------------------------------------*//**/
.top_sp_menu {
	display:none;
}
/*--------------------------------------------------------------------------------
	ヘッダー
----------------------------------------------------------------------------*//**/
ul#gNav li {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#top_sp_gnav {
	float:left;
	width:840px;
}
nav#pc_menu {
	clear:both;
	width:1033px;
	margin:0 auto;
	height:96px;
}
nav#pc_menu ul li {
	text-align:center;
	float:left;
	border-left:2px #fff solid;
	border-right:2px #fff solid;
}
nav#pc_menu ul li a {
	background:url(../../img/gnav_bg.png) repeat-x left top;
	display:block;
	width:125px;
	height:96px;
	box-sizing:border-box;
	padding-top:40px;
}
/*--------------------------------------------------------------------------------
	グローバルナビ
----------------------------------------------------------------------------*//**/
.language {
	position:absolute;
	bottom:0;
	right:0;
	width:512px;
}
#dropmenu li a {
	background:url(../../img/nav_bg.png) no-repeat left top;
	color:#fff;
	text-align:center;
	width:102px;
	height:33px;
	line-height:33px;
	float:left;
}
#dropmenu li a:hover {
	opacity:1;
	background:url(../../img/nav_bg.png) no-repeat left bottom;
}

/*--------------------------------------------------------------------------------
	フッター
----------------------------------------------------------------------------*//**/
p.copy {
	margin-top:40px;
	font-size:1.462em;
}
#footer_content {
	background:url(../../img/footer_logo.png) no-repeat left center;
	float:right;
	width:415px;
	height:83px;
	padding:50px 40px 40px 0;
}
#footer_content p {
	font-size:1.123em;
	margin-left:140px;
}
#footer_content p span {
	font-size:1.250em;
	display:block;
}
#share {
	float:left;
	margin:20px 0 0 10px;
}

/*--------------------------------------------------------------------------------
	pagetop
----------------------------------------------------------------------------*//**/
#page-top {
	width:50px;
	bottom:20px;
	right:0;
	
}
}