@charset "shift-jis";
/*****************
FS
*****************/
.system_content {
	width: 100% !important;
}
.cf:after, ul:after, ol:after, .wrap:after {
	content: '';
	display: block;
	clear: both;
}
p.item_none {
	display: none;
}
#page_guide, #page_guide a {
	color: #222;
	/*font-size: 13px;*/
	word-wrap: break-word;
}
#page_guide a {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#page_guide a:hover {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.6;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#page_guide .wrapper {
	width: 100%;
	margin: 0 auto;
}
/*GUIDE MENU*/
#page_guide ul.guide_menu {
	width: 100%;
}
#page_guide ul.guide_menu li {
	width: 356px;
	height: 48px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	background: #e6f3f8;
}
#page_guide ul.guide_menu li:nth-of-type(3n) {
	margin-right: 0;
}
#page_guide ul.guide_menu li.current {
	background: #5c99b0;
}
#page_guide ul.guide_menu li.current a {
	color: #fff;
}
#page_guide ul.guide_menu li a {
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 16px 0;
	font-size: 16px;
	line-height: 1;
	vertical-align: middle;
}
#page_guide ul.guide_menu li a span {
	position: relative;
	display: inline-block;
	padding-left: 32px;
}
#page_guide ul.guide_menu li a span::before, #page_guide ul.guide_menu li a span::after {
	position: absolute;
	display: block;
	content: '';
	width: 7px;
	height: 1px;
	background: #5c99b0;
	left: 15px;
}
#page_guide ul.guide_menu li a span::before {
	top: 5px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#page_guide ul.guide_menu li a span::after {
	top: 10px;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}
#page_guide ul.guide_menu li.current a span::before, #page_guide ul.guide_menu li.current a span::after {
	background: #fff;
}
/*CATEGORY MENU*/
#page_guide ul.category_menu {
	width: 100%;
	margin-top: 24px;
}
#page_guide ul.category_menu li {
	width: 264px;
	height: 48px;
	float: left;
	margin-right: 8px;
	margin-bottom: 6px;
	background: #ddd;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#page_guide ul.category_menu li:nth-of-type(4n) {
	margin-right: 0;
}
#page_guide ul.category_menu li:hover {
	background: #cecece;
	border: 1px solid #cecece;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#page_guide ul.category_menu li:hover a {
	color: #222;
	opacity: 1;
}
#page_guide ul.category_menu li a {
	position: relative;
	display: inline-block;
	text-align: left;
	width: 100%;
	padding: 16px 0;
	font-size: 14px;
	letter-spacing: -0.05em;
	line-height: 1;
	vertical-align: middle;
}
#page_guide ul.category_menu li a.multi_line {
	padding: 10px 0;
	letter-spacing: 0.05em;
}
#page_guide ul.category_menu li a span {
	padding-left: 30px;
}
#page_guide ul.category_menu li a span::before, #page_guide ul.category_menu li a span::after {
	position: absolute;
	display: block;
	content: '';
	width: 7px;
	height: 1px;
	background: #222;
	top: 50%;
	left: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#page_guide ul.category_menu li a span::before {
	left: 10px;
	-webkit-transform: rotate(40deg);
	        transform: rotate(40deg);
}
#page_guide ul.category_menu li a span::after {
	left: 14px;
	-webkit-transform: rotate(-40deg);
	        transform: rotate(-40deg);
}
#page_guide ul.category_menu li:hover a span::before, #page_guide ul.category_menu li:hover a span::after {
	background: #222;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#page_guide h3 {
	font-size: 16px;
	line-height: 1;
}
#page_guide h3.guide_ttl {
	text-align: center;
	margin-top: 64px;
	font-weight: normal;
}
#page_guide h4 {
	font-size: 16px;
	line-height: 1;
	margin-top: 60px;
}
#page_guide h4.section_ttl, #page_guide h4.category_ttl {
	padding: 16px 20px;
	background: #d7d7d7;
	font-weight: normal;
}
#page_guide h5.blue {
	color: #5c99b0;
	font-size: 16px;
}
#page_guide .CrossHead {
	margin-bottom: 0;
	padding: 10px;
	font-weight: bold;
	background: #fff;
}
#page_guide .content {
	padding: 40px 0 80px;
	width: 700px;
	margin: 0 auto;
}
#page_guide .content .block {
	padding: 0;
}
#page_guide .content .txt_area {
	padding-top: 20px;
	width: 700px;
	margin: 0 auto;
}
#page_guide .content .txt_area p {
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 0.15em;
	margin-top: 20px;
}
#page_guide .content .txt_area .text_blue {
	color: #5c99b0;
	font-weight:bold;
	font-size: 16px;
}
#page_guide .content .txt_area p:first-child {
	margin-top: 0;
}
#page_guide .content .txt_area a {
	text-decoration: underline;
}
#page_guide .content .txt_area .column_l {
	float: left;
}
#page_guide .content .txt_area .column_r {
	float: right;
}
/*#page_guide .content .txt_area .column_half { max-width: 500px; float: left; }*/
#page_guide .content .txt_area .column_full {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
/*#page_guide .content .txt_area .pic { float: right; }*/
#page_guide .content .txt_area .pic {
	max-width: 700px;
	margin: 20px auto;
}
#page_guide .content .txt_area .pic img {
	width: 100%;
}
#page_guide.size .content {
	width: 870px;
}
/* ORDER */
#page_guide.order .content .block {
	margin-top: 30px;
}
/* SIZE GUIDE */
#page_guide.size .content .multi_column {
	margin-top: 30px;
}
#page_guide.size .content .multi_column .column {
	float: left;
	margin-left: 48px;
	width: 408px;
}
#page_guide.size .content .multi_column .column:first-child {
	margin-left: 0;
}
#page_guide.size .content .multi_column .column p.category_ttl {
	font-size: 13px;
	margin: 30px 0 12px;
}
#page_guide.size .content .multi_column .column p.category_ttl:first-of-type {
	margin-top: 0;
}
#page_guide.size .content .column table {
	width: 100%;
	border: solid #5c99b0 1px;
	border-spacing: 0;
	border-collapse: collapse;
}
#page_guide.size .content .column table th, #page_guide.size .content .column table td {
	padding: 12px 10px;
	border-right: solid #cfe0e7 1px;
	border-bottom: solid #cfe0e7 1px;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	font-weight: normal;
	color: #738590;
}
#page_guide.size .content .column table th:last-child, #page_guide.size .content .column table td:last-child {
	border-right: none;
}
#page_guide.size .content .column table tr:last-child th, #page_guide.size .content .column table tr:last-child td {
	border-bottom: none;
}
#page_guide.size .content .column table th {
	background: #ebf6f9;
}
#page_guide.size .content .column table td {
}
/* class */
.mt_10 {
	margin-top: 10px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_30 {
	margin-top: 30px;
}
.mt_40 {
	margin-top: 40px;
}
.mt_50 {
	margin-top: 50px;
}
.pt_10 {
	padding-top: 10px;
}
.pt_20 {
	padding-top: 20px;
}
.pt_30 {
	padding-top: 30px;
}
.ls_01 {
	letter-spacing: 0.1em;
}
.ls_m05 {
	letter-spacing: -0.05em;
}
.fw_b {
	font-weight: bold;
}