@charset "UTF-8";
/* ===================================
	File Name   : common.css
	Description : Base Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Itoh
	Update Description :
  [2018/04/06] SPレイアウト調整
	[2016/12/19] セクション内アンカー追加
	[2016/10/27] ヘッダーボタン追加の為の調整
	[2015/05/09] 新規作成
====================================== */
/*========== Style Contents ==========
	1. Global Redefinition
	2. Font Size Redefinition
	3. Box Setting
	4. Common Items Setting
		- Basic Link
	 	- Title Setting
	 	- Header Items
		- Global Navigation
	 	- Footer Items
		- Breadcrumbs
		- Page Top Button
		- Title Items
		- Page Anchor
		- Section Anchor
		- Banner's
		- Etc
		- Clear Fix
	5. Media Queries
====================================== */
/*===== ■1. Global Redefinition =====*/
body {
	color: #192A39;
	line-height: 1.5;
  margin: 0px auto;
	-webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*===== ■2. Font Size Redefinition =====*/
html { font-size: 62.5%;}
body {
	font-size: 1.4em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img { width: 100%;}
img.def { width: auto;}
/*===== ■3. Box Setting =====*/
header {
	padding-top: 16px;
	border-top: 4px solid #EB0000;
}
article {
	position: relative;
	margin: 0px auto;
}
section,
.section {
	position: relative;
	margin: 0px auto;
}
article > section { padding: 80px 0;}
article > section:nth-of-type(2n) { background: #E9EBEA;}
/* Clear Fix Only Box  */
header:after,
section:after,
.section:after,
section .wrapper:after,
.section .wrapper:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*===== ■4. Common Items Setting =====*/
/* Basic Link */
a {
	outline: hidden;
	text-decoration: underline;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
a:link {
	color: #192A39;
	text-decoration: underline;
}
a:visited {
	color: #192A39;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a:not(.no_icon)[target="_blank"] {
	padding-right: 20px;
	background: url(../images/mark-blank.png) no-repeat right center / 15px 15px;
	line-height: 140%;
}
article a:link { color: #EB0000;}
article a:visited { color: #EB0000;}
article a:hover { color: #FF4D4D;}
/* Header Items */
header h1,
header p {
	float: left;
	width: 70.78%;
	max-width: 457px;
	margin: 0 0 15px 80px;
	font-size: 0;
}
header #nav_head {
	float: right;
	margin: 0 80px 10px 0;
	font-size: 1.2rem;
}
header #nav_head a { text-decoration: none;}
header #nav_head ul,
header #nav_head li {
	display: inline-block;
	vertical-align: top;
}
header #nav_head li:first-child ul { margin-right: 15px;}
header #nav_head li:first-child li {
	padding: 0 12px 0 15px;
	border-left: 1px solid #ddd;
}
header #nav_head li:first-child li:last-child { border-right: 1px solid #ddd;}
header #nav_head li span {
  color: #8B968D;
}
header table {
	float: right;
	clear: right;
	margin: 0 80px 10px 0;
	font-weight: bold;
}
header th {
	padding: 5px 6px 2px;
	border-radius: 3px;
	background: #8B968D;
	color: #fff;
	line-height: 100%;
	vertical-align: middle;
}
header td {
	padding-left: 10px;
	font-size: 1.6rem;
}
header tr:last-child td { padding-left: 0;}
header td span { font-size: 1.4rem;}
header td br { display: none;}
header td.spacer { height: 5px;}
header td a {
	display: inline-block;
	margin-top:5px;
	margin-left: 15px;
	padding: 6px 20px 3px 10px;
	border-radius: 50px;
	background: #ff0000;
	color: #ffffff !important;
	font-size: 1.2rem;
	line-height: 100%;
	text-decoration: none !important;
}
header td a:after {
	float: right;
	width: 6px;
	height: 6px;
	margin: 2px -10px 0 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:'';
}
header td a:hover { background: #FA9723;}
header tr:last-child td { text-align: right;}
header tr:last-child td a {
	padding: 8px 20px 5px 25px;
	border-radius: 5px;
	background: #E80000 url(../js/./css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE0ElEQVR4Xu2bbeifYxTHP1/Pw0qR8AbFKEYL5WFtonkh85BFXljmIeahCJmVvaCMEGWzrW0meyGyDMsLixCjTPJUhjJvkCjl+fGro/uvv+1/3/d13b/79//fa/ep36vfuc451/c61znnus51i3Ei29OA84EjgUOL38GF+q+AL4rfp8B6Se+Oh2kaphLbhwFXARcBR2Tq+gx4ClgpaWvm2GT2oQBgex/gduBmYK9ka8Zm/BV4AFgs6acBZW03vHUAbIebLwUOadnYL4HrJK1vU26rANheANwNtCp31IQNLJR0T1sgtGKo7d2BZcAVbRlWI2c1MF/SH4PqawuAR4F5gxqTOX6NpMszx7QfA2xfU6z+oLY0GR9esLzJwJExA3mA7VOAV4A9Moz4GYgc/3bxi6EnFb+oFfbOkPU7cLqkNzPG/I+1MQC2dwU+BI5OVB684S1vSfprrDGFzJOBWNVjE+V+HLxlMutkDALAZcCaOgXA38D9wCJJvyXwY3tP4E7gFmCXhDHzJD2WwNdODLAdLv9JUc5W6Y3cfbGk15sYZ3s68GRCTRFl9BRJsSWyqJEH2E5Z/cjZsyS9lGXRNsy2zwQ2JtQWjbygKQDPAufWTGy5pPmDTH5krO2oMSJ+VNFzks7L1ZcNgO1JwLc10TpccqqkH3INKgmOk4EParZcZJcDJP2So7MJAOcAz9comSNpXY4hdby2LwSeruGbLWlDnazR/zcBIKLzHTVKYiW+yzGkjtf2/oXnVbHeJWlRnaxBAVgJXFmhZKukw3OMSOW1/TkQdwxltEpS3D8kUxMPCPePbVBG6yTNSbYgg9F2bIHYCmW0QdLsDJH5x1bbUcKeWKEkjquLc4xI5bUdlyxx3C6jzZKirE6mJh4QpedRFRoa5eMUixPqjy2SUkvzf1X2AKQgP5rHdu8B/RbYGWOA7f2Ag4AXgKo8vxB4JndrJfJfUJMFok44G/ha0vcpMmuDYDHxJ4CzEs/mKXqHzRN3EC8Cl9QBkQJAHGfPGLbFQ5L/sqQ4TpdSJQC2ZwCvDsm48RI7U9JrZcrqALgNaK0JMV4z3kbPAkn3NgXgkWhATJDhbaldJunapgDE7ezVbVkyQXJWSCq9TarbAj0AvQf0W2BoMSCaJB8VceEYIJohw6DOxYBolkRg3TjSKSo6QbOAFQlNkFyQOgXAFmCGpG/GmoXtA4EoWqouXHZoAKKTW1lZ2p5ZdJxzJ1rG3xkPeEdS1V3ifxOwvRk4oSUEOgPAaklV1+mjAVjV4nObzgCwVNL1Katqe0m8CEvhTeDpDACbJJ2WYHC8D3gDODWFN4GnMwBE3j9OUrwrKCXbU4D3W6wLOgNATHoTMF1SvB3YjmzH2SQeU7S1+qGjUwCEQZMkxfPXsQCIZ7VZ7e0daQuM2NoD0HtAvwX6GNAHwT4L7MRpcLKkH0s8YF+glad1o+R3rhCaK2ltCQCXAo8nFDc5LJ0DIFY/JhkPH0fTVGAuEF7QJnUOgDYnlyKrB6DvDA3QGnsYSLrFSfHFCeJZIumGMt11vcEbgQcnyPC21N4k6aGmABxffOBU+5KkLWtblhMXL9MkvdcIgBhkO1JW5OcdkdZKitRaSrUra3s34L7iC/C2vwceFqjRfosvz2+V9GeVkn8Ay3scX/8IYYAAAAAASUVORK5CYII=) no-repeat left 3px center;
	background-size: 16px 16px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
}
header tr:last-child td a:hover { opacity: 0.6;}
header tr:last-child td a:first-child {
	padding-left:8px;
	background-image:none;
	background-color: #009B74;
}
/* Global Navigation */
#nav_menu { display: none;}
header nav {
	position: relative;
	z-index: 2;
	clear: both;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
}
header nav:after {
	display: block;
	position: absolute;
	bottom: -3px;
	background: url(../images/bg-shadow.png) repeat-x;
}
header nav.fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
}
nav > ul {
	display: table;
	width: 1080px;
	margin: 0 auto;
}
nav > ul > li {
	display: table-cell;
	background: url(../images/bg-nav.gif) no-repeat left center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
nav > ul > li:last-child { background: url(../images/bg-nav.gif) no-repeat right center, url(../images/bg-nav.gif) no-repeat left center;}
nav > ul li.soon { color: #8B968C;}
nav > ul .comment { font-size: 10px;display: block;}
nav > ul > li:nth-child(3),
nav > ul > li:nth-child(4) { width: 150px;}
nav > ul > li a {
	display: block;
	height: 60px;
	padding: 10px 0;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none !important;
}
/*
nav > ul > li:last-child a {
	color: #009A73;
	line-height: inherit;
}
*/
nav > ul > li a:hover,
nav > ul > li.active,
nav > ul > li.actived {
	background: #eee !important;
	color: inherit !important;
}
/*
nav > ul > li:last-child a:hover {
	background: none;
	color: #3DBE93 !important;
}
*/
nav > ul > li.active span {color: #8B968C !important; }
nav > ul > li a img { margin-left: 5px;}
nav li div {
	display: none;
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100vw;
	padding: 10px 0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.15);
	background: #eee;
}
nav li div * {
	font-weight: normal;
	font-size: 1.4rem;
}
nav li div ul {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
}
nav li div li {
	position: relative;
	display: inline-block;
	margin-right: 40px;
}
nav li div li a {
	position: relative;
	height: auto;
	padding: 0 14px;
	font-weight: normal;
	font-size: 1.4rem;
	line-heigth: 1;
}
nav li div li a:hover { background: #ccc !important;}
nav li div li a:before,
nav li div li.soon:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	margin: -4px -10px 0 0;
	border-top: 1px solid #8B968D;
	border-right: 1px solid #8B968D;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:'';
}
nav li div li.soon:before { margin-left: -15px;}
/* Footer Items */
footer { padding: 50px 0 0;}
footer > ul {
	float: left;
	width: 400px;
	margin: 0 0 20px 5%;
}
footer > ul li {
	display: inline-block;
	min-width: 180px;
	margin: 0 10px 15px 0;
	font-size: 12px;
	vertical-align: middle;
}
footer > ul li:before {
	float: left;
	width: 6px;
	height: 6px;
	margin: 6px 6px 0 0;
	border-top: 1px solid #EB0000;
	border-right: 1px solid #EB0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:'';
}
footer > ul li.soon { color: #8B968C;}
footer > ul li a img {
	margin-left: 5px;
	vertical-align: middle;
}
footer dl {
	float: right;
	margin: 0 80px 50px 0;
}
footer dt {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #1C2A38;
	font-weight: bold;
	font-size: 1.6rem;
}
footer dd p {
	margin-bottom: 12px;
	font-size: 1.3rem;
}
footer dd p:first-child {
  margin-bottom: 0;
}
footer dd ul { margin: 0 0 4px;}
footer dd span { display: block;}
footer dd br { display: none;}
footer dd li {
	display: inline-block;
	margin-right: 20px;
}
footer dd li:last-child { margin: 0;}
footer dd li b {
	display: inline-block;
	margin-right: 5px;
	padding: 4px 5px 3px 4px;
	border-radius: 3px;
	background: #8B968D;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 100%;
}
footer dd li span { display: inline;}
footer dd > a:not(.no_icon)[target="_blank"] {
	display: inline-block;
	margin-top: 15px;
	padding: 7px 25px 7px 10px;
	border-radius: 30px;
	background-color: #E37C06;
	background-position: right 5px center;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.05em;
	text-decoration: none;
}
footer dd > a:not(.no_icon)[target="_blank"]:hover { background-color: #FA9723;}
footer > div {
	clear: both;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
footer > div p {
	float: left;
	margin-left: 80px;
	font-size: 1.2rem;
}
footer > div em {
	display: block;
	float: right;
	width: 220px;
	margin-right: 80px;
}
footer > div em a:hover img { opacity: 0.6;}
/* Breadcrumbs */
article > ol {
	margin: 0 50px;
	padding: 10px 0;
	font-size: 1.2rem;
}
article > ol li {
	display: inline-block;
	margin-right: 10px;
	line-height: 100%;
}
article > ol li:after {
	float: right;
	width: 6px;
	height: 6px;
	margin: 3px 0 0 10px;
	border-top: 1px solid #8B968D;
	border-right: 1px solid #8B968D;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:'';
}
article > ol li:last-child:after { display: none;}
/* Page Top Button */
aside.banners b {
	display: inline-block;
	position: fixed;
	left: 50%;
	bottom: -20px;
	width: 100px;
	height: 50px;
	margin-left: -50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1000;
}
aside.banners b:hover { bottom: 0;}
aside.banners b a {
	display: block;
	position: relative;
	width: 100px;
	height: 50px;
	padding: 30px 0 10px;
	box-sizing: border-box;
	border-radius: 50px 50px 0 0;
	background: #8B968D;
	color: #fff !important;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 120%;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none !important;
}
aside.banners b a:before {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 12px;
	height: 12px;
	margin: 3px 0 0 -6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
/* Title Items */
article h1 {
	background: url(../images/bg-title-p.png);
	text-align: center;
}
article h1 span {
	display: inline-block;
	padding: 35px 25px;
	border-bottom: 4px solid #E80000;
	font-weight: bold;
	font-size: 3.4rem;
	line-height: 100%;
}
article section h2 {
	display: table;
	width: 100%;
	height: 100px;
	margin-bottom: 60px;
	text-align: center;
}
article section h2 span {
	display: table-cell;
	position: relative;
	z-index: 2;
	font-weight: bold;
	font-size: 3.0rem;
	letter-spacing: 0.1em;
	vertical-align: middle;
}
article section h2 span:before,
article section h2 span:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	width: 70px;
	height: 70px;
	margin: 15px auto 0;
	background: rgba(235,0,0,0.15);
	content:'';
}
article section h2 span:before {
	-webkit-transform: translateX(-25px) rotate(45deg);
	transform: translateX(-25px) rotate(45deg);
}
article section h2 span:after {
	-webkit-transform: translateX(25px) rotate(45deg);
	transform: translateX(25px) rotate(45deg);
}
article section:nth-of-type(2n) h2 span:before,
article section:nth-of-type(2n) h2 span:after { background: rgba(139,150,141,0.3);}
/* Page Anchor */
#page_anchor {
	max-width: 1080px;
	margin: 40px auto 0;
	text-align: center;
}
#page_anchor li {
	display: inline-block;
	margin: 15px 18px;
	color: #8B968D;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1;
}
#page_anchor li:before {
	float: left;
	width: 10px;
	height: 10px;
	margin: -1px 10px 0 0;
	border-right: 2px solid #eb0000;
	border-bottom: 2px solid #eb0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:'';
}
#page_anchor li a {
	color: #192A39;
	text-decoration: none;
}
#page_anchor li a:hover { color: #8B968D;}
/* Section Anchor */
.section_anchor {
	max-width: 1080px;
	margin: -20px auto 30px;
	padding: 15px;
	background: #ebebeb;
}
article > section:nth-of-type(2n) .section_anchor { background: #fff;}
.section_anchor li {
	display: inline-block;
	margin: 10px 15px;
	color: #8B968D;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1;
}
.section_anchor li:before {
	float: left;
	width: 6px;
	height: 6px;
	margin: 0 6px 0 0;
	border-right: 1px solid #eb0000;
	border-bottom: 1px solid #eb0000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content:'';
}
.section_anchor li a {
	color: #192A39;
	text-decoration: none;
}
.section_anchor li a:hover { color: #8B968D;}
/* Banner's */
.banners {
	position: relative;
	overflow: hidden;
	padding: 60px 0 40px;
	background: #C5CAC6;
}
.no_bnr {
	padding: 0 0 50px;
	background: #E9EBEA !important;
}
.no_bnr_white {
	padding: 0 0 50px;
	border-bottom: 1px solid #8B968D;
	background: #fff !important;
}
.banners > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 10%;
}
.banners > ul li {
	width: 100%;
	max-width: 400px;
	margin: 0 15px 30px;
}
.banners > ul li a {
	display: table;
	position: relative;
	width: 100%;
	background: #fff;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 150%;
	text-decoration: none;
}
.banners > ul li a.soon { color: #8B968C;}
.banners > ul li a:not(.soon):hover { background: #ebebeb;}
.banners > ul li a:not(.soon):hover img { opacity: 0.7;}
.banners > ul li a:not(.soon):before,
.banners > ul li a:not(.soon):after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	margin: auto;
	content: "";
}
.banners > ul li:not(.soon) a:before {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #E80000;
}
.banners > ul li:not(.soon) a:after {
	width: 8px;
	height: 8px;
	margin: -5px 12px 0 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.banners > ul li a:hover:before{ opacity: 0.6;}
.banners > ul li a span,
.banners > ul li a img {
	display: table-cell;
	vertical-align: middle;
}
.banners > ul li a span {
	width: 100%;
	padding-left: 10px;
	box-sizing: border-box;
}
.banners > ul li img { width: 160px;}
/* Etc */
.pc_none { display: none;}
/* Clear Fix  */
footer > div:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*===== ■5. Media Queries =====*/
@media screen and (min-width:1081px) and (max-width:1240px) {
	header h1,
	header p {
		width: 35%;
		margin: 0 1.53% 15px 6.45%;
		font-size: 0;
	}
	header #nav_head,
	header table {
		width: 50%;
		margin: 0 6.45% 10px 0.57%;
	}
	header #nav_head li:first-child ul { margin-bottom: 5px;}
}
@media screen and (max-width:1080px) {
	/*===== Font Size Redefinition =====*/
	body { font-size: 1.2em;}
	/*===== Box Setting =====*/
	article > section { padding: 40px 0;}
	/*===== Common Items Setting =====*/
	/* Header Items */
	header h1,
	header p {
		float: none;
		margin: 0 0 2% 4.69%;
	}
	header #nav_head {
		display: block;
		float: none;
		margin: 15px 4% 3.5%;
		text-align: center;
	}
	header #nav_head > li {
		display: block;
		position: relative;
		float: left;
		width: 60%;
		margin: 0;
		box-sizing: border-box;
		font-size: 1.2rem;
	}
	header #nav_head > li:first-child {
		width: 40%;
		cursor: pointer;
	}
	header #nav_head > li:first-child:before {
		display: block;
		width: 100%;
		padding: 2px 10px 4px 5px;
		box-sizing: border-box;
		border-radius: 28px;
		border: 2px solid #ddd;
		font-weight: bold;
		content: 'Language';
	}
	header #nav_head > li:first-child:after {
		position: absolute;
		top: 8px;
		right: 12px;
		width: 6px;
		height: 6px;
		margin: 0;
		border-bottom: 1px solid #131B25;
		border-right: 1px solid #131B25;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content:'';
	}
	header #nav_head > li.active:first-child:after {
		margin-top: 4px;
		border: none;
		border-top: 1px solid #131B25;
		border-right: 1px solid #131B25;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	header #nav_head li:first-child ul {
		display: none;
		position: absolute;
		left: 0;
		z-index: 99;
		width: 100%;
		margin-right: 0;
		border-radius: 3px 3px 0 0;
		background: #fff;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	}
	header #nav_head li:first-child li {
		display: block;
		padding: 0;
		border-left: none;
		border-bottom: 1px solid #ddd;
	}
	header #nav_head li:first-child li:last-child { border: none;}
	header #nav_head li:first-child li a {
		display: block;
		padding: 10px;
	}
  header #nav_head li #btn_social {
    width: 100%;
    margin-top: 4px;
    text-align: left;
  }
  header #nav_head li #btn_social li {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
  }
	header table {
		float: none;
		margin: 0 0 3.5% 4.69%;
	}
	header th {
		padding: 8px 5px 6px;
		white-space: nowrap;
		letter-spacing: 0.2em;
	}
	header td {
		padding-left: 10px;
		font-size: 1.4rem;
		vertical-align: middle;
	}
	header td span { font-size: 1.2rem;}
	header td br { display: none;}
	header td.spacer { height: 10px;}
	header td a {
		display: block;
		width: 6em;
		margin-left: 0px;
		padding: 4px 20px 3px 10px;
		border-radius: 50px;
		background: #E37C06;
		color: #ffffff !important;
		font-size: 1.2rem;
		line-height: 100%;
		text-decoration: none !important;
	}
	header td a:after {
		float: right;
		width: 6px;
		height: 6px;
		margin: 2px -10px 0 0;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content:'';
	}
	header td a:hover { background: #FA9723;}
	header tr:last-child td { text-align: left;}
	header tr:last-child td a {
    display: inline-block;
		margin: 10px 0;
		padding: 10px 20px 10px 25px;
		width: auto;
    line-height: 1.2rem;
	}
	/* Global Navigation */
	#nav_menu {
		display: table;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		width: 60px;
		height: 60px;
		background: #f00;
		color: #fff !important;
		text-decoration: none !important;
		text-align: center;
	}
	#nav_menu span {
		display: table-cell;
		padding-top: 20%;
		vertical-align: top;
	}
	#nav_menu span:before { content:'MENU';}
	.mm-opened #nav_menu span:before { content:'CLOSE';}
	#nav_menu span i {
		display: block;
		position: relative;
		width: 25%;
		margin: 10% auto 0;
		border-top: 2px solid #fff;
	}
	#nav_menu span i:before,
	#nav_menu span i:after {
		position: absolute;
		left: 0;
		width: 100%;
		border-top: 2px solid #fff;
		content:'';
	}
	#nav_menu span i:before { top: -8px;}
	#nav_menu span i:after { top: 4px;}
	.mm-opened #nav_menu span i {
		height: 2px;
		border: none;
		background: #fff;
		transform: rotate(45deg);
	}
	.mm-opened #nav_menu span i:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 0px;
		height: 2px;
		margin-top: -1px;
		border: none;
		background: #fff;
		transform: rotate(-90deg);
	}
	.mm-opened #nav_menu span i:after { display: none;}
	.mm-listview > li:last-child a.no_icon { /*color: #009A73 !important;*/}
	.mm-listview > li.soon { color: #8B968D !important;}
	.mm-listview .mm-listview > li.soon { font-weight: normal !important;}
	nav li div {
		position: relative;
		width: inherit;
		box-shadow: none;
	}
	nav li a br { display: none;}
	nav li div li.soon:before { margin-left: 0;}
	nav .no_icon img.def {
		position: relative;
		top: 2px;
		margin-left: 5px;
	}
	.mm-listview > li > span > span.comment { display: inline-block;padding-left: 2px;}
	/* Footer Items */
	footer { padding: 20px 0 0;}
	footer > ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	footer > ul li {
		float: none;
		width: 46%;
		min-width: inherit;
		margin: 0;
		font-size: 1.1rem;
	}
	footer > ul li:nth-child(2n) { width: 54%;}
	footer > ul li:before { display: none;}
	footer > ul li a,
	footer > ul li.soon span {
		display: block;
		padding: 10px 0 10px 7.81%;
	}
	footer > ul li a:before,
	footer > ul li.soon span:before {
		float: left;
		width: 6px;
		height: 6px;
		margin: 6px 6px 0 0;
		border-top: 1px solid #EB0000;
		border-right: 1px solid #EB0000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content:'';
	}
	footer > ul li.soon { color: #8B968C;}
	footer dl {
		float: none;
		margin: 0 4.69% 30px;
	}
	footer dt { font-size: 1.4rem;}
	footer dd br { display: inherit;}
	footer dd li { margin-bottom: 10px;}
	footer > div {
		clear: both;
		padding: 15px 0;
		border-top: 1px solid #ccc;
	}
	footer > div p {
		float: none;
		margin: 0 4.69% 20px;
		font-size: 1.0rem;
		line-height: 150%;
		text-align: center;
	}
	footer > div em {
		display: block;
		float: none;
		width: 68.75%;
		max-width: 441px;
		margin: 0 auto;
	}
	/* Breadcrumbs */
	article > ol { margin: 0 4.69%;}
	article > ol li { margin-right: 5px;}
	article > ol li:after { margin: 3px 0 0 5px;}
	/* Title Items */
	article h1 span {
		padding: 25px 15px;
		font-size: 2.0rem;
	}
	article section h2 {
		height: 50px;
		margin-bottom: 30px;
	}
	article section h2 span {
		font-size: 1.8rem;
		line-height: 1.2;
	}
	article section h2 span:before,
	article section h2 span:after {
		width: 35px;
		height: 35px;
		margin: 7px auto 0;
		content: '';
	}
	article section h2 span:before {
		-webkit-transform: translateX(-12px) rotate(45deg);
		transform: translateX(-12px) rotate(45deg);
	}
	article section h2 span:after {
		-webkit-transform: translateX(12px) rotate(45deg);
		transform: translateX(12px) rotate(45deg);
	}
	/* Page Anchor */
	#page_anchor { margin-top: 20px;}
	#page_anchor li {
		margin: 8px 10px;
		font-size: 1.2rem;
	}
	#page_anchor li:before {
		width: 8px;
		height: 8px;
		margin: -2px 8px 0 0;
	}
	#page_anchor li a { line-height: inherit;}
	/* Section Anchor */
	.section_anchor { margin: 20px;}
	.section_anchor li {
		display: block;
		position: relative;
		margin: 8px 10px;
		padding-left:15px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.section_anchor li:before {
		float: none;
		position: absolute;
		top: 7px;
		left: 0px;
	}
	.section_anchor li a {
		display: block;
		padding: 5px 0;
		line-height: 1.5;
	}
	/* Banner's */
	.banners {
		position: relative;
		overflow: hidden;
		padding: 25px 0 35px;
		background: #C5CAC6;
	}
	.banners > ul { margin: 0;}
	.banners > ul li { margin: 0 15px 15px;}
	.banners > ul li a { font-size: 1.3rem;}
	.banners > ul li:not(.soon) a:before,
	.banners > ul li:not(.soon) a:after { right: 10px;}
  .banners > ul li:not(.soon) a:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #E80000;
  }
  .banners > ul li:not(.soon) a:after {
    width: 6px;
    height: 6px;
    margin: -4px 8px 0 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  /*.banners > ul li img { width: 100px;}*/
  header table tr:nth-child(3) td:last-child span{
    display: block;
  }
  /* Etc*/
  .pc_none { display: inherit;}
  .sp_none { display: none;}
  /* Clear Fix  */
  header #nav_head:after,
  footer > ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
@media screen and (max-width:420px) {
  header tr:last-child td a {
    font-size: 3.0vw;
    background-position: top 8px left 7px;
    background-size: 12px 12px;
  }
}
@media screen and (min-width:721px) and (max-width:1080px) {
  /* shame style */
  header #nav_head li #btn_social li {
    padding-left: 5px;
  }
}