/* Common CSS */
htm, body {
	background:url(../images/common/bg.jpg) #000000 left top;
}

/* ___________________Font */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    color: #dddddd;
	font-family: "Mate SC","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
}

/* ___________________Link */
a {
	color: #dddddd;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/* Desktops and laptops */
@media print, screen and (min-width: 701px) {
	/* ___________________layout */
	#wrapper {
		width:100%;
		background:url(../images/common/bg_header.jpg) left top repeat-x;
	}
	#contents_wrapper {
		width:1200px;
		margin:0 auto 35px auto;
	}
	#contents {
		float:right;
	}
	#sub_contents {
		width:280px;
		float:left;
	}
	
	/* ___________________header */
	#header {
		width:1200px;
		height:;
		padding:40px 0 0 0;
		margin:0 auto;
		position:relative;
	}
	#logo {
		width: 70px;
		height: 40px;
		margin: 0 auto 40px auto;
		display:block;
	}
	#logo a {
		width: 70px;
		height: 40px;
		background: url(../images/common/logo.png) no-repeat;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#logo a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
    #facebook {
        position:absolute;
		top:4px;
		right:260px;
    }
    #facebook a {
        width: 100px;
		height: 25px;
        padding-left: 35px;
        line-height: 25px;
		background: url(../images/common/icon_facebook.png) 0 0 no-repeat;
		margin: 0 auto;
		display: block;
   		font-size:16px;
    }
    #facebook a:hover {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
    #instagram {
        position:absolute;
		top:4px;
		right:133px;
    }
    #instagram a {
        width: 100px;
		height: 25px;
        padding-left: 35px;
        line-height: 25px;
		background: url(../images/common/icon_instagram.png) 0 0 no-repeat;
		margin: 0 auto;
		display: block;
   		font-size:16px;
    }
    #instagram a:hover {
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
	#english {
		position:absolute;
		top:0;
		right:12px;
	}
	#english a {
		padding:8px 25px;
		display:block;
		background:url(../images/common/skin_yellow.png);
		color:#f2efdd;
		font-size:15px;
	}
	#link_menu {
		display:none;
	}
	
	/* ___________________global navigation */
	#gnav_sp {
		display: none;
	}
	#gnav {
		width:1200px;
		margin:0 auto 25px auto;
		text-align:center;
	}
	#gnav > li {
		height:57px;
		margin: 0;
		padding: 0 20px;
		display:inline;
	}
	#gnav li a {
		height:40px;
		margin: 0;
		padding: 0;
		font-size:18px;
		text-decoration:none;
		text-align:center;
		display:inline-block;
	}
	
	/* ___________________footer */
	#footer {
		width:100%;
		background-color:#000000;
	}
	#footer_inner {
		width:1200px;
		margin:0 auto;
		padding:25px 0 0 0;
		background-color:#000000;
	}
	#footer_logo {
		width: 120px;
		height: 120px;
		margin: 0 auto 18px auto;
		display:block;
	}
	#footer_logo a {
		width: 120px;
		height: 120px;
		background: url(../images/common/footer_logo.jpg) no-repeat;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#footer_logo a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	#address {
		font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
		padding:0 0 40px 0;
		font-size:12px;
		line-height:1.67;
		text-align:center;
	}
	#fnav {
		width:1200px;
		margin:0 auto 10px auto;
		text-align:center;
	}
	#fnav2 {
		width:1200px;
		text-align:center;
		margin:0 auto 45px auto;
	}
	#fnav > li,
	#fnav2 > li {
		margin: 0;
		padding: 0;
		display:inline;
	}
	#fnav li a {
		margin: 0;
		padding:0 1em 5px 1em;
		font-size:16px;
		text-decortion:none;
		display:inline-block;
	}
	#fnav2 li a {
		margin: 0;
		padding:0 1em 5px 1em;
		font-size:14px;
		text-decortion:none;
		display:inline-block;
		font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
	}
	#copyrights {
		margin: 0 auto 0 auto;
		padding: 0 0 10px 0;
		color: #59543a;
		font-size: 12px;
		text-align: center;
	}
	
	/* ___________________main title */
	#mtitle {
		width:1200px;
		height:53px;
		margin:0 auto 35px auto;
		position:relative;
		border-top:solid 1px #474029;
		border-bottom:solid 1px #474029;
		text-align:center;
		font-size:18px;
		line-height:53px;
		color:#a39d7d;
	}
	
	/* ___________________UI */
	.link_more {
		width:240px;
	}
	.link_more a {
		width:200px;
		padding:0 40px 0 0;
		display:block;
		background:url(../images/common/link_more.png) 0 0 no-repeat;
		font-size:14px;
		line-height:40px;
		color:#a39d7d;
		text-align:center;
		text-decoration:none;
	}
	
	#time {
		width:165px;
		padding:15px 20px 0 0;
		background:url(../images/common/bg_time.png) 40px 0 no-repeat;
		display:block;
		position:absolute;
		top:-50px;
		left:20px;
		opacity: 0;
	}
	#time p {
		padding:0 0 1em 0;
		font-size:16px;
		text-shadow: 0 2px 8px #000000;
		float:left;
	}
	#time dl {
		float:right;
	}
	#time dl dt, 
	#time dl dd {
		font-size:16px;
		text-align:right;
		text-shadow: 0 2px 8px #000000;
	}
}

/* Smartphones (portrait and landscape) */
@media screen and (max-width : 700px) {
	/* ___________________Smartphones Layout */
	#contents_wrapper {
		width:100%;
		box-sizing:border-box;
		padding:0 3%;
		margin:0 auto 35px auto;
	}
	#contents {
		width:100%
	}
	#sub_contents {
		width:100%
	}
	
	/* ___________________Smartphones header */
	#header {
		width:100%;
		height:;
		padding:20px 0 0 0;
		margin:0 auto;
		position:relative;
	}
	#logo {
		width: 70px;
		height: 40px;
		margin: 0 auto 20px auto;
		display:block;
	}
	#logo a {
		width: 70px;
		height: 40px;
		background: url(../images/common/logo_sp.png) no-repeat;
		background-size: 100% auto;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#logo a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
    #facebook {
        position:absolute;
		top:13px;
		right:85px;
    }
    #facebook a {
        width: 25px;
		height: 25px;
		background: url(../images/common/icon_facebook_sp.png) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
        opacity:0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
    }
    #instagram {
        position:absolute;
		top:13px;
		right:50px;
    }
    #instagram a {
        width: 25px;
		height: 25px;
		background: url(../images/common/icon_instagram_sp.png) no-repeat;
        -webkit-background-size: 100%;
        background-size: 100%;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
        opacity:0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
    }
	#english {
		position:absolute;
		top:0;
		left:5px;
	}
	#english a {
		padding:8px 20px;
		display:block;
		background:url(../images/common/skin_yellow.png);
		color:#f2efdd;
		font-size:12px;
	}
	#link_menu {
		position:absolute;
		top:10px;
		right:10px;
	}
	#link_menu a {
		width:30px;
		height:30px;
		display:block;
		background:url(../images/common/link_menu.png);
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	/* ___________________Smartphones global navigation */
	#gnav:after {
	  content: " ";
	  display: block;
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	#gnav {
		width:100%;
		margin:0 auto 30px auto;
		text-align:center;
		clear:both;
		display:none;
	}
	#gnav > li {
		width:50%;
		margin: 0;
		padding: 0;
		display:block;
		float:left;
	}
	#gnav li a {
		width:100%;
		margin: 0;
		padding: 10px 0;
		font-size:18px;
		text-decoration:none;
		text-align:center;
		display:block;
	}
	#gnav_sp {
		width: 100%;
		padding:60px 20px 30px 20px;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		/*background-color: rgba(0, 0, 0, 0.9);*/
		background-color: rgba(105,97,49,0.95);
		box-sizing: border-box;
		z-index:1000;
	}
	#gnav_sp * {
		box-sizing: border-box;
	}
	#gnav_sp ul {
		width: 100%;
		overflow: hidden;
		border-top: solid 1px #a39d7d;
	}
	#gnav_sp ul li {
		width: 100%;
		border-bottom: solid 1px #a39d7d;
	}
	#gnav_sp ul li a {
		display: block;
		width: 100%;
		height: 100%;
		padding:0 0 0 5px;
		font-size: 18px;
		line-height: 45px;
	}
	#gnav_sp .close {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		background-color: #000;
	}
	#gnav_sp .close img {
		width: 100%;
		height: auto;
	}
	
	/* ___________________Smartphones footer */
	#footer {
		width:100%;
		background-color:#000000;
	}
	#footer_inner {
		width:100%;
		margin:0 auto;
		padding:25px 0 10px 0;
	}
	#footer_logo {
		width: 80px;
		height: 80px;
		margin: 0 auto 18px auto;
	}
	#footer_logo a {
		width: 80px;
		height: 80px;
		background: url(../images/common/footer_logo.png) no-repeat;
		background-size:contain;
		margin: 0 auto;
		padding: 0;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#address {
		font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
		padding:0 0 20px 0;
		font-size:12px;
		line-height:1.67;
		text-align:center;
	}
	#fnav {
		width:100%;
		margin:0 auto 10px auto;
		text-align:center;
		clear:both;
	}
	#fnav2 {
		width:100%;
		text-align:center;
		margin:0 auto 45px auto;
		clear:both;
	}
	#fnav > li,
	#fnav2 > li {
		width:50%;
		margin: 0;
		padding: 0;
		display:block;
		float:left;
	}
	#fnav > li:first-child {
		width:100%;
	}
	#fnav li a {
		width:100%;
		margin: 0;
		padding: 10px 0;
		font-size:16px;
		text-decortion:none;
		display:block;
	}
	#fnav2 li a {
		margin: 0;
		padding: 15px 0;
		font-size:14px;
		text-decortion:none;
		display:inline-block;
		font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana;
	}
	#copyrights {
		padding:30px 0 0 0;
		margin: 0 auto;
		color: #59543a;
		font-size: 12px;
		text-align: center;
	}
	
	/* ___________________Smartphones main title */
	#mtitle {
		width:94%;
		height:53px;
		margin:0 3% 35px 3%;
		position:relative;
		border-top:solid 1px #474029;
		border-bottom:solid 1px #474029;
		text-align:center;
		font-size:18px;
		line-height:53px;
		color:#a39d7d;
	}
	
	/* ___________________Smartphones UI */
	.link_more {
		width:240px;
	}
	.link_more a {
		width:200px;
		padding:0 40px 0 0;
		display:block;
		background:url(../images/common/link_more.png) 0 0 no-repeat;
		font-size:14px;
		line-height:40px;
		color:#a39d7d;
		text-align:center;
		text-decoration:none;
	}
	#time {
		display: none;
	}
}