@charset "utf-8";

/* =============================================
body設定
サイトサイズ設定
ヘッダー設定
グローバルナビ設定
ローカルナビ設定
コンテンツエリア設定
フッター設定
================================================ */




/* =============================================
 body設定
================================================ */
body {
	background: #1f1f1f;
}

@media screen and (max-width: 768px) {
	body {
		-webkit-text-size-adjust: 100%;
		padding-top: 57px;
	}
}

/*例外*/
.bgw body {
	background: #fff;
	color: #1f1f1f;
}

/* =============================================
 レイアウト設定
================================================ */
.container {
	width: 100%;
	max-width:1150px;
	padding-right: 20px;
	padding-left: 20px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
	.container {
		padding-left:10px;
		padding-right:10px;
	}
}

/* second page
---------------------------------------------- */
article.container {
	padding-top: 20px;
	padding-bottom: 75px;
}

@media screen and (max-width: 768px) {
	article.container {
		padding-top: 15px;
		padding-bottom: 20px;
	}
}

#main {
	width: 770px;
	float: left;
}

/*タブレット*/
@media screen and (min-width: 769px) and (max-width: 1170px) {
	#main {
		width: -webkit-calc(96.4% - 300px);
		width: -moz-calc(96.4% - 300px);
		width: calc(96.4% - 300px);
	}
}

/*スマホ*/
@media screen and (max-width: 768px) {
	#main {
		width: 100%;
		float: none;
	}
}

#side {
	width: 300px;
	float: right;
}

/*例外*/
.bgw article.container {
	padding-bottom: 60px;
}

/*スマホ*/
@media screen and (max-width: 768px) {
	.bgw article.container {
		padding-top: 15px;
		padding-bottom: 20px;
	}
}


/* =============================================
 ヘッダー設定
================================================ */

/* header
---------------------------------------------- */
#header {
	position: relative;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAGBAMAAAA8p9PpAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAAP///////////////////////////////////////////////649SjkAAAAMdFJOUwBrAX26C8MFYPuzqgO75yYAAAAhSURBVAjXY2BgYDVZocAABtxnzghAWJVnziSgsxCyUB0AOZMKS0awGHwAAAAASUVORK5CYII=) repeat-x left 121px / 9px 3px;
	background: #1f1f1f;
}

@media screen and (max-width: 768px) {
	#header{
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		border-bottom: 2px solid #fff;
	}

	#header:after{
		display: none;
	}
}


/* inner
---------------------------------------------- */
#header .inner {
	width: 100%;
	max-width: 1150px;
	height: 126px;
	padding: 16px 20px 0;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 768px) {
	#header .inner {
		height: 55px;
		padding: 0;
	}
}


/* list
---------------------------------------------- */
#header .list {
	width: 100%;
	display: table;
	text-align: center;
}

#header .list .btn-left,
#header .list .btn-right {
	display: table-cell;
	vertical-align: top;
	width: 40%;
}

#header .list .btn-left > li,
#header .list .btn-right > li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 30px 0 0;
	position: relative;
}

#header .list > ul > li > .switch {
	width: 140px;
	margin: 0 auto;
}

#header .list > ul > li > .switch:hover {
	padding-bottom: 18px;
}

#header .list > ul > li > .switch > .tit {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 10px 0 21px;
	border-radius: 6px;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
	position: relative;
}

#header .list > ul > li > .switch:hover > .tit {
	color: #ff6300;
	background: #fff;
}

#header .list > ul > li > .switch > .tit > .en {
	font-family: 'Anton', Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-indent: .05em;
	margin-bottom: 5px;
	line-height: 16px;
}

#header .list > ul > li > .switch > .tit > .jp {
	line-height: 10px;
}

#header .list > ul > li > .switch > .tit:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 10px;
	display: block;
	width: 110px;
	height: 5px;
	margin-left: -55px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAKAQMAAADl86LwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAIUlEQVQY02P4jww+oPIY8EpSAOxxGXuAkCQFgB+7sYQkAbnxlRHm9xW+AAAAAElFTkSuQmCC) no-repeat center top / contain;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}

#header .list > ul > li > .switch:hover > .tit:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAKAQMAAADl86LwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP9jAFUvtUYAAAABdFJOUwBA5thmAAAAIUlEQVQY02P4jww+oPIY8EpSAOxxGXuAkCQFgB+7sYQkAbnxlRHm9xW+AAAAAElFTkSuQmCC);
}


/* 子リスト
---------------------------------------------- */
#header .list > ul > li > .switch .btn-child {
	height: 0;
	overflow: hidden;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 101;
	margin-top: 18px;
	-webkit-transition: height .4s;
	-o-transition: height .4s;
	transition: height .4s;
}

#header .list > ul:first-child > li:first-child > .switch:hover .btn-child {height: 370px;}
#header .list > ul:first-child > li:last-child > .switch:hover .btn-child {height: 370px;}
#header .list > ul:last-child > li:first-child > .switch:hover .btn-child {height: 370px;}
#header .list > ul:last-child > li:last-child > .switch:hover .btn-child {height: 488px;}

.btn-child .wrap {
	padding: 24px 20px 20px;
	border-top: 15px solid #fff;
	border-bottom: 3px solid #fff;
	color: #fff;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAG0lEQVQYV2M0NDT8z8DAwMCIh2FpaQlRg5sBAN0DDPm+dd2KAAAAAElFTkSuQmCC) repeat center top / 1px 4px;
	position: relative;
}

.btn-child .wrap .en {
	font-family: 'Anton', Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-indent: .05em;
	margin-bottom: 2px;
	line-height: 1;
}

.btn-child .wrap .en:before,
.btn-child .wrap .en:after {
	content: "";
	display: inline-block;
	width: 54px;
	height: 5px;
	vertical-align: middle;
}

.btn-child .wrap .en:before {
	margin-right: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKAQMAAABrBSnJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAHklEQVQI12P4jww+MKBxCQB7VMX2pOhl4EdVjMwFANnWSfndtFcHAAAAAElFTkSuQmCC) no-repeat center center / 54px 5px;
}

.btn-child .wrap .en:after {
	margin-left: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKAQMAAABrBSnJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAG0lEQVQI12P4jww+MKBx8QNktQcwuETrxeQCAJLRSxmXSvfHAAAAAElFTkSuQmCC) no-repeat center center / 54px 5px;
}

.btn-child .wrap .jp {
	margin-bottom: 15px;
}

.btn-child .wrap ul {
	width: 100%;
	margin: 0 auto;
}

.btn-child .wrap ul > li {
	display:inline-block;
	vertical-align:top;
}

.btn-child .wrap ul > li a {
	color: #fff;
	text-align: left;
}

/*調整*/
@media screen and (min-width: 769px) and (max-width: 850px) {
	#header .list > ul:first-child > li:first-child > .switch:hover .btn-child {height: 400px;}
	#header .list > ul:first-child > li:nth-child(2) > .switch:hover .btn-child {height: 400px;}
	#header .list > ul:nth-child(2) > li:first-child > .switch:hover .btn-child {height: 400px;}
	#header .list > ul:nth-child(2) > li:nth-child(2) > .switch:hover .btn-child {height: 440px;}
}

/*三角*/
#header .list > ul > li > .switch .tri {
	height: 0;
	overflow: hidden;
	content: "";
	position: absolute;
	bottom: -33px;
	left: 50%;
	display: block;
	width: 24px;
	margin-left: -12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAYCAYAAAC8/X7cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZDZmMDg1OC1kNDQ0LTBiNDktOTg4ZC1hOWQ3MDM2NmVkY2QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzhFMzdFREFEMjQyMTFFNkJGQkRFQUI0QjdENTYwRkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzhFMzdFRDlEMjQyMTFFNkJGQkRFQUI0QjdENTYwRkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N2Q2ZjA4NTgtZDQ0NC0wYjQ5LTk4OGQtYTlkNzAzNjZlZGNkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdkNmYwODU4LWQ0NDQtMGI0OS05ODhkLWE5ZDcwMzY2ZWRjZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuZrrq0AAAE3SURBVHja1FbtCoJAEOws6hn84XP4q+id+rBMzTIr6JmiHkykFW5hKaqr2/VjYFBQzhnHm1X5vt8TxBo4BO6kHjAoikJq7RCY63MFTEUMlGUpLb7CVh/ZTfRd15UWj5gCHeCdNQHHcTjX2wAPH64nT4nYGwBwrRUBM4P7Er0nkjYlYCoeEWsTsfUe8DzPdo34R/GISfUCgbcmWyix7PhIJxE1MQdsxdONr/SxtgS2zJ0eEjPicyAVmqpj4Ah4lWyhlLPD3/w70URY58COq7sNTChihiWBusQjVk+JvIWJ+n3N4qmJs20LZTYdzYBAf07BP3OgafGIJTFjnMDh38EiaEIRMx/3QN4y8YgF8PKthfJfOrgBzImZlzlwNO3eFphQaAYT6Ip4xAzNVK//RAZHr2Mm1EOAAQAM1EcH399gIAAAAABJRU5ErkJggg==) no-repeat center center / 24px 12px;
	background: linear-gradient(135deg, #fff 50%,#fff 50%,transparent 50%,transparent 100%) no-repeat left top / 12px 12px,
		linear-gradient(225deg, #fff 50%,#fff 50%,transparent 50%,transparent 100%) no-repeat right top / 12px 12px,
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAG0lEQVQYV2M0NDT8z8DAwMCIh2FpaQlRg5sBAN0DDPm+dd2KAAAAAElFTkSuQmCC) repeat center top / 1px 4px;
	-webkit-transition: height .05s .1s;
	-o-transition: height .05s .1s;
	transition: height .05s .1s;
	z-index: 103;
}

#header .list > ul > li > .switch:hover .tri {
	bottom: -15px;
	height: 12px;
	-webkit-transition: height .1s;
	-o-transition: height .1s;
	transition: height .1s;
}



/*差分*/
.btn-child .wrap ul.column3 {
	max-width: 658px;
}

.btn-child .wrap ul.column3 > li {
	width: 31.3%;
	margin-right: 3.05%;
}

.btn-child .wrap ul.column4 {
	max-width: 884px;
}

.btn-child .wrap ul.column4 > li {
	width: 23.5%;
	margin-right: 2%;
}

.btn-child .wrap ul.column5 {
	max-width: 1110px;
}

.btn-child .wrap ul.column5 > li {
	width: 18.56%;
	margin-right: 1.8%;
}

.btn-child .wrap ul.column3 > li:last-child,
.btn-child .wrap ul.column4 > li:last-child,
.btn-child .wrap ul.column5 > li:last-child {
	margin-right: 0;
}

/* header-banners
---------------------------------------------- */
#header-banners {
	width: 100%;
	max-width: 810px;
	padding: 0 20px;
	margin: 0 auto;
}

.ie9 #header-banners .bx-viewport {
	height: 120px !important;
}

.ie9 #header-banners ul li {
	width: 770px !important;
}

/* logo
---------------------------------------------- */

#header .logo {
	display: table-cell;
	width: 20%;
}

#header .logo a {
	display: inline-block;
}

#header .logo a img {
	width: 142px;
	height: 86px;
}

@media screen and (max-width: 768px) {
	#header .logo {
		padding-top: 5px;
	}

	#header .logo a img {
		width: 71px;
		height: 43px;
	}
}


/* navi
---------------------------------------------- */
#header ul.navi{
	position: absolute;
	top: 6px;
	right: 20px;
	line-height: 1;
}

#header ul.navi li {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	margin-left: 14px;
}

#header ul.navi li a {
	color: #fff;
	position: relative;
}

#header ul.navi li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	display: block;
	width: 0;
	height: 0;
	border-top: 2.5px solid transparent;
	border-bottom: 2.5px solid transparent;
	border-left: 4px solid #fff;
	margin-top: -2px;
}


/* gnavi
---------------------------------------------- */
#gnavi {
	background: #fff;
}

#gnavi .inner {
	width: 100%;
	max-width: 1150px;
	padding: 0 20px;
	margin: 0 auto;
}

#gnavi ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	height: inherit;
	padding-left: 1px;
}

#gnavi ul li {
	display: table-cell;
	vertical-align: middle;
	padding-right: 1px;
}

#gnavi ul li a {
	font-family: "YakuHanJP", "新ゴ M", "Shin Go Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	font-size:93.3%; font-size:0.933rem;
	padding: 11px 0 10px;
	text-align: center;
	display: block;
	text-decoration: none;
	-webkit-box-shadow: inset 0 0 0 #ff6300;
	box-shadow: inset 0 0 0 #ff6300;
	-webkit-transition: box-shadow .2s;
	-o-transition: box-shadow .2s;
	transition: box-shadow .2s;
}

.win #gnavi ul li a {
	-ms-transform: rotate(0.001deg);
	-o-transform: rotate(0.001deg);
	transform: rotate(0.001deg);
}

.win.chrome #gnavi ul li a {
	-webkit-transform: rotate(0.05deg);
	transform: rotate(0.05deg);
	text-shadow: 0 0 0.1px rgba(255,99,0,0.2);
}

#gnavi ul li a.selected,
#gnavi ul li a:hover {
	-webkit-box-shadow: inset 0 -3px 0 #ff6300;
	box-shadow: inset 0 -3px 0 #ff6300;
}

#gnavi ul li a > span {
	display: block;
	width: 100%;
	line-height: 1.2;
	padding: 6px 1px 9px;
	position: relative;
}

#gnavi ul li:first-child a > span:before,
#gnavi ul li a > span:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 1px;
	height: 100%;
}

#gnavi ul li:first-child a > span:before {
	left: -1px;
	border-left: 1px dotted #000;
}

#gnavi ul li a > span:after {
	right: -1px;
	border-right: 1px dotted #000;
}

/*調整*/
@media screen and (min-width: 769px) and (max-width: 1080px) {
	#gnavi ul li:nth-child(3) a span span {
		display: block;
	}
}

@media screen and (min-width: 921px) and (max-width: 1080px) {
	#gnavi ul li:nth-child(3) a > span {
		padding-top: 8px;
		padding-bottom: 9px;
	}

	#gnavi ul li:nth-child(3) a span span {
		font-size:80.0%; font-size:0.800rem;
		-webkit-transform: scale(1, 1.2);
		-ms-transform: scale(1, 1.2);
		-o-transform: scale(1, 1.2);
		transform: scale(1, 1.2);
	}
}

@media screen and (min-width: 769px) and (max-width: 920px) {
	#gnavi .inner {
		padding: 0 2.2%;
	}

	#gnavi ul li a {
		font-size:80.0%; font-size:0.800rem;
	}

	#gnavi ul li:nth-child(3) a > span {
		padding-top: 8px;
		padding-bottom: 9px;
	}

	#gnavi ul li:nth-child(3) a span span {
		font-size:66.7%; font-size:0.667rem;
		-webkit-transform: scale(1, 1.25);
		-ms-transform: scale(1, 1.25);
		-o-transform: scale(1, 1.25);
		transform: scale(1, 1.25);
	}
}


/* btn-menu
---------------------------------------------- */
#btn-menu-media,
#btn-menu-menu {
	position:absolute;
	top:0;
	bottom: 0;
	height: 100%;
	width: 52px;
	padding-top: 38px;
	cursor:pointer;
	line-height: 1;
	color: #fff;
	text-align: center;
}

#btn-menu-media {
	left:0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAFcUExURQAAAOxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFv///+xlFuxlFuxlFv///////////////////////+xlFuxlFuxlFuxlFuxlFuxlFuxlFuxlFv///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+xlFv///////////////////////////////////////////////////////////////////+xlFuxlFuxlFuxlFuxlFv///4ZL4NsAAABydFJOUwD137dpogOl/gZD3ZMF/YIysnfrpGAK0mShNSQ2Ghth8/QISkiDoAdj8SUj6jji9BQE13kJbdFibrFbKOitMHC0AmyoZPUBpCzJM3ZdJNiXofO8jDbeDxcDDHeChBFFHuqdGA2m+P0nTToHQ+33MYGorwRp5mIAAAIySURBVDjLjVVnd5swFJVjM4QZxjYmw3tnNWkzm45077333k060P8/p0I8CYLgnL4vvHHRk64eF4SSZhmjYrkQBIVycWRYKM8WzFqQsJq5lAlrKXqQMl1py7jZbpBhvdkUbKIFOab1jwCdPFxgDxOw/hC7ebg97EwEULM9fBIqM+Oq51XHMxDu0CU0cQ6aKKnhLvX6PE/O10MSSqwVnKjdCwC5XWGJD29eh49fPk2yRt0WyytRk5K6tcni1TXy7m3oNAYqkKGE4RLneQBN3xNCXkTuFmd+gQYmBH4DgC8p8Fbkbm5D0aRzAPerV/gxnt+78/AZ+BVoV7OQAe/UY1qfPI39OpQNNAKvyUvrDwh5fEOwBOVXqAg8izXu0i2S6yIE5ouoHDlzonL70X1CLotwHNXLqBA51XhbVxYJOSaialQvINhDJwZeo63PiMgDQAbwAgXuy0C59UUKPCu3lg6DThOyeF5Ec/wwEj2n6ILnkEwP/wjEIF6iwJsC14SyI65QjPFVClzNuEJrJTUUJwj5fBzJQyGN2RohBx8B2fDjMUPLNgS7YkXy5VPkD5KDywnQ1AFb89shvcGvbL1dtZT4FFCLiclfmvTZPtd/fv/B9ufTlxmyBxLUob6Lw5SuibFsauE5/rD0NObAxVMuAMpGZ2dD4QLgYs8WzCH8G+/ZOZri4mFSpoZ2rko5R9Ssny97k7SQ9rJg3aksuW1Zmm2l9T9iv2Iu5/4XLMPhvw8n9fv4B83BP56eWvniAAAAAElFTkSuQmCC) no-repeat center 13px / 20px 20px;
	border-right: 1px solid #999;
}

#btn-menu-menu {
	right:0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAaAgMAAACxyVYiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAP9mAP///3Fr5vMAAAABdFJOUwBA5thmAAAAFUlEQVQY02NYxRAKAwzEsGkBhqAbALvqK9UW2qlwAAAAAElFTkSuQmCC) no-repeat center 17px / 22px 13px;
	border-left: 1px solid #999;
}


/* sp-menu
---------------------------------------------- */
.sp-menu {
	background:rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:1000;
}


/* sp-menu-inner
---------------------------------------------- */
.sp-menu .inner {
	position:absolute;
	background:#1f1f1f;
	color: #fff;
	width:100%;
	padding: 0 5px;
	border-bottom: 2px solid #ff6300;
}

.sp-menu .inner .logo {
	position: relative;
	text-align: center;
	padding: 5px 0 7px;
}

/* close-top
---------------------------------------------- */
.sp-menu .inner .close-top{
	position:absolute;
	right:10px;
	top:27px;
}

.sp-menu .inner .close-top:before,
.sp-menu .inner .close-top:after{
	content: "";
	display: block;
	width: 27px;
	height: 2px;
	background: #fff;
}

.sp-menu .inner .close-top:before{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sp-menu .inner .close-top:after{
	margin-top: -2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* nav
---------------------------------------------- */
.sp-menu .inner nav {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAG0lEQVQYV2M0NDT8z8DAwMCIh2FpaQlRg5sBAN0DDPm+dd2KAAAAAElFTkSuQmCC) repeat center top / 1px 2px;
	padding: 12px 5px 10px;
}

/* tit
---------------------------------------------- */

.sp-menu .inner .tit .en {
	font-family: 'Anton', Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-indent: .05em;
	line-height: 1;
}

.sp-menu .inner .tit .en:before,
.sp-menu .inner .tit .en:after {
	content: "";
	display: inline-block;
	width: 54px;
	height: 5px;
	vertical-align: middle;
}

.sp-menu .inner .tit .en:before {
	margin-right: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKAQMAAABrBSnJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAHklEQVQI12P4jww+MKBxCQB7VMX2pOhl4EdVjMwFANnWSfndtFcHAAAAAElFTkSuQmCC) no-repeat center center / 54px 5px;
}

.sp-menu .inner .tit .en:after {
	margin-left: 12px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAKAQMAAABrBSnJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAP///6XZn90AAAABdFJOUwBA5thmAAAAG0lEQVQI12P4jww+MKBx8QNktQcwuETrxeQCAJLRSxmXSvfHAAAAAElFTkSuQmCC) no-repeat center center / 54px 5px;
}

/* ul
---------------------------------------------- */
.sp-menu .inner nav ul li {
	background: #fff;
}

.sp-menu .inner nav > ul > li {
	border-bottom:1px dotted #d5d5d5;
}

.sp-menu .inner nav ul li a {
	display:block;
	position:relative;
	color:#1f1f1f;
	text-decoration: none;
}




/* list01
---------------------------------------------- */
.sp-menu .inner nav.list01 ul li a,
.sp-menu .inner nav.list01 ul li > p {
	padding:10px 17px 10px 10px;
}

.sp-menu .inner nav.list01 ul li a:after {
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 3px solid #ff6300;
	border-right: 3px solid #ff6300;
	-ms-transform: rotate(45deg) scale(.8);
	-webkit-transform: rotate(45deg) scale(.8);
	-moz-transform: rotate(45deg) scale(.8);
	transform: rotate(45deg) scale(.8);
}

.sp-menu .inner nav.list01 ul li > p {
	position: relative;
	padding-right: 21px;
}

.sp-menu .inner nav.list01 ul li > p .icon {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #ff6300;
	border-radius: 2px;
}

.sp-menu .inner nav.list01 ul li > p .icon:before,
.sp-menu .inner nav.list01 ul li > p .icon:after{
	position: absolute;
	top: 50%;
	display: block;
	content: "";
	background: #fff;
	border-radius: 2px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.sp-menu .inner nav.list01 ul li > p .icon:before{
	right: 7px;
	width: 2px;
	height: 10px;
	margin-top: -5px;
}

.sp-menu .inner nav.list01 ul li > p .icon:after{
	right: 3px;
	width: 10px;
	height: 2px;
	margin-top: -1px;
}

.sp-menu .inner nav.list01 ul li > p.selected .icon:before{
	opacity: 0;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sp-menu .inner nav.list01 ul li > p {
	color: #1f1f1f;
	cursor: pointer;
}

/*子要素*/
.sp-menu .inner nav.list01 ul.children {
	display: none;
}

.sp-menu .inner nav.list01 ul.children.selected {
	display: block;
}

.sp-menu .inner nav.list01 ul.children li {
	border-top: 1px dotted #d5d5d5;
}

.sp-menu .inner nav.list01 ul.children > li > a {
	padding-left: 30px;
}

.sp-menu .inner nav.list01 ul.children > li > a:before {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #ff6300;
	border-left: 2px solid #ff6300;
	margin-top: -8px;
}

/*孫要素*/
.sp-menu .inner nav.list01 ul.grandson > li > a {
	padding-left: 48px;
}

.sp-menu .inner nav.list01 ul.grandson > li > a:before {
	position: absolute;
	top: 50%;
	left: 30px;
	display: block;
	content: "";
	width: 10px;
	height: 0;
	border-bottom: 2px solid #ff6300;
	margin-top: -1px;
}


/* list02
---------------------------------------------- */
.sp-menu .inner nav.list02 ul li:last-child {
	border-bottom-width: 0;
}

.sp-menu .inner nav.list02 ul li a {
	padding:10px 17px 10px 10px;
}

.sp-menu .inner nav.list02 ul li a > .text {
	padding: 3px 0 0 10px;
}

.sp-menu .inner nav.list02 ul li a > .text .icon {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 2px 6px;
	border-radius: 2px;
	margin-right: 5px;
}

.sp-menu .inner nav.list02 ul li a > .text .icon.black {
	background: #1f1f1f;
}

.sp-menu .inner nav.list02 ul li a > .text .icon.orange {
	background: #ff6300;
}

.sp-menu .inner nav.list02 ul li a:after {
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 3px solid #ff6300;
	border-right: 3px solid #ff6300;
	-ms-transform: rotate(45deg) scale(.8);
	-webkit-transform: rotate(45deg) scale(.8);
	-moz-transform: rotate(45deg) scale(.8);
	transform: rotate(45deg) scale(.8);
}


/* close-btm
---------------------------------------------- */
.sp-menu .inner .close-btm {
	position: relative;
	padding-left: 31px;
	margin: 10px 0;
	color: #fff;
	font-size:93.3%; font-size:0.933rem;
	line-height: 1.5;
}

.sp-menu .inner .close-btm:before,
.sp-menu .inner .close-btm:after{
	content: "";
	display: block;
	width: 28px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 9px;
	left: 0;
}

.sp-menu .inner .close-btm:before{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sp-menu .inner .close-btm:after{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}





/* =============================================
 category-visual設定
================================================ */




/* =============================================
	contact-part
================================================ */

#header .contact-part {
	margin-bottom: 20px;
}

#footer .contact-part {
	margin-bottom: 40px;
}

.contact-part .tel {
	margin-bottom: 10px;
}

.contact-part .tel p {
	vertical-align: bottom;
	margin-bottom: 10px;
}

.contact-part .tel1,
.contact-part .tel2 {
	padding-left: 52px;
/*	margin-left: 15px;*/
	color: #fff;
	font-family: 'Anton', Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	line-height: 1;
	position: relative;
}

.contact-part .tel1:before,
.contact-part .tel2:before {
	position: absolute;
	top: 3px;
	left: 0;
	width: 42px;
	height: 23px;
	border-radius: 3px;
	color: #fff;
	display: block;
}

.contact-part .tel1:before {
	content: "";
	background: #ff6300 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAiCAMAAAD2zg4vAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGqUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////94U8wIAAACNdFJOUwD29/4FFdADWv0B6+r7/NgtnDUb7qjy6L00ikB0wCASwnYnfPHHKjiLLhpyeuZlU0YLQjbbCspWguB/wbbT5IiEFAQWZOFjlGBEAqQ5KZmF9b43fsSXLHnc6Uh7JLjMPW0ZL/qb+T/d1FuWCeIMy00OGGslF0v4HVX0snUTo3et5WgxrF7jD5PZH0NpaiJjpEIAAALNSURBVEjHrZZnVxpBFEBHpEtHlCaCHbGCCogVG2rsLfZujL33bnqy/zn7BjzLzuzmcNa8T+ydy87OvDcFMYxeZyy1OZ9dCiQQCtcfp63UqNMzzJv5W8x8fjMRw0Xbq/tlgLNUjofHJ0Ywnh4fHGnmwIv7tS2tGRF6zv3hLnj7YVsu88/ItYX3wdw9vM8hmhBt5w1bgoMyJoOQDQYtw3k0Rx5/eVA9bx7LF/vn3uKUL+wKmTweU8gV9k0t7omZ+WPmeXWw3O/hJubyynmQzbc0scj5GZ2Ss/NITMM3sw+cV5dIOI4TTZwYUxci0ShUxzizKXEsbiLV7QWnXp9oxU3tyTVnXtyqxM07eyoBqTTdHImZRzd8034nZp5GsWDYsK7urOOfxp/CpseIm9d3Vq0bBvwzeipsmpLltrQGD0OTyfWwIGQuJCt9cgge1paSBW4SMiurcRonUtOjDeCVGRVYkl14RPpAaspVE7hoqitpU47zXjLHkWX85V4qByov/rJljsyV4BqQUy+dwe8cp+cjQJoBerTj+K0z1OAhjfotPgxtsnC0ixj8KAs3Q3y4BemSkRMwAl35yK5WgEb4LAJshTR9QEeIWp6FAoqTanwbMsBbA1rI5zY10fEfLJ7lrxY/dNRLpy8BfDqdTAP5QpvdwP0UMggs9UID2VkvmN9EzG4eqmJJj1D19rANVRmZX0kTVbBEKaQq2YYKaSYqZslHIfUT21AszUQ1sCXX02Y9bMY10kxkgdzV0motcIs0E8nh6Cyg1QI4NuXSTITM0JGaND8DNUs1URlsX1nlfPghCzbDMqkmQn3QVRbvC9RgMt8zNvuoOWlU4g28xfEGHC0YKBulmwhZG5JnWGtzXVFRXXNr8qnB+h6TvbZ56UtHgSJT06sQOfXdxL0oz616r8lGZ0falSq/oxP9BxNqu7/drtNodPb2X3KUodlPmn8BUGHxS6Q0VVgAAAAASUVORK5CYII=) no-repeat center 3px / 42px 17px;
}

.contact-part .tel2:before {
	content: "TEL";
	background: #ff6300;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:93.3%; font-size:0.933rem;
	padding-top: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-part .btn {
	display: inline-block;
	vertical-align: top;
	min-width: 140px;
	text-decoration: none;
	padding: 6px 5px;
	border: 2px solid #ff6300;
	border-radius: 10px;
	background: #1f1f1f;
	line-height: 1;
	-webkit-transition: background .2s, color .2s;
	-o-transition: background .2s, color .2s;
	transition: background .2s, color .2s;
}


/*PC・タブレット*/
@media screen and (min-width: 769px) {
	.contact-part .btn:hover {
		background: #ff6300;
		color: #fff;
	}
}

/*スマホ*/
@media screen and (max-width: 768px) {
	.contact-part .btn {
		padding-top: 8px;
		padding-bottom: 8px;
		border-radius: 35px;
	}
}


/* =============================================
	section-content
================================================ */

.section-content {
	margin-top: 85px;
}

.section-content .top-btn {
	border-top: 2px solid #393939;
	padding-top: 20px;
	margin-bottom: 20px;
}

.section-content .contact-part {
	border-radius: 9px;
	padding: 20px 20px 15px;
	border: 3px solid #393939;
}

.section-content .contact-part .btns {
	margin-bottom: 20px;
}

.section-content .contact-part .btn {
	max-width: 198px;
	margin-bottom: 5px;
}

/*スマホ*/
@media screen and (max-width: 768px) {
	.section-content {
		margin-top: 20px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.section-content .top-btn {
		margin-bottom: 15px;
	}

	.section-content .contact-part {
		padding: 10px 10px 15px;
	}

	.section-content .contact-part .btn {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}

	.section-content .contact-part .btn:last-child {
		margin-bottom: 0;
	}

	.section-content .contact-part .btns {
		padding-bottom: 15px;
		border-bottom: 1px solid #393939;
		margin-bottom: 15px;
	}

	.section-content .contact-part .btn.tel:before {
		content: "";
		display: inline-block;
		width: 19px;
		height: 12px;
		border-radius: 3px;
		background: #ff6300 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAiCAMAAAD2zg4vAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGqUExURQAAAB8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH52DXvkAAACNdFJOUwD29/4FFdADWv0B6+r7/Ng1LZwb7qjo8r00ikB0wCASwsc4Rnxl8ScaKkLm23ouC1N2CnKLNspW4ILBf7bT5BSIhGRjBOEWlGBEAnuWJN24vumkxPnMfm36mSk3SDkZm4UvedQ9lz8sW/Xc4gkM+LIXy1VLGB1N9Gt1JQ4To+Wtd6wxaJPZXuMPH0NqaUPRFEoAAALMSURBVEjHrZZnVxpBFEBHpEtHOiJ2RUUREcGu2DX2buwlxt57T0/2P2ffgGfZmd0czpr3ib1z2dmZ96YghtHrjAU296tHgQRC4fntthUYdXqGeTP/iJmvbyZiuGh99r4McJbK9fT4wAjGw+OTK80cePE+t6Y1I0LPub/YA28/astl/hm5tug+mHsX9zlEE6Jtx5wpMC5jMgjZeMA056A58gULA+pBy6hd7J+7I5uhqCdi9vnMEU80tDmyK2baRy2D6kBh0MdNzPmJ+zibb2nisdMjOiVHp7G4hm9mH7tPzpFwnPU1cGJcnY9EI18d58yGvjNxE6muDzj18korbmqvLjnz4Folbt45UwlIpenwVsy8PeSbzjsx86YRC4Zl69LQLP5p/Cls+oy4eXZoybpswD8bb4RNc7LcplbhYX4iuR6GhczhZKVPzMPD6lSywM1CZnklTuN0anq0YbwyGwWWZA8ekT6cmnLVNC6aynLalOO8ly5yZAN/uZ/KgcqPv2yDI4uluAbk1EvX8DsX6PkIk2aYHu0CfusaNXhIo36LDyOTLNzpIQa/w8LJCB9uQbpk5ASsQFchsqsZoDE+iwGbIc0Q0BWilseggBKkmliHDPDWgBbyuU5NdOIri8f4qyUIHXXR6esDvp1OtoF8o81O4EEKGQSWer6B7KwLzB8iZicPVbOkW6h6u9mG6ozM76SJ6lmiFFKVbEO9NBMVs+SzkPqBbSiWZqIS2JJraLMGNuMSaSYyQe5qabUWuEmaieRwdObRah4cm3JpJkIW6EhNmp+AWqSaqAK2r6xCPvyYBZthhVQToV7oKov3BWowmS8Zm73UnNQp8Qbe7HoDrmYMlHXSTYSsVckzrKWpqKysqKkl+VRlfY/JXtv89KUjT5Gp6VeInPpe4l7k8Krea7LR1pF2pbJ3tKH/YEJt97c7dRqNztn+S44yNPtJ8y+BzPFL4NQNuAAAAABJRU5ErkJggg==) no-repeat center center / 19px 8px;
		margin-right: 5px;
		vertical-align: -1px;
	}
}


/* =============================================
	section-banners
================================================ */

#section-banners {
	width: 100%;
	padding: 30px 0;
	background: #3b3b3b;
}

#section-banners .sp-except ul li,
#section-banners .sp-except ul li a img {
	width: 344px !important;
	height: 225px !important;
}

#section-banners .bx-wrapper {
	max-width: 100% !important;
}
/*タブレット*/
@media screen and (min-width: 769px) and (max-width: 1170px) {
	#section-banners .sp-except ul li,
	#section-banners .sp-except ul li a img {
		width: 29.91vw !important;
		height: 19.48vw !important;
	}
}

/*スマホ*/
@media screen and (max-width: 768px) {
	#section-banners {
		padding: 15px 10px;
	}

	#section-banners ul li a img {
		margin: auto;
	}
}


/* 読み込み
---------------------------------------------- */
#section-banners li {
	display: none;
}

#section-banners .bx-viewport li {
	display: block;
}


/* =============================================
	campain-banners
================================================ */

.campain-banners ul li {
	left: 0;
	display: none;
}

.campain-banners .bx-viewport ul li {
	display: block;
}


/* コントローラー
---------------------------------------------- */
.campain-banners .bx-wrapper .bx-prev,
.campain-banners .bx-wrapper .bx-next {
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	background: none;
	background: #393939;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-top: -20px;
	z-index: 100;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.campain-banners .bx-wrapper .bx-prev {
	left: 20px;
}

.campain-banners .bx-wrapper .bx-next {
	right: 20px;
}

.campain-banners .bx-wrapper .bx-prev:before, .campain-banners .bx-wrapper .bx-next:before,
.campain-banners .bx-wrapper .bx-prev:after, .campain-banners .bx-wrapper .bx-next:after {
	position: absolute;
	top: 50%;
	content: "";
	display: block;
	width: 12px;
	height: 3px;
	background: #fff;
	z-index: 102;
	border-radius: 2px;
}

.campain-banners .bx-wrapper .bx-prev:before {
	margin-top: -5px;
	right: 15px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.campain-banners .bx-wrapper .bx-prev:after {
	margin-top: 2px;
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.campain-banners .bx-wrapper .bx-next:before {
	margin-top: -5px;
	left: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.campain-banners .bx-wrapper .bx-next:after {
	margin-top: 2px;
	left: 15px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*PC・タブレット*/
@media screen and (min-width: 769px) {
	.campain-banners:hover .bx-wrapper .bx-prev,
	.campain-banners:hover .bx-wrapper .bx-next {
		opacity: 1;
	}

	.campain-banners .bx-wrapper .bx-prev,
	.campain-banners .bx-wrapper .bx-next {
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
	}

	.campain-banners .bx-wrapper .bx-prev:hover,
	.campain-banners .bx-wrapper .bx-next:hover {
		opacity: .7;
	}
}

/* =============================================
	newslist
================================================ */

#newslist {
	background: #fff;
	padding: 43px 0 60px;
	color: #1f1f1f;
}

#newslist ul {
	margin-bottom: 40px;
}

#newslist ul .fleft {
	width: 38.15%;
	margin-right: 15px;
}


/*スマホ*/
@media screen and (max-width: 768px) {
	#newslist {
		padding: 13px 0 20px;
	}

	#newslist ul {
		margin-bottom: 15px;
		border-top: 1px dotted #d5d5d5;
	}

	#newslist ul li {
		padding: 10px 20px 10px 10px;
	}

	#newslist ul li .fleft {
		min-width: 65px;
		width: 20%;
		margin-right: 8px;
	}

	#newslist ul li:before {
		right: 12px;
	}
}


/* =============================================
	recent-post
================================================ */

#recent-post {
	background: #fff;
	padding: 43px 0 60px;
	color: #1f1f1f;
}

#recent-post ul {
	margin-bottom: 40px;
}

#recent-post ul .fleft {
	width: 38.15%;
	margin-right: 15px;
}


/*スマホ*/
@media screen and (max-width: 768px) {
	#recent-post {
		padding: 13px 0 20px;
		border-top: 2px solid #1f1f1f;
	}

	#recent-post ul {
		margin-bottom: 15px;
		border-top: 1px dotted #d5d5d5;
	}

	#recent-post ul li {
		padding: 10px 25px 10px 10px;
	}

	#recent-post ul li .fleft {
		min-width: 65px;
		width: 20%;
		margin-right: 8px;
	}

	#recent-post ul li:before {
		right: 12px;
	}
}


/* list-detail
---------------------------------------------- */
.list-detail .date {
	color: #888;
}

.list-detail .date.mr1 {
	margin-right: 12px;
}

.list-detail .date.mr2 {
	margin-right: 10px;
}

.list-detail .date.mr3 {
	margin-right: 10px;
}

.list-detail .blogtype:before {
	content: '[';
}

.list-detail .blogtype:after {
	content: ']';
}

.list-detail .tit a {
	font-weight: bold;
	color: #1f1f1f;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}

.list-detail .cate {
	margin-bottom: -5px;
}

.list-detail .cate span,
.list-detail .cate a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #1f1f1f;
	border-radius: 3px;
	padding: 3px 8px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}

.ie .list-detail .cate span,
.ie .list-detail .cate a {
	padding-top: 4px;
	padding-bottom: 3px;
}

.android .list-detail .cate span,
.android .list-detail .cate a {
	padding-top: 5px;
	padding-bottom: 3px;
}

/*PC・タブレット*/
@media screen and (min-width: 769px) {
	.list-detail .tit a:hover,
	.list-detail .tit a:active {
		color: #ff6300;
	}

	.list-detail .cate a:hover,
	#newslist ul li .cate a:active {
		background: #ff6300;
	}
}

/*スマホ*/
@media screen and (max-width: 768px) {
	.list-detail li {
		border-bottom: 1px dotted #d5d5d5;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		cursor: pointer;
		position: relative;
	}

	.list-detail li:not(.only-title) {/*リンクがある場合*/
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0,0,0,0.3);
	}

	.list-detail li:before {
		position: absolute;
		top: 50%;
		display: block;
		content: "";
		width: 7px;
		height: 7px;
		margin-top: -5px;
		border-top: 3px solid #ff6300;
		border-right: 3px solid #ff6300;
		-ms-transform: rotate(45deg) scale(.75);
		-webkit-transform: rotate(45deg) scale(.75);
		-moz-transform: rotate(45deg) scale(.75);
		transform: rotate(45deg) scale(.75);
	}

	.list-detail li.only-title:after {
		display: none;
	}

	.list-detail li .date.mr1,
	.list-detail li .date.mr2 {
		margin-right: 8px;
	}

	.list-detail li .date.mr3 {
		margin-right: 6px;
	}

	.list-detail li .tit a {
		font-weight: normal;
		pointer-events: none;
	}
}


/* =============================================
	side
================================================ */

#side .box {
	margin-bottom: 30px;
}

#side .box:last-child {
	margin-bottom: 0;
}

/* tit
---------------------------------------------- */
#side .menulist .tit {
	padding: 19px 5px 15px;
	border-top: 3px solid #fff;
	border-bottom: 2px solid #fff;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAG0lEQVQYV2M0NDT8z8DAwMCIh2FpaQlRg5sBAN0DDPm+dd2KAAAAAElFTkSuQmCC) repeat center top / 2px 4px;
}

/* ul
---------------------------------------------- */
#side .menulist ul.inner > li {
	border-bottom: 1px solid #fff;
}

#side .menulist ul.inner > li a {
	display: block;
	padding: 10px 10px 10px 20px;
	position: relative;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}

#side .menulist ul.inner > li a:hover,
#side .menulist ul.inner > li a.selected {
	background: #313131;
}

#side .menulist ul.inner > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 0;
	height: 0;
	border-top: 2.5px solid transparent;
	border-bottom: 2.5px solid transparent;
	border-left: 4px solid #fff;
	margin-top: -2px;
}

/* ul.children
---------------------------------------------- */
#side .menulist ul.children {
	border-top: 1px dotted #fff;
}

#side .menulist ul.children > li {
	border-bottom: 1px dotted #fff;
}

#side .menulist ul.children > li:last-child {
	border-bottom-width: 0;
}

#side .menulist ul.children > li a {
	display: block;
	padding-left: 33px;
	position: relative;
	line-height: 1.5;
}

#side .menulist ul.children > li > a:before {
	position: absolute;
	top: 50%;
	left: 22px;
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-top: -7px;
}

/* banners
---------------------------------------------- */
#side .banners li {
	margin-bottom: 15px;
}

#side .banners li:last-child {
	margin-bottom: 0;
}

/* facebook
---------------------------------------------- */
#side .page-plugin {
	width: 300px;
	height: 500px;
	background: #f6f7f9;
	position: relative;
}

#side .page-plugin .fb-xfbml-parse-ignore {
	padding: 20px;
}

#side .page-plugin .fb-xfbml-parse-ignore > a {
	color: #1f1f1f;
}

#side .page-plugin iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}

/* dial-box
---------------------------------------------- */
#side .dial-box {
	border-top: 3px solid #ff6300;
	padding: 0 5px 5px;
}

#side .dial-box .tit {
	padding: 21px 0 19px;
}

#side .dial-box .inner {
	padding: 10px 17px 12px;
}

#side .dial-box .tel1,
#side .dial-box .tel2 {
	padding-left: 52px;
	font-family: 'Anton', Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	line-height: 1.1;
	position: relative;
}

#side .dial-box .tel1:before,
#side .dial-box .tel2:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 42px;
	height: 23px;
	border-radius: 3px;
	display: block;
}

#side .dial-box .tel1:before {
	content: "";
	background: #ff6300 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAiCAMAAAD2zg4vAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGqUExURQAAAP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////94U8wIAAACNdFJOUwD29/4FFdADWv0B6+r7/NgtnDUb7qjy6L00ikB0wCASwnYnfPHHKjiLLhpyeuZlU0YLQjbbCspWguB/wbbT5IiEFAQWZOFjlGBEAqQ5KZmF9b43fsSXLHnc6Uh7JLjMPW0ZL/qb+T/d1FuWCeIMy00OGGslF0v4HVX0snUTo3et5WgxrF7jD5PZH0NpaiJjpEIAAALNSURBVEjHrZZnVxpBFEBHpEtHlCaCHbGCCogVG2rsLfZujL33bnqy/zn7BjzLzuzmcNa8T+ydy87OvDcFMYxeZyy1OZ9dCiQQCtcfp63UqNMzzJv5W8x8fjMRw0Xbq/tlgLNUjofHJ0Ywnh4fHGnmwIv7tS2tGRF6zv3hLnj7YVsu88/ItYX3wdw9vM8hmhBt5w1bgoMyJoOQDQYtw3k0Rx5/eVA9bx7LF/vn3uKUL+wKmTweU8gV9k0t7omZ+WPmeXWw3O/hJubyynmQzbc0scj5GZ2Ss/NITMM3sw+cV5dIOI4TTZwYUxci0ShUxzizKXEsbiLV7QWnXp9oxU3tyTVnXtyqxM07eyoBqTTdHImZRzd8034nZp5GsWDYsK7urOOfxp/CpseIm9d3Vq0bBvwzeipsmpLltrQGD0OTyfWwIGQuJCt9cgge1paSBW4SMiurcRonUtOjDeCVGRVYkl14RPpAaspVE7hoqitpU47zXjLHkWX85V4qByov/rJljsyV4BqQUy+dwe8cp+cjQJoBerTj+K0z1OAhjfotPgxtsnC0ixj8KAs3Q3y4BemSkRMwAl35yK5WgEb4LAJshTR9QEeIWp6FAoqTanwbMsBbA1rI5zY10fEfLJ7lrxY/dNRLpy8BfDqdTAP5QpvdwP0UMggs9UID2VkvmN9EzG4eqmJJj1D19rANVRmZX0kTVbBEKaQq2YYKaSYqZslHIfUT21AszUQ1sCXX02Y9bMY10kxkgdzV0motcIs0E8nh6Cyg1QI4NuXSTITM0JGaND8DNUs1URlsX1nlfPghCzbDMqkmQn3QVRbvC9RgMt8zNvuoOWlU4g28xfEGHC0YKBulmwhZG5JnWGtzXVFRXXNr8qnB+h6TvbZ56UtHgSJT06sQOfXdxL0oz616r8lGZ0falSq/oxP9BxNqu7/drtNodPb2X3KUodlPmn8BUGHxS6Q0VVgAAAAASUVORK5CYII=) no-repeat center 3px / 42px 17px;
}

#side .dial-box .tel2:before {
	content: "TEL";
	background: #ff6300;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:93.3%; font-size:0.933rem;
	padding-top: 5px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#side .dial-box .conversion-btn01 {
	padding-top: 9px;
	padding-bottom: 9px;
}

/* blog以外
---------------------------------------------- */
#side .dial-box {
	background: #fff;
}

#side .dial-box .tit {
	color: #1f1f1f;
}

#side .dial-box .inner {
	background: #1f1f1f;
	color: #fff;
}


/* blog
---------------------------------------------- */
.cate-blog #side .dial-box {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAICAYAAADTLS5CAAAAG0lEQVQYV2M0NDT8z8DAwMCIh2FpaQlRg5sBAN0DDPm+dd2KAAAAAElFTkSuQmCC) repeat center top / 2px 4px;
}

.cate-blog #side .dial-box .tit {
	color: #fff;
}

.cate-blog #side .dial-box .inner {
	background: #fff;
	color: #1f1f1f;
}

.cate-blog #side .dial-box a.conversion-btn01 {
	background: #ff6300;
	color: #fff;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.cate-blog #side .dial-box a.conversion-btn01:hover {
	opacity: .7;
}

.cate-blog #side .dial-box a.arrow-link01:before {
	border-left-color: #1f1f1f;
}


/* =============================================
	sp-footer-part
================================================ */

.sp-menu .sp-footer-part .padding-collapse {
	margin: 0 -5px;
}

#footer .sp-footer-part .padding-collapse {
	margin: 0 -10px;
}

.sp-footer-part table {
	width: 100%;
	border-top: 1px solid #fff;
	table-layout: fixed;
	text-align: left;
}

.sp-footer-part table td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.sp-footer-part table td:nth-child(2n) {
	border-right-width: 0;
}

.sp-footer-part table td a {
	display: block;
	width: 100%;
	padding: 8px 5px 8px 20px;
	color: #fff;
	position: relative;
	position: relative;
}

.sp-footer-part table td a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 0;
	height: 0;
	border-top: 2.5px solid transparent;
	border-bottom: 2.5px solid transparent;
	border-left: 4px solid #ff6300;
	margin-top: -2px;
}



/* =============================================
 フッター
================================================ */

#footer {
	padding: 57px 0 10px;
	background: #1f1f1f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAeCAYAAADgp8bFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGdJREFUeNrs1rEJACAMRUGV7L+yRmzEBSxy19lK+LyYqVFOT/d7+BK2eC+DmiwCZxE0gkawCGgENAIaAY2ARkAjoBHQCGgENAIaAY2ARkAjoBHQCGgENAIaAY2ARkAjoBHQCHy3BBgAsPogdxzGIjAAAAAASUVORK5CYII=) repeat-x left 10px / 65px 15px;
	color: #fff;
}

/*スマホ*/
@media screen and (max-width: 768px) {
	#footer {
		padding-top: 40px;
		background-position: left 5px;
	}
}

@media screen and (max-width: 400px) {
	#footer {
		background-size: 20.2% 15px;
	}
}

/* word
---------------------------------------------- */
#footer .word {
	margin-bottom: 30px;
}

#footer .word p:first-child {
	letter-spacing: .39em;
	text-indent: .39em;
}

#footer .word p:nth-child(2) {
	letter-spacing: .03em;
	text-indent: .03em;
}

#footer .word p:nth-child(2):before,
#footer .word p:nth-child(2):after {
	content: "";
	display: inline-block;
	width: 88px;
	height: 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAA8AgMAAAC7q9huAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURQAAAP///////////zjAO6gAAAADdFJOUwB/gL9pIscAAABbSURBVEjH7dShEQAgDATBBBNBESmBElMapUEDMMMZ1J9eEfOxud6zQXAnuBFsk+BBcCe4EayUQhWZVRIcBDtadxGcBAfBro+k1PffdMRJcBDsaN1FcBIcBF+O3t/bDbCjBOPoAAAAAElFTkSuQmCC) no-repeat center center / 88px 30px;
	vertical-align: 2px;
}

#footer .word p:nth-child(2):before {
	margin-right: 18px;
}

#footer .word p:nth-child(2):after {
	margin-left: 18px;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

/*スマホ*/
@media screen and (max-width: 768px) {
	#footer .word {
		margin-bottom: 17px;
	}

	#footer .word p:nth-child(2):before,
	#footer .word p:nth-child(2):after {
		width: 53px;
		height: 18px;
		background-size: 53px 18px;
		vertical-align: 1px;
	}

	#footer .word p:nth-child(2):before {
		margin-right: 8px;
	}

	#footer .word p:nth-child(2):after {
		margin-left: 8px;
	}
}

/* logo
---------------------------------------------- */
#footer .logo {
	margin-bottom: 20px;
}

#footer .logo img {
	width: 142px;
	height: 66px;
}

/*スマホ*/
@media screen and (max-width: 768px) {
	#footer .logo {
		margin-bottom: 10px;
	}

	#footer .logo img {
		width: 71px;
		height: 33px;
	}
}

/* pc-list
---------------------------------------------- */
#footer .pc-list {
	margin-bottom: 100px;
}

#footer .pc-list .tit {
	line-height: 1.2;
}

#footer .pc-list .tit {
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 16px 10px 15px 10px;
	margin-bottom: 13px;
}

#footer .pc-list a {
	color: #fff;
}

#footer .pc-list ul.child > li > a {
	position: relative;
	padding-left: 11px;
}

#footer .pc-list ul.child > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1px;
	display: block;
	width: 0;
	height: 0;
	border-top: 2.5px solid transparent;
	border-bottom: 2.5px solid transparent;
	border-left: 4px solid #fff;
	margin-top: -2px;
}

#footer .pc-list ul.grandson > li {
}

#footer .pc-list ul.grandson > li > a {
	position: relative;
	padding-left: 24px;
}

#footer .pc-list ul.grandson > li > a:after {
	position: absolute;
	top: 50%;
	left: 13px;
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-top: -6px;
}



/* PAGETOPに戻る
---------------------------------------------- */
#btn-pagetop {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 999;
}

#btn-pagetop.hide {
	opacity: 0;
	z-index: -1;
}

#btn-pagetop img:hover {
	cursor: pointer;
}