@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      404.css
Created:        2018-08-31
Style Info:     404ページ　CSS
----------------------------------------------------------- */
.tw18_notfound a {text-decoration:none;}
.tw18_notfound .txt_wrap {text-align:center;}
.tw18_notfound .txt_wrap .title {line-height:1.4;margin-bottom:20px;}
.tw18_notfound .btn_wrap {overflow:hidden;}
.tw18_notfound .btn_wrap > div {float:left;width:50%;}
.tw18_notfound .btn_wrap > div a {display:block;border-radius:5px;height:48px;line-height:42px;text-align:center;font-weight:bold;border:3px solid #23af00;}
.tw18_notfound .btn_wrap .home a {color:#fff;background:#23af00;}
.tw18_notfound .btn_wrap .my a {color:#23af00;background:#fff;}
.tw18_notfound .nav_wrap:first-of-type {border-top:1px solid #dcdcdc;}
.tw18_notfound .nav_wrap ul {overflow:hidden;}
.tw18_notfound .nav_wrap li {float:left;}
.tw18_notfound .nav_wrap li {border-left:1px solid #dcdcdc;}
.tw18_notfound .nav_wrap li a {display:table;width:100%;}
.tw18_notfound .nav_wrap li span {display:table-cell;vertical-align:middle;height:49px;padding-left:20px;font-size:1.4rem;line-height:1.6;}
.tw18_notfound .nav_wrap li span i{margin-right: 10px;}
@media screen and (min-width:768px) {
	.tw18_notfound {padding-top:140px;background:url(../img/404/img_sorry_pc.png) center 52px no-repeat;}
	.tw18_notfound .btn_wrap {width:530px;margin:30px auto 60px;}
	.tw18_notfound .txt_wrap .title {font-size:2.4rem;}
	.tw18_notfound .txt_wrap p {font-size:1.4rem;line-height:1.8;margin-bottom:20px;}
	.tw18_notfound .btn_wrap > div a {font-size:2rem;margin:0 25px;border:3px solid #23af00;}
	.tw18_notfound .btn_wrap > div a:hover,
	.tw18_notfound .nav_wrap li a:hover {opacity:.65;}
	.tw18_notfound .nav_wrap {border-bottom:1px solid #dcdcdc;}
	.tw18_notfound .nav_wrap ul {width:100%;margin:0 auto;}
	.tw18_notfound .nav_wrap li {width:25%;}
}
@media screen and (min-width:1101px) {
	.tw18_notfound .txt_wrap {width:1100px;margin:0 auto;}
	.tw18_notfound .nav_wrap ul {width:1100px;border-right:1px solid #dcdcdc;}
}
@media screen and (max-width:1100px) {
	.tw18_notfound {background:url(../img/404/img_sorry_pc.png) center 52px no-repeat;}
	.tw18_notfound .txt_wrap {padding:0 15px;}
	.tw18_notfound .nav_wrap li:first-child {border-left:0;}
}
@media screen and (max-width:767px) {
	.tw18_notfound {padding-top:100px;background:url(../img/404/img_sorry_sp.png) center 30px no-repeat;-webkit-background-size:50px auto;background-size:50px auto;margin-bottom:-1px;}
	.tw18_notfound .txt_wrap {max-width:530px;margin:0 auto;}
	.tw18_notfound .txt_wrap .title {font-size:2rem;}
	.tw18_notfound .txt_wrap p {font-size:1.3rem;line-height:1.6;margin-bottom:30px;}
	.tw18_notfound .btn_wrap {max-width:530px;padding:0 8px 0 7px;margin:20px auto 40px auto;}
	.tw18_notfound .btn_wrap > div a {font-size:1.8rem;margin:0 7px 0 8px;border:2px solid #23af00;}
	.tw18_notfound .nav_wrap ul {overflow:hidden;}
	.tw18_notfound .nav_wrap li {float:left;width:50%;border-bottom:1px solid #dcdcdc;}
	.tw18_notfound .nav_wrap li:nth-of-type(2n-1) {border-left:0;}
}
@media screen and (max-width:360px) {
	.tw18_notfound .nav_wrap li span {padding-left:10px;}
	.tw18_notfound .nav_wrap li .icon {padding-left:36px;background-position:10px center;}
}