@charset "UTF-8";
/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l_document
	 1-2. #l_header
	 1-3. #l_container
				1-3-1. #l_main
				1-3-2. #l_sub
	 1-4. #l_footer
	 1-5. #l_nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp_***]
				2-1-2.  Box      [box_***]
				2-1-3.  Table    [tbl_***]
				2-1-4.  Headings [hdg_lv*]
				2-1-5.  Nav      [nav_***]
				2-1-6.  List     [lst_***]
				2-1-7.  Button   [btn_***]
				2-1-8.  Anchor   [acr_***]
				2-1-9.  Text     [txt_***]
				2-1-10. Icon     [icn_***]
				2-1-11. Label    [lbl_***]
				2-1-12. Form     [frm_***]
				2-1-13. Error    [err_***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid_***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is_***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

	 -------------------------------------------------- */
/* -----------------------------------------------
 [0. Foundation]
 -------------------------------------------------- */
/* 0-1. Reset
-------------------------------------------------- */
html {
	font-family: sans-serif;
}

body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}

a {
	background: transparent;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, footer, header, small, nav, section, figure, figcaption, main {
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}

audio, canvas, video {
	display: inline-block;
}

ul, ol {
	list-style-type: none;
}

table {
	border: none;
	border-collapse: collapse;
	border_spacing: 0;
}

img {
	line-height: 1;
	vertical-align: bottom;
	outline: none;
	border: none;
}

a img,
map {
	border: none;
	outline: none;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

hr {
	box-sizing: content-box;
	height: 0;
}

dt, dd, li,
th, td,
input, textarea {
	text-align: left;
	vertical-align: top;
}

button {
	border: none;
}

input, textarea, button {
	margin: 0;
	padding: 0;
}

textarea {
	resize: none;
}

button, label {
	background-color: transparent;
	cursor: pointer;
}

button, select {
	text-transform: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: content-box;
	padding: 0;
	vertical-align: middle;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

small {
	font-size: 0.8em;
	display: inline;
}

:focus {
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html {
	overflow-y: scroll;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}

table {
	width: 100%;
}

input, textarea, button, select {
	font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}

html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] button,
html[lang="en"] select {
	font-family: Arial, Helvetica, sans-serif;
}

strong,
em {
	font-weight: bold;
}

p em {
	color: #a4002c;
	font-weight: bold;
	font-style: normal;
}

/* 0-3. Config
-------------------------------------------------- */
body {
	font-size: 16px;
	color: #444;
	background-color: #fff;
}

@media (max-width: 767px) {
	body {
		font-size: 14px;
	}
}
html, body {
	font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}

a {
	color: #444;
	/* ベースのリンク文字の色を指定 */
	text-decoration: none;
	/* ベースのリンク文字の下線の有無を指定 */
}

a:visited {
	color: #444;
}

a:hover img {
	opacity: 0.7;
}

a:hover,
a:active {
	color: #444;
	text-decoration: none;
	/* ベースのリンク文字の下線の有無を指定 */
}

a:focus {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	/* ベースの行間を指定 */
}

p {
	line-height: 1.8;
	/* ベースの行間を指定 */
	font-size: 16px;
}

@media (max-width: 767px) {
	p {
		font-size: 14px;
	}
}
dt, dd, li,
th, td,
input,
textarea,
button {
	line-height: 1.5;
	/* ベースの行間を指定 */
}

hr {
	border: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
}

/* -----------------------------------------------
 [1. Layout]
 -------------------------------------------------- */
/* 1-1. #l_document
-------------------------------------------------- */
#l_document {
	overflow-x: hidden;
	position: relative;
}

@media (max-width: 767px) {
	#l_document {
		transition: all .3s ease-in-out;
		transform: translateX(0);
	}

	#l_document.has_menu,
	.l_header_content01.has_menu,
	.l_header.has_menu .l_header_content02 {
		transform: translateX(-80%);
	}
}
/* 1-2. #l_header
-------------------------------------------------- */
.l_header {
	padding-top: 88px;
	position: relative;
}

.l_header_content01 {
	border-top: 8px solid #00a0e9;
	display: table;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid #e4e4e4;
}

.l_header_content01.is_sticky {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

.l_header_sitelogo,
.l_header_nav,
.l_header_btn,
.l_header_eshop {
	display: table-cell;
	vertical-align: middle;
}

@media (min-width: 1px) and (max-width: 340px) {
	.l_header_nav {
		width: auto !important;
	}

	.l_header_eshop > a img {
		max-width: 100%;
		height: auto;
	}
}
.l_header_sitelogo,
.l_header_btn {
	padding: 20px;
}

.l_header_sitelogo img {
	width: 166px;
	padding-left: 6px;
}

.l_header_sitelogo a {
	display: block;
	font-size: 0;
}

.l_header_btn .l_header_menu {
	display: none;
}

.l_header_nav {
	width: 100%;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.l_header_sitelogo {
		padding-right: 10px;
		padding-left: 10px;
	}

	.l_header_btn {
		padding-left: 10px;
	}
}
@media (min-width: 768px) {
	.l_header_content02 {
		display: none;
	}
}
@media (max-width: 767px) {
	.l_header_sitelogo, .l_header_nav, .l_header_btn, .l_header_eshop {
		display: block;
	}

	.l_header {
		border-bottom: 0;
		padding-top: 0;
	}

	.l_header_inner {
		padding-top: 52px;
		position: relative;
	}

	.l_header_content01 {
		border-top: none;
		box-shadow: 0;
		transform: translateX(0);
		transition: all .3s ease-in-out;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		background: #399aff;
	}

	.l_header_sitelogo img {
		/*width: 95px;*/
		height: auto;
	}

	.l_header_sitelogo {
		-webkit-flex: 1;
		flex: 1;
	}

	.l_header_sitelogo {
		padding: 0 0 0 10px;
	}

	.l_header_btn .l_header_menu {
		display: block;
	}

	.l_header_content02 {
		background: #424242;
		transition: all .3s ease-in-out;
	}

	.l_header_eshop {
		display: none;
	}

	.l_header_btn {
		display: block;
		width: 55px;
		padding: 0;
	}
	.l_header_btn a {
		background: #067bf5;
		height: 51px;
		text-decoration: none;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		padding-top: 7px;
		box-sizing: border-box;
		width: 55px;
	}
	.l_header_btn .header_menu_bars {
		display: block;
		width: 20px;
		height: 16px;
		position: relative;
	}
	.l_header_btn .header_menu_bars span, .l_header_btn .header_menu_bars:before, .l_header_btn .header_menu_bars:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		height: 2px;
		background: #fff;
		width: 100%;
	}
	.l_header_btn .header_menu_bars span {
		top: 50%;
		margin-top: -1px;
	}
	.l_header_btn .header_menu_bars:before {
		top: 0;
	}
	.l_header_btn .header_menu_bars:after {
		bottom: 0;
	}
	.l_header_btn .header_menu_text {
		font-size: 9px;
		color: #067bf5;
		color: #fff;
		margin-top: 3px;
	}
}
.l_header_spnav .nav {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 4px;
}
.l_header_spnav .box_spnav {
	margin: 0 4px 0 0;
	padding: 0;
}
.l_header_spnav .box_spnav:last-child {
	margin-right: 0;
}
.l_header_spnav .box_spnav a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-decoration: none;
	background: #fff;
	border-radius: 5px;
	width: 45px;
	height: 43px;
	padding: 0;
	padding-top: 3px;
	box-sizing: border-box;
}
.l_header_spnav .box_spnav span {
	display: block;
}
.l_header_spnav .box_spnav .box_spnav_icon img {
	width: 32px;
}
.l_header_spnav .box_spnav .box_spnav_text {
	font-size: 9px;
	color: #067bf5;
	margin-top: 3px;
}

@media (min-width: 768px) {
	.l_header_spnav {
		display: none;
	}
}
/* 1-3. #l_container
-------------------------------------------------- */
/* 1-3-1. #l_main
-------------------------------------------------- */
@media (max-width: 767px) {
	#l_main {
		overflow: hidden;
	}
}
.wrp_content {
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

/* 1-3-2. #l_sub
-------------------------------------------------- */
/* 1-4. #l_footer
-------------------------------------------------- */
#l_footer {
	position: relative;
}

#footer_sitemap {
	background: #585858;
}

.footer_sitemap_inner {
	max-width: 980px;
	margin: 0 auto;
}

.l_footer_copyright {
	background: #424242;
	color: #fff;
	overflow: hidden;
}

.l_footer_slider {
	padding: 40px 0 60px;
	border-top: 1px solid #686868;
	box-shadow: 0 0 0 1px #4d4d4d;
}

.l_footer_slider .bx-wrapper {
	background: transparent;
	border: 0;
}

.lst_footer_link li:first-child {
	border-bottom: 1px solid #585858;
}

.lst_footer_link li a {
	display: block;
	background: #424242;
	text-align: center;
	padding: 30px 10px 20px;
	box-sizing: border-box;
	width: 308px;
}

.lst_footer_link li a span {
	font-size: 23px;
	display: block;
	margin-bottom: 5px;
}

.lst_footer_link li a span small {
	font-size: 8px;
	font-weight: bold;
	display: block;
	line-height: 1;
}

.lst_footer_link li a img {
	width: 60px;
}

.lst_footer {
	display: table;
	width: 100%;
}

.lst_footer > li:first-child {
	padding: 0;
}

.lst_footer_link,
.lst_footer_sitemap {
	display: table-cell;
	vertical-align: top;
}

.lst_footer_sitemap {
	padding: 20px 0 0 10px;
}

.lst_footer li a {
	color: #fff;
	display: block;
}

.lst_footer_sitemap li {
	margin: 0 0 15px 15px;
	font-size: 12px;
}

.lst_footer_sitemap .lst_footer_sitemap_title {
	margin: 18px 0 13px;
}
.lst_footer_sitemap .lst_footer_sitemap_title.is_exlink {
	margin: 8px 0 3px;
}
.lst_footer_sitemap_title + .lst_footer_sitemap_title {
	margin-top: 28px;
}

.lst_footer_sitemap_title a {
	padding-left: 20px;
	position: relative;
	font-size: 14PX;
}

.lst_footer_sitemap_title a .icon_chevron_right {
	position: absolute;
	left: 0;
	top: 0px;
}

@media (max-width: 1023px) {
	.lst_footer,
	.lst_footer > li {
		display: block;
	}

	.lst_footer li a {
		font-size: 12px;
	}

	.lst_footer_link li a {
		width: 100%;
	}

	.lst_footer {
		padding-bottom: 8px;
	}

	.lst_footer_link {
		width: 100%;
	}

	.lst_footer_link li a {
		padding-bottom: 25px;
	}

	.lst_footer_link li a span {
		font-size: 24px;
	}

	.lst_footer_link li a span small {
		font-size: 9px;
	}

	.lst_footer_sitemap {
		padding: 20px 20px 0;
	}

	.lst_footer_sitemap .lst_footer_sitemap_title {
		margin-top: 0;
	}

	.lst_footer_sitemap li {
		margin-bottom: 10px;
	}

	.lst_footer_sitemap_title + .lst_footer_sitemap_title {
		margin-top: 10px;
	}

	.l_footer_slider {
		padding: 15px 0;
	}

	.footer_sitemap_inner {
		max-width: 100%;
		overflow: hidden;
	}
}
/* 1-5. #l_nav-global
-------------------------------------------------- */
/* -----------------------------------------------
 [2. Object]
 -------------------------------------------------- */
/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp_***]*/
.wrp_container {
	max-width: 980px;
	padding: 0 20px;
	margin: 0 auto;
}

.wrp_container_sm {
	max-width: 645px;
	margin: 0 auto;
}

.wrp_heading {
	padding: 30px 0;
}

.wrp_block {
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.wrp_block {
		margin-bottom: 20px;
	}
}
/*2-1-2.  Box      [box_***]*/
.box {
	padding: 35px 35px 30px;
	margin-bottom: 60px;
}

.box p {
	margin-top: 15px;
}

.box p:first-child {
	margin-top: 0;
}

.box_case {
	border: 3px solid #e2e2e2;
}

.box_case .hdg_lv4 {
	margin-top: 0;
}

.box_primary {
	background-color: #e2e2e2;
}

.box_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.box_primary_title {
	color: #00a0e9;
	font-size: 20px;
	margin-bottom: 5px;
}

.box_primary_title .lbl {
	font-size: 12px;
	padding: 4px 9px;
	margin: -3px 10px 0 0;
}

.page_goods_glasses_original .box_free li {
	padding-top: 10px;
}

.page_goods_glasses_original .box_free li a:hover {
	text-decoration: none;
}

@media (max-width: 767px) {
	.box {
		padding: 15px 20px;
		margin-bottom: 30px;
	}

	.box p {
		margin-top: 5px;
	}

	.box_title {
		font-size: 14px;
	}

	.box_case {
		border: 2px solid #e2e2e2;
	}

	.box_primary_title .lbl {
		font-size: 10px;
		padding: 2px 5px;
	}
}
/* -------------------------------------------------- */
.box_social {
	float: left;
	overflow: hidden;
}

.box_social li {
	display: inline-block;
	background: #4661a6;
	float: left;
}

.box_social li:hover {
	opacity: 0.7;
}

.box_social li a {
	color: #fff;
	font-weight: bold;
	padding: 20px;
	display: block;
	width: 160px;
	box-sizing: border-box;
	text-align: center;
}

.box_social li a:hover {
	opacity: 0.7;
}

.box_social li .icon {
	display: block;
	text-align: center;
	font-size: 36px;
	color: #fff;
}

.box_social li .icon:before {
	color: #fff;
}

.box_social .box_social__twitter {
	background: #00abf1;
}

.box_social .box_social__instagram {
	background: -moz-linear-gradient(45deg, #F0C301, #F34F45 30%, #6E44C5 0%);
	background: -webkit-linear-gradient(45deg, #F0C301, #F34F45 30%, #6E44C5 70%);
	background: linear-gradient(45deg, #F0C301, #F34F45 30%, #6E44C5 70%);
	font-size: 12px;
	line-height: 1.3; 
}
.box_social .box_social__blog {
	background: #00A0E9;
	font-size: 12px;
	line-height: 1.3; 
}
.box_copytext {
	padding-top: 40px;
	text-align: center;
	font-weight: bold;
}

.box_copytext .txt_english {
	line-height: 1.6;
	font-size: 14px;
}

@media (max-width: 1023px) {
	.box_social {
		display: block;
		width: 100%;
		float: none;
	}

	.box_social li {
		box-sizing: border-box;
		width: 50%;
		padding: 0;
		text-align: center;
	}

	.box_social li a {
		padding: 15px 10px 10px;
		font-size: 7px;
		width: 100%;
		text-align: center;
	}

	.box_social li .icon {
		font-size: 22px;
		line-height: 1;
	}

	.box_copytext {
		float: none;
		width: 100%;
		padding: 23px 0;
		font-weight: bold;
	}

	.box_copytext .txt_english {
		line-height: 1.6;
		font-size: 9px;
	}
}
/* -------------------------------------------------- */
.box_topic {
	border: 1px solid #cecece;
	border-radius: 10px;
	font-size: 18px;
}

.box_topic_date {
	padding: 15px;
	border-bottom: 1px solid #cecece;
	box-sizing: border-box;
}

.box_topic_date span {
	margin-right: 22px;
	display: inline-block;
	vertical-align: middle;
}

.box_topic_date span:first-child {
	margin-top: 1px;
}

.box_topic_date .lbl {
	padding: 7px 13px;
}

.box_topic_text {
	padding: 17px 40px 10px 27px;
	box-sizing: border-box;
	line-height: 1.7;
	letter-spacing: -1px;
	font-size: 18px;
	word-wrap: break-word;
}

@media (max-width: 767px) {
	.box_topic {
		font-size: 14px;
	}

	.box_topic_date .lbl {
		padding: 4px 5px;
	}

	.box_topic_date span {
		margin-right: 10px;
	}

	.box_topic_date {
		padding: 5px 15px;
	}

	.box_topic_text {
		padding: 13px 14px;
		letter-spacing: 0;
	}
}
.box_main_img {
	height: 350px;
	max-width: 980px;
	margin: 0 auto 55px;
	background: #666 url("/module/img/module_img_main01.png") no-repeat center;
	background-size: cover;
}

@media (max-width: 767px) {
	.box_main_img {
		height: 114px;
		margin-bottom: 25px;
	}
}
/* -------------------------------------------------- */
.box_pickup {
	border: 1px solid #cecece;
	border-radius: 10px;
	font-size: 18px;
}

.box_pickup .lst_service_img {
	margin-top: 8px;
	text-align: center;
	height: 168px;
}

.box_pickup .js_fullbg_bg {
	position: absolute;
	left: 50%;
	top: 50%;
}

.box_pickup .js_fullbg_bg img {
	visibility: hidden;
}

.box_pickup_date {
	padding: 15px;
	border-bottom: 1px solid #cecece;
	box-sizing: border-box;
}

.box_pickup_date span {
	margin-right: 22px;
	display: inline-block;
	vertical-align: middle;
}

.box_pickup_date span:first-child {
	margin-top: 1px;
}

.box_pickup_date .lbl {
	padding: 7px 13px;
}

.box_pickup_text {
	padding: 17px 40px 10px 27px;
	box-sizing: border-box;
	line-height: 1.7;
	letter-spacing: -1px;
	font-size: 18px;
}

@media (max-width: 767px) {
	.box_pickup {
		font-size: 14px;
	}

	.box_pickup .lst_service_img {
		margin-top: 4px;
		height: 84px;
	}

	.box_pickup .lst_service_img img {
		min-height: 84px;
	}

	.box_pickup .js_fullbg_bg {
		height: auto;
		left: 0;
		top: 0;
	}

	.box_pickup_date .lbl {
		padding: 4px 5px;
	}

	.box_pickup_date span {
		margin-right: 10px;
	}

	.box_pickup_date {
		padding: 5px 15px;
	}

	.box_pickup_text {
		padding: 13px 14px;
		letter-spacing: 0;
	}
}
/* -------------------------------------------------- */
.box_banner {
	text-align: center;
	margin-bottom: 55px;
}

/* -------------------------------------------------- */
.box_article {
	margin-bottom: 38px;
}

.box_article_title {
	margin-top: 5px;
}

@media (min-width: 768px) {
	.box_article_title {
		font-weight: bold;
	}
}
/* -------------------------------------------------- */
.box_point {
	background: #fff;
	border: 0;
	margin-bottom: 20px;
	padding: 35px 40px 40px;
}

.box_point_title {
	color: #00a0e9;
	font-size: 20px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.box_point .box_media,
.box_point .box_case {
	margin-bottom: 0;
}

.box_point .box_case {
	padding: 30px 35px 35px;
}

.box_point .box_media_content > p {
	margin: 0;
}

.box_point .box_media_content > .box_link {
	margin-top: 10px;
}

.box_point .box_link .btn {
	margin-top: 15px;
}

@media (max-width: 767px) {
	.box_point {
		padding: 15px 0 0;
	}

	.box_point_title,
	.box_point_content {
		padding: 0 20px;
	}

	.box_point_title {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 5px;
	}

	.box_point .box_link {
		text-align: center;
		padding: 10px 0;
	}

	.box_point .box_case {
		padding: 20px;
	}

	.box_point .box_media02 .box_media_pic {
		margin: 0;
	}

	.box_point .box_media_content > p {
		margin-bottom: 15px;
	}

	.box_point .box_link {
		padding: 15px 0 20px;
	}

	.box_point .box_link .btn {
		margin: 0;
	}
}
/* -------------------------------------------------- */
.box_modal {
	text-align: left;
}

.box_modal_image,
.box_modal_button {
	text-align: center;
}

.box_modal_title,
.box_modal_subtitle {
	color: #00a0e9;
	font-size: 20px;
}

.box_modal_subtitle {
	font-weight: normal;
}

.box_modal .center {
	margin: 0 0 30px;
}

@media (min-width: 768px) {
	.box_modal_top {
		display: table;
		margin-bottom: 30px;
	}

	.box_modal_image,
	.box_modal_title {
		display: table-cell;
		vertical-align: bottom;
	}

	.box_modal_image {
		padding: 0 40px 5px 0;
	}

	.box_modal_image img {
		width: 140px;
	}

	.box_modal_subtitle {
		margin-bottom: 10px;
		letter-spacing: 2px;
	}

	.box_modal_text {
		margin-bottom: 30px;
	}
}
@media (max-width: 767px) {
	.box_modal_title {
		font-size: 18px;
		font-weight: normal;
		margin: 20px 0 0;
	}

	.box_modal_subtitle {
		font-size: 14px;
		margin: 0 0 10px;
	}

	.box_modal_text {
		margin: 0 0 10px;
	}

	.box_modal .center {
		margin: 0 0 20px;
	}
}
.box_modal_pct.remodal {
	padding: 0 0 35px;
}

.box_modal_pct .box_modal_image {
	display: block;
}

@media (max-width: 767px) {
	.box_modal_pct.remodal {
		padding: 0 0 20px;
	}
}
/* -------------------------------------------------- */
.box_media {
	display: table;
	width: 100%;
	margin-bottom: 45px;
}

.box_media_pic {
	display: table-cell;
	width: 34.3%;
	padding: 5px 28px 0 0;
	vertical-align: top;
	text-align: center;
}

.box_media_content {
	display: table-cell;
	vertical-align: top;
}

.box_media_content > p + p {
	margin-bottom: 20px;
}

.box_media_content > p:last-child {
	margin-bottom: 0;
}

.box_media_content .hdg_lv3 {
	margin-bottom: 20px;
}

.box_media_pic_large {
	width: 51.43%;
}

.box_media02 .box_media_pic {
	padding-left: 28px;
	padding-right: 0;
}

.box_media_right {
	direction: rtl;
}

.box_media_right .box_media_pic {
	padding: 5px 0 0 28px;
}

.box_media_right .box_media_content {
	direction: ltr;
}

.box_media .box_link {
	margin: 10px 0;
}

@media (max-width: 767px) {
	.box_media,
	.box_media_pic,
	.box_media_content {
		display: block;
	}

	.box_media {
		margin-bottom: 25px;
	}

	.box_media_pic,
	.box_media02 .box_media_pic,
	.box_media_right .box_media_pic {
		width: 100%;
		padding: 0 0 20px;
		text-align: center;
	}

	.box_media_content .hdg_lv3 {
		margin-bottom: 10px;
	}

	.box_media_content > p + p {
		margin-bottom: 10px;
	}
}
/* -------------------------------------------------- */
.box_faq {
	border: 3px solid #e2e2e2;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 35px;
	margin: 0 0 15px;
}

.box_faq_question {
	color: #00a0e9;
	margin-bottom: 20px;
}

.box_faq_answer > span:nth-child(1) {
	color: #ffa146;
}

@media (max-width: 767px) {
	.box_faq {
		font-size: 14px;
		padding: 15px;
		margin-bottom: 30px;
		border: 2px solid #e2e2e2;
	}

	.box_faq_question {
		margin-bottom: 15px;
	}
}
.box_article {
	display: table;
	width: 100%;
	margin: 0;
}

.box_article_img,
.box_article_content {
	display: table-cell;
	vertical-align: top;
}

.box_article_img {
	width: 200px;
	max-height: 150px;
}

.ie9 .box_article_img img {
	width: 200px;
}

.box_article_content {
	padding-left: 20px;
}

.box_article_content .hdg_lv4 {
	padding: 10px 0 15px;
	font-size: 16px;
	margin: 0 0 15px;
}

.box_article_content .hdg_lv4:after {
	bottom: 0;
}

.box_article_content .lst_lbl {
	margin: 0;
}

.box_article_content .lst_lbl li {
	margin: 0 0 5px;
}

.box_article_content .lbl {
	margin-right: 5px;
	padding: 3px 6px;
	border-radius: 9px;
	font-size: 12px;
	color: #fff;
}

@media (max-width: 767px) {
	.box_article_img {
		width: 100px;
	}

	.box_article_content {
		padding-left: 10px;
	}

	.box_article_content .hdg_lv4 {
		font-size: 14px;
		padding: 0 0 8px;
		margin: 0 0 5px;
	}

	.box_article_content .lbl {
		font-size: 10px;
	}
}

.box_nav{
	margin: 30px 0 120px;
	border-radius: 5px;
	border: 2px solid #00A0E9;
	padding: 20px 20px 25px;
}
.box_nav .hdg_lv4 {
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}


/*2-1-3.  Table    [tbl_***]*/
.tbl_base {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 30px;
}

.tbl_base {
	text-align: left;
	font-size: 16px;
}

.tbl_base th {
	font-weight: bold;
	width: 224px;
	padding: 30px 0 30px 30px;
	box-sizing: border-box;
}

.tbl_base tbody tr {
	border-top: 1px solid #ccc;
}

.tbl_base tbody tr:last-child {
	border-bottom: 1px solid #ccc;
}

.tbl_base th,
.tbl_base td {
	vertical-align: top;
	line-height: 1.8em;
}

.tbl_base td {
	padding: 27px 25px 25px;
}

.tbl_base thead .hdg_lv2 {
	margin-bottom: 15px;
}

.tbl_base {
	margin-bottom: 55px;
}

.tbl_base .lbl_required {
	margin-left: 8px;
}

.tbl_base .wrp_grid {
	margin-top: 15px;
}

.box_select + .form_note {
	margin-top: 15px;
}

.tbl_base thead th {
	padding-left: 0;
	text-align: center;
}

@media (max-width: 767px) {
	.tbl_base {
		margin-bottom: 20px;
		font-size: 14px;
	}

	.tbl_base tr {
		display: block;
		padding: 15px 0 20px;
	}

	.tbl_base th,
	.tbl_base td {
		display: block;
		background: transparent;
	}

	.tbl_base td img {
		margin-bottom: 10px;
	}

	.tbl_base td .wrp_grid {
		text-align: center;
	}

	.tbl_base th {
		width: auto;
		vertical-align: middle;
		padding: 0;
		margin-bottom: 10px;
	}

	.tbl_base tbody td {
		padding: 0;
	}

	.tbl_base thead .hdg_lv2 {
		margin-bottom: 5px;
	}

	.tbl_base th small {
		display: block;
		padding: 2px 0 0  1px;
		font-size: 16px;
	}

	.tbl_base .form_note {
		margin-bottom: 5px;
	}

	.box_select + .form_note {
		margin-top: 10px;
	}

	.tbl_base thead {
		/* display: none; */
	}

	.tbl_base td[data-head]:before {
		content: "" attr(data-head) ":";
		display: inline-block;
		margin-right: 5px;
	}
}
.tbl_base.table_date th {
	width: 215px;
	background: none;
}

/*2-1-4.  Headings [hdg_lv*]*/
.hdg_lv1 {
	font-size: 32px;
	position: relative;
	margin: 0 0 50px;
	text-align: center;
	letter-spacing: 3px;
}

.hdg_lv1:after {
	content: '';
	background: #00a0e9;
	height: 4px;
	width: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	bottom: -12px;
}

.hdg_lv2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 53px;
	letter-spacing: 2px;
}

.hdg_lv2_lg {
	font-size: 32px;
	text-align: center;
	color: #00a0e9;
}

.hdg_lv2_02 {
	font-size: 36px;
	color: #399aff;
	font-weight: bold;
	text-align: center;
	padding: 55px 0 0;
	letter-spacing: 2px;
	margin-bottom: 25px;
}

.hdg_lv3.hdg_l {
	padding-left: 10px;
	padding-bottom: 7px;
	border-bottom: 4px solid #999;
	font-weight: bold;
}

@media (max-width: 767px) {
	.hdg_lv2_02 {
		font-size: 19px;
		padding: 25px 0 15px;
		letter-spacing: 0;
		margin-bottom: 0;
		font-weight: bold;
	}
}
.hdg_lv2_02 .txt_english {
	display: block;
	font-size: 17px;
	color: #444444;
	letter-spacing: .1ex;
}

@media (max-width: 767px) {
	.hdg_lv2_02 .txt_english {
		font-size: 10px;
	}
}
.hdg_lv2_sm {
	font-size: 36px;
	padding-top: 52px;
	letter-spacing: 0;
	margin-bottom: 14px;
}

.hdg_lv2_03 {
	background-color: #00a0e9;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: 18px;
	padding: 10px;
	min-width: 224px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #00a0e9;
}

.hdg_lv3 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 45px;
	letter-spacing: 2px;
}

.hdg_lv3_01 {
	color: #00a0e9;
	margin-bottom: 50px;
}

.hdg_lv4 {
	font-size: 16px;
	margin: 50px 0 40px;
	font-weight: normal;
	position: relative;
}

.hdg_lv4:after {
	content: '';
	position: absolute;
	bottom: -18px;
	left: 0;
	height: 3px;
	width: 30px;
	background-color: #e2e2e2;
}

.hdg_lv4_sub {
	float: right;
	font-size: 12px;
	margin-top: 3px;
	font-weight: normal;
}

.hdg_lv5 {
	font-weight: normal;
	margin-bottom: 5px;
}

.hdg_lv5:before {
	content: "◆";
}

@media (min-width: 768px) and (max-width: 991px) {
	h5 .hdg_lv4_sub {
		float: none;
	}
}
@media (max-width: 767px) {
	.hdg_lv1 {
		font-size: 21px;
		margin: 0 0 35px;
		padding-top: 25px;
	}

	.hdg_lv1:after {
		bottom: -10px;
	}

	.hdg_lv2 {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: normal;
	}

	.hdg_lv2_lg {
		font-size: 21px;
	}

	.hdg_lv2_sm {
		font-size: 16px;
		padding: 22px 0 8px;
	}

	.hdg_lv3 {
		font-size: 16px;
		margin-bottom: 22px;
		line-height: 1.6;
	}

	.hdg_lv4 {
		font-size: 14px;
		margin: 20px 0 30px;
		line-height: 1.6;
	}

	.hdg_lv4:after {
		bottom: -15px;
	}

	.hdg_lv4_sub {
		float: none;
		font-size: 11px;
		margin-left: 5px;
	}

	.hdg_lv4_has_sub {
		margin: 20px 0 80px;
	}

	.hdg_lv5 {
		margin: 30px 0 0;
	}
}
/*2-1-5.  Nav      [nav_***]*/
.nav li {
	padding: 0 10px;
}

.nav li a {
	display: block;
	padding: 10px 0;
	text-align: left;
}
.nav_common{
	margin: 20px auto;
	width: 980px;
	text-align: center;
}
.top .nav_common.is-footer{
	display: none;
}


@media (min-width: 768px) {
	.nav {
		display: table;
		table-layout: fixed;
	}

	.nav li {
		display: table-cell;
	}

	.nav li a {
		padding: 0;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.nav_common{
		margin: 20px auto;
		padding: 0 20px;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
/* ----------------------------------------------- */
.l_header_nav .nav {
	max-width: 950px;
	margin: 0 auto;
	height: 80px;
}

.l_header_nav .nav li {
	padding: 0;
}

.l_header_nav .nav li a {
	padding: 0 25px;
	font-size: 14px;
}

.l_header_nav .nav li a span {
	position: relative;
	display: block;
	height: 100%;
	padding: 30px 0 29px;
	box-sizing: border-box;
}

.l_header_nav .nav li a span:after {
	content: "";
	display: block;
	height: 4px;
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.l_header_nav .nav a.is_active span:after,
.l_header_nav .nav li.is_hovered a span:after,
.l_header_nav .nav li a:hover span:after {
	background: #00a0e9;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.l_header_nav .nav {
		height: 65px;
	}

	.l_header_nav .nav li a {
		padding: 0 10px;
		font-size: 12px;
		height: 82px;
	}

	.l_header_nav .nav li a span {
		padding: 23px 0;
	}
}
@media (max-width: 767px) {
	.l_header_nav .nav {
		display: none;
	}
}
/* ----------------------------------------------- */
.l_header_content02 .nav a {
	color: #fff;
	text-align: center;
	padding: 15px 0;
}

.l_header_content02 .nav {
	display: table;
	width: 100%;
}

.l_header_content02 .nav li {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #606060;
}

.l_header_content02 .nav li:last-child {
	border-right: 0;
}

@media (max-width: 767px) {
	.l_header_content02 .nav a {
		padding: 16px 0;
		line-height: 1.1;
	}
}
/* ----------------------------------------------- */
.mega_menu {
	background: rgba(66, 66, 66, 0.9);
	position: absolute;
	left: 0;
	right: 0;
	top: 88px;
}

.mega_menu a {
	color: #fff;
	display: block;
	min-width: 100px;
}

.mega_menu_inner {
	display: none;
}
.mega_menu_inner#anniversary {
	display: none !important;
}

.mega_menu_content {
	max-width: 980px;
	margin: 0 auto;
}

.box_menu {
	width: 100%;
	box-sizing: border-box;
	padding: 60px 35px;
	display: table;
}

.is_hovered .mega_menu {
	display: block;
}

.mega_menu_title {
	text-align: center;
	display: inline-block;
	padding: 0 30px;
	height: 90px;
	box-sizing: border-box;
	position: relative;
}

.mega_menu_title:after {
	content: "";
	display: block;
	width: 1px;
	height: 89px;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.mega_menu_title .icon {
	font-size: 48px;
	display: block;
	line-height: 1;
}

.mega_menu_title .icon:before {
	color: #fff;
}

.mega_menu_title,
.mega_menu_list {
	display: table-cell;
	vertical-align: middle;
}

.mega_menu_list {
	padding: 10px 0 0 60px;
	max-width: 741px;
	width: 100%;
	box-sizing: border-box;
}

.mega_menu_list .nav {
	display: block;
}

.mega_menu_list .nav li {
	float: left;
	width: 33.333333333%;
	margin-bottom: 15px;
	box-sizing: border-box;
}

.mega_menu_list .nav li a {
	text-align: left;
	max-width: 170px;
}
.mega_menu_list .nav li a span{
	font-size: 14px;
	letter-spacing: -0.05em;
}

@media (min-width: 768px) {
	.mega_menu_inner#home,
	.mega_menu_inner#store {
		display: none;
	}

	.mega_menu .icon_angle_right {
		display: none;
	}

	.mega_menu_eshop {
		display: none;
	}

}
@media (min-width: 768px) and (max-width: 1199px) {
	.mega_menu {
		top: 89px;
	}
}
@media (max-width: 767px) {
	.mega_menu {
		border-top: 4px solid #00a0e9;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
		width: 0;
		height: 100%;
		overflow-y: scroll;
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		transform: translateX(80%);
		transition: all .3s ease-in-out;
		background: transparent;
	}
	.mega_menu_list .nav li a span{
		font-size: 12px;
	}
	.mega_menu.is_opened {
		transform: translateX(0);
		width: 80%;
	}

	.mega_menu_inner {
		display: block !important;
	}
	.mega_menu_inner#anniversary {
		display: none !important;
	}

	.box_menu {
		padding: 0;
		display: block;
	}

	.mega_menu_title,
	.mega_menu_list {
		display: block;
		width: 100%;
	}

	.mega_menu_title a,
	.mega_menu_list a {
		font-size: 12px;
	}

	.mega_menu_list .nav li {
		display: block;
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #4d4d4d;
	}

	.mega_menu_list .nav li a {
		padding: 15px 20px;
	}

	.mega_menu_title {
		height: auto;
		text-align: left;
		padding: 15px 20px;
		background: #424242;
		border-bottom: 1px solid #606060;
		font-weight: normal;
	}

	.mega_menu_title .icon {
		display: none;
	}

	.mega_menu_title .icon_angle_right {
		float: right;
	}

	.mega_menu_title:after {
		display: none;
	}

	.mega_menu_list {
		background: #585858;
		padding: 0;
	}

	.mega_menu_eshop {
		padding: 10px 5px;
		background: #f3f3f3;
		text-align: center;
	}
	.mega_menu_eshop a {
		display: block;
		text-align: center;
		background: #cbf198;
	}
}
/* #nav_crumb
-------------------------------------------------- */
#nav_crumb {
	color: #333;
	margin: 40px 0 35px;
	font-size: 0;
}

#nav_crumb ol {
	margin-left: -5px;
}

#nav_crumb ol > li {
	display: inline-block;
	white-space: nowrap;
}

#nav_crumb ol > li:before {
	content: "/";
	font-size: 14px;
}

#nav_crumb ol > li > a, #nav_crumb ol > li > div {
	position: relative;
	display: inline-block;
	padding: 16px 7px 15px 2px;
	text-decoration: underline;
	font-size: 14px;
}

#nav_crumb ol > li > a i, #nav_crumb ol > li > div i {
	position: absolute;
	top: 16px;
	left: 4px;
	font-size: 14px;
}

#nav_crumb ol > li > a i:before {
	color: inherit;
}

#nav_crumb ol > li:first-child:before {
	display: none;
}

#nav_crumb ol > li:first-child > a {
	padding-left: 24px;
}

#nav_crumb ol > li:last-child > div {
	text-decoration: none;
}

@media (max-width: 767px) {
	#nav_crumb {
		display: none;
	}
}
/*2-1-6.  List     [lst_***]*/
/* ----------------------------------------------- */
.lst_dot > li:before {
	content: '・';
	position: relative;
}

.lst_dot > li {
	padding-left: 1em;
	text-indent: -1em;
}

/* ----------------------------------------------- */
.lst_num {
	list-style-type: decimal;
	list-style-position: inside;
}

.lst_number li {
	padding-bottom: 15px;
}

.lst_number__title {
	counter-reset: subsection;
	font-weight: bold;
	padding: 0 0 5px 17px;
	text-indent: -17px;
}

.lst_number__text {
	padding-left: 17px;
}

.lst_number__title:before {
	counter-increment: section;
	content: counter(section) ". ";
}

.lst_link {
	margin-bottom: 30px;
}

.lst_link li {
	margin-bottom: 5px;
}

.lst_link a .fa:before {
	color: #333;
}

@media (max-width: 767px) {
	.lst_link {
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		margin-bottom: 20px;
	}

	.lst_link li a {
		display: block;
		padding: 8px 10px;
		border-bottom: 1px solid #ddd;
	}
}
/* ----------------------------------------------- */
.lst_number {
	counter-reset: section;
}

.lst_number li {
	padding-bottom: 15px;
}

.lst_number_title {
	counter-reset: subsection;
	font-weight: bold;
	padding: 0 0 5px 17px;
	text-indent: -17px;
}

.lst_number_title:before {
	counter-increment: section;
	content: counter(section) ". ";
}

.lst_number_text {
	padding-left: 17px;
}

@media (max-width: 767px) {
	.lst_number p {
		font-size: 14px;
	}

	.lst_number li {
		padding-bottom: 6px;
	}

	.lst_number_title {
		padding-left: 0;
		text-indent: 0;
		line-height: 1.6;
	}

	.lst_number_text {
		padding-left: 0;
	}
}
/* ----------------------------------------------- */
.lst_shortcut {
	padding-bottom: 20px;
}

.lst_shortcut li {
	margin-bottom: 20px;
}

.lst_shortcut li a {
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	.lst_shortcut {
		padding-bottom: 10px;
	}

	.lst_shortcut li {
		margin-bottom: 10px;
	}
}
/* ----------------------------------------------- */
.lst_voice {
	margin-bottom: 60px;
}

.lst_voice li {
	padding: 23px 0 25px 140px;
	background: url("/resource/img/useful_senior_img_voice01.png") no-repeat left center;
	border-bottom: 1px solid #e2e2e2;
	min-height: 150px;
	box-sizing: border-box;
	display: table;
}

.lst_voice li:first-child {
	border-top: 1px solid #e2e2e2;
}

.lst_voice li p {
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.lst_voice {
		margin-bottom: 10px;
	}

	.lst_voice li {
		padding: 90px 0 15px;
		background-size: 61px auto;
		background-position: top 20px center;
		display: block;
		min-height: 0;
	}

	.lst_voice li:last-child {
		border-bottom: 0;
	}

	.lst_voice li p {
		display: block;
	}
}
/* ----------------------------------------------- */
.lst_flow li {
	margin: 40px 0 20px;
	padding-bottom: 0;
}

.lst_flow li:first-child {
	margin-top: 0;
}

@media (max-width: 767px) {
	.lst_flow {
		margin-top: 35px;
	}

	.lst_flow li {
		margin: 25px 0 10px;
	}
}
/* ----------------------------------------------- */
.lst_frame {
	margin-bottom: 60px;
}

.lst_frame li {
	position: relative;
}

.lst_frame_block {
	display: table;
	width: 100%;
}

.lst_frame_title {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5x 10px 0;
}

.lst_frame .lst_frame_content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.lst_frame_content .lst_frame_content_on {
	position: absolute;
	left: 0;
	top: 0;
	padding-bottom: 62.5%;
	height: 0;
	width: 100%;
	opacity: 1;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
}

.lst_frame_content:hover .lst_frame_content_on {
	opacity: 0;
}

.lst_frame_btn {
	padding: 0 0 5px;
	margin: 0 auto;
}

.lst_frame .lst_frame_btn .btn {
	min-width: 258px;
}

.lst_frame_text {
	margin-top: 15px;
}

@media (min-width: 768px) and (max-width: 880px) {
	.lst_frame .lst_frame_btn .btn {
		min-width: 180px;
		padding: 7px;
	}
}
.lst_frame_btn .icon:before {
	color: #fff;
}

.lst_frame .hdg_lv3 {
	font-size: 36px;
	font-weight: bold;
}

@media (min-width: 768px) {
	.lst_frame .hdg_lv3 {
		margin-bottom: 20px;
		color: #fff;
	}
}
@media (max-width: 767px) {
	.lst_frame_content .hdg_lv3 {
		margin-bottom: 10px;
		font-size: 24px;
		color: #fff;
	}

	.section_frame .hdg_lv2 {
		padding-top: 27px;
	}

	.lst_frame {
		margin-bottom: 0;
	}

	.lst_frame li {
		margin-bottom: 22px;
	}

	.lst_frame_text {
		margin-top: 5px;
	}

	.lst_frame_text {
		line-height: 1.6;
		margin-top: 5px;
	}

	.lst_frame_title {
		font-size: 16px;
	}

	.lst_frame .lst_frame_content {
		padding: 0;
		height: 100px;
	}

	.lst_frame .lst_frame_btn .btn {
		min-width: 160px;
	}

	.lst_frame .btn_opacity .icon {
		font-size: 14px;
		right: 0;
	}
}
/* ----------------------------------------------- */
.lst_case li {
	padding: 0;
	margin: 0;
}

.lst_case li .box_case {
	margin: 0;
}

.lst_case li + li .box_case {
	border-top: 0;
}

/* ----------------------------------------------- */
.lst_list li {
	margin-bottom: 30px;
}

.lst_list li h5 {
	margin-bottom: 10px;
}

.lst_list li p {
	padding-left: 16px;
}

@media (max-width: 767px) {
	.lst_list li {
		margin-bottom: 12px;
	}

	.lst_list li h5 {
		margin-bottom: 6px;
	}

	.lst_list li p {
		padding-left: 0;
	}
}
.lst_info {
	padding-bottom: 40px;
}

.lst_info_content {
	position: relative;
	margin-bottom: 20px;
	border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 1px 1px rgba(221, 221, 221, 0.7);
	-moz-box-shadow: 0 1px 1px 1px rgba(221, 221, 221, 0.7);
	box-shadow: 0 1px 1px 1px rgba(221, 221, 221, 0.7);
	background: #fff;
	display: table;
	width: 100%;
	overflow: hidden;
	min-height: 84px;
}

.lst_info_pic {
	height: 100%;
}

.lst_info_pic img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	max-width: 140px;
	min-height: 107px;
}

.lst_info_text {
	text-align: center;
	padding: 15px 50px 15px 145px;
	font-size: 18px;
	color: #444;
	line-height: 1.5;
	display: table-cell;
	vertical-align: middle;
}

.lst_info_text .icon_angle_right {
	font-size: 24px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -18px;
}

@media (max-width: 767px) {
	.lst_info {
		padding-bottom: 17px;
	}

	.lst_info_content {
		margin-bottom: 10px;
		min-height: 40px;
	}

	.lst_info_pic img {
		width: auto;
		height: 100%;
		min-height: 58px;
	}

	.lst_info_text {
		font-size: 13px;
		padding: 10px 25px 10px 85px;
	}

	.lst_info_text .icon_angle_right {
		font-size: 12px;
		margin-top: -10px;
	}
}
/* ----------------------------------------------- */
.lst_lbl {
	font-size: 0;
}

.lst_lbl li {
	display: inline-block;
	margin-right: 10px;
}

.lst_lbl .lbl {
	padding: 3px 6px;
	border-radius: 9px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

@media (max-width: 767px) {
	.lst_lbl {
		margin-bottom: 5px;
	}

	.lst_lbl li {
		margin: 0 5px 10px 0;
	}

	.lst_lbl .lbl {
		font-size: 10px;
	}
}
/* ----------------------------------------------- */
.lst_article > li {
	margin-bottom: 40px;
}

.lst_article {
	padding: 40px 0 20px;
}

@media (max-width: 767px) {
	.lst_article {
		margin-bottom: 10px;
	}

	.lst_article > li {
		padding: 20px 0;
		border-top: 1px solid #e7e7e7;
		margin-bottom: 0;
	}

	.lst_article {
		padding: 0;
	}
}
.lst_indexImage {
	position: relative;
	height: 190px;
	overflow: hidden;
}

.lst_indexImage__title,
.lst_indexImage__btn {
	color: #fff;
	position: absolute;
	z-index: 30;
	/*display: none;*/
	transition: all 0.3s ease;
}

.lst_indexImage__title {
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, -35%);
	transform: translate(-50%, -35%);
	font-weight: bold;
	width: 100%;
	text-align: center;
}

.lst_indexImage__btn {
	top: 60%;
	left: 50%;
	width: 80%;
	-webkit-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}

/*.lst_indexImage:hover .lst_indexImage__title,
.lst_indexImage:hover .lst_indexImage__btn{
	display: block;
}*/
.lst_indexImage__pct {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.lst_indexImage .overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 190px;
	background-color: rgba(0, 72, 105, 0.3);
	z-index: 20;
	transition: all 0.3s ease;
}

.lst_indexImage:hover .overlay {
	background-color: rgba(0, 72, 105, 0.6);
}

.lst_indexImage:hover .lst_indexImage__pct {
	-webkit-filter: blur(1px);
	filter: blur(1px);
}

.lst_indexImage__btn .btn {
	min-width: 258px;
}

@media (max-width: 767px) {
	.lst_indexImage__btn {
		width: 100%;
		text-align: center;
	}
}
#top-goods-glasses-brand {
	background-image: url("/resource/img/top_img_frame01.png");
}

#top-goods-glasses-original {
	background-image: url("/resource/img/top_img_frame02.png");
}

#top-goods-men {
	background-image: url("/resource/img/top_img_frame03.png");
}

#top-goods-glasses-ledies {
	background-image: url("/resource/img/top_img_frame04.png");
}

#top-kids-lineup {
	background-image: url("/resource/img/top_img_frame06.png");
}

#message-attitude {
	background-image: url("/resource/img/message_bnr_01.jpg");
}

#message-life {
	background-image: url("/resource/img/message_bnr_02.jpg");
}

#message-cm {
	background-image: url("/resource/img/message_bnr_03.jpg");
}

#message-attitude-slogan {
	background-image: url("/resource/img/message_attitude_img_frame01.jpg");
}

#message-attitude-together {
	background-image: url("/resource/img/message_attitude_img_frame02.jpg");
}

#message-attitude-voice {
	background-image: url("/resource/img/message_attitude_img_frame03.jpg");
}

#message-attitude-vision_care {
	background-image: url("/resource/img/message_attitude_img_frame04.jpg");
}

#message-attitude-slogan {
	background-image: url("/resource/img/service_kodawari_movie_frame01.jpg");
}

#message-cm-list {
	background-image: url("/resource/img/service_kodawari_movie_frame02.jpg");
}

#service-kodawari {
	background-image: url("/resource/img/service_bnr_01.jpg");
}

#service-store {
	background-image: url("/resource/img/service_follow_img_frame01.jpg");
}

#service-warranty-service {
	background-image: url("/resource/img/service_follow_img_frame03.jpg");
}

#service-kodawari-wearing_comfort {
	background-image: url("/resource/img/service_kodawari_img_frame01.jpg");
}

#service-kodawari-optician {
	background-image: url("/resource/img/service_kodawari_img_frame02.jpg");
}

#service-kodawari-movie {
	background-image: url("/resource/img/service_kodawari_img_frame03.jpg");
}

#service-kodawari-make {
	background-image: url("/resource/img/service_kodawari_img_frame04.jpg");
}

#service-optician {
	background-image: url("/resource/img/service_optician_img_frame01.jpg");
}

#service-after-care {
	background-image: url("/resource/img/service_aftercare_img_frame01.jpg");
}

#goods-glasses {
	background-image: url("/resource/img/goods_bnr_01.jpg");
}

#goods-lens {
	background-image: url("/resource/img/goods_bnr_09.jpg");
}

#goods-sunglasses {
	background-image: url("/resource/img/goods_bnr_02.jpg");
}

#goods-contact_lens {
	background-image: url("/resource/img/goods_bnr_03.jpg");
}

#goods-set {
	background-image: url("/resource/img/goods_bnr_07.jpg");
}

#goods-kids {
	background-image: url("/resource/img/goods_bnr_08.jpg");
}

#goods-hochouki {
	background-image: url("/resource/img/goods_bnr_06.jpg");
}

#goods-sports {
	background-image: url("/resource/img/goods_bnr_04.jpg");
}

#goods-low {
	background-image: url("/resource/img/goods_bnr_05.jpg");
}

#goods-set-goodglasses {
	background-image: url("/resource/img/goods_set_img_frame01.jpg");
}

#goods-set-goodglasses_kids {
	background-image: url("/resource/img/goods_set_img_frame02.jpg");
}

#goods-sports-about {
	background-image: url("/resource/img/goods_sports_img_frame01.jpg");
}

#goods-sports-kyosei {
	background-image: url("/resource/img/goods_sports_img_frame02.jpg");
}

#goods-sports-function {
	background-image: url("/resource/img/goods_sports_img_frame03.jpg");
}

#goods-sports-example {
	background-image: url("/resource/img/goods_sports_img_frame04.jpg");
}

#goods-hochouki-hajime {
	background-image: url("/resource/img/goods_hochouki_img_frame01.jpg");
}

#goods-hochouki-family {
	background-image: url("/resource/img/goods_hochouki_img_frame02.jpg");
}

#goods-hochouki-faq {
	background-image: url("/resource/img/goods_hochouki_img_frame03.jpg");
}

#goods-hochouki-flow {
	background-image: url("/resource/img/goods_hochouki_img_frame04.jpg");
}

#goods-hochouki-aftercare {
	background-image: url("/resource/img/goods_hochouki_img_frame05.jpg");
}

#useful-select {
	background-image: url("/resource/img/useful_bnr_01.jpg");
}

#useful-senior {
	background-image: url("/resource/img/useful_bnr_02.jpg");
}

#useful-lens {
	background-image: url("/resource/img/useful_bnr_03.jpg");
}

#useful-check {
	background-image: url("/resource/img/useful_bnr_04.jpg");
}

#useful-handling {
	background-image: url("/resource/img/useful_bnr_05.jpg");
}

#useful-faq {
	background-image: url("/resource/img/useful_bnr_06.jpg");
}

#company-message {
	background-image: url("/resource/img/company_bnr_01.jpg");
}

#company-philosophy {
	background-image: url("/resource/img/company_bnr_02.jpg");
}

#company-outline {
	background-image: url("/resource/img/company_bnr_03.jpg");
}

#company-history {
	background-image: url("/resource/img/company_bnr_04.jpg");
}

#company-recruit {
	background-image: url("/resource/img/company_bnr_05.jpg");
}

#contact-consulting {
	background-image: url("/resource/img/contact_bnr_01.jpg");
}

#contact-sugumail {
	background-image: url("/resource/img/contact_bnr_02.jpg");
}

#special-life {
	background-image: url("/resource/img/message_bnr_02.jpg");
}

#special-cm {
	background-image: url("/resource/img/special_cm_img_frame01.jpg");
}

#special-hearingaid {
	background-image: url("/resource/img/special_hearingaid_img_frame01.jpg");
}

#special-100th {
	background-image: url("/resource/img/special_100th_img_frame01.jpg");
}

/*2-1-7.  Button   [btn_***]*/
.btn {
	background-color: #00a0e9;
	border-radius: 30px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: 18px;
	padding: 10px;
	min-width: 308px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #00a0e9;
}

.btn .icon {
	font-size: 18px;
	position: absolute;
	right: 6px;
	top: 50%;
	bottom: 0;
	margin-top: -10px;
}

.btn .icon:before {
	color: #fff;
}

.btn_primary {
	background-color: transparent;
	color: #00a0e9;
}

.btn_primary .icon:before {
	color: #00a0e9;
}

.btn_second {
	border: 1px solid #e2e2e2;
	background: transparent;
	color: #e2e2e2;
}

.btn_second .icon:before {
	color: #e2e2e2;
}

.btn_opacity {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.btn_opacity .icon:before {
	color: #fff;
}

.btn:visited, .btn_opacity:visited {
	color: #fff;
}

.btn_primary:visited {
	color: #00a0e9;
}

.btn_second:visited {
	color: #e2e2e2;
}

.btn_large {
	width: 673px;
	padding: 9px 20px 9px 0;
	font-size: 18px;
}

.btn_search {
	font-size: 18px;
	padding: 18px;
	min-width: 390px;
}

.btn_search span {
	position: relative;
}

.btn_search span:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("/resource/img/ico_search01.png") no-repeat center;
	background-size: cover;
	margin-left: 10px;
}
.btn_thick {
	padding-top: 20px;
	padding-bottom: 20px;
	min-width: 350px;
}
.btn_headerFunc a{
	margin-bottom: 4px;
	background-color: #d7edff!important;
	/*border-radius: 5px;*/
	box-sizing: border-box;
	padding: 4px;
	text-align: center;
	font-size: 12px!important;
	color: #444!important;
	display: block;
	position: relative;
}
.btn_headerFunc a:after {
	content: '\e801';
	font-family: "fontello";
	font-size: 12px;
	position: absolute;
	color: #399aff;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.is_disable,
.is_disable:hover,
.is_disable:active,
.btn:disabled {
	color: #999 !important;
	background: #ddd !important;
	cursor: default !important;
	opacity: 1 !important;
	box-shadow: none;
}

.wrp_button {
	margin-top: 15px;
}

.wrp_button .btn {
	margin-right: 20px;
}

.btn_primary {
	background: #fff;
}

.btn:hover,
.btn_primary:hover {
	color: #ffffff;
	opacity: 0.7;
}

.btn_second:hover {
	color: #e2e2e2;
	opacity: 0.7;
}

.btn_primary:hover {
	color: #00a0e9;
	opacity: 0.7;
}

.btn_back:hover {
	color: #666666;
}

@media (max-width: 767px) {
	.btn {
		padding: 7px 19px;
		font-size: 12px;
		min-width: 160px;
	}

	.btn .icon {
		position: absolute;
		right: 6px;
		top: 50%;
		bottom: 0;
		margin-top: -7px;
		font-size: 12px;
	}

	.btn_medium {
		min-width: 248px;
	}

	.wrp_button {
		text-align: center;
		margin-top: 10px;
	}

	.wrp_button .btn {
		margin: 0 5px;
	}

	.btn_large {
		width: 280px;
		padding: 8px 20px;
		font-size: 12px;
	}

	.btn_search {
		width: 100%;
		min-width: 0;
		font-size: 16px;
		padding: 17px 19px;
	}

	.btn_search span {
		display: block;
	}

	.btn_search span:after {
		width: 16px;
		height: 16px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.btn_thick {
		min-width: 230px;
		padding-top: 13px;
		padding-bottom: 13px;
	}
	.btn_headerFunc{
		margin-bottom: 5px;
		padding: 6px 0;
		box-sizing: border-box;
	}
}
a.link_blue_line {
	color: #00a0e9;
	text-decoration: underline;
	margin-bottom: 8px;
	display: block;
}

a.link_blue_line:hover {
	text-decoration: none;
}

/*2-1-8.  Anchor   [acr_***]*/
.arc_strong {
	font-size: 16px;
	font-weight: bold;
}

.brightover:hover {
	opacity: .7;
}

.zoomover {
	overflow: hidden;
}

.zoomover .zoomover__img {
	transition: all .6s;
}

.zoomover:hover .zoomover__img {
	transform: scale(1.1);
}

.arc_back .fa {
	margin-right: 10px;
}

.arc_pagetop .fa {
	margin-left: 10px;
}

.rollover:hover,
.rollover:hover img {
	opacity: 0.7;
}

.arc_inline,
.arc_inline:visited {
	color: #00a0e9;
}

@media (max-width: 767px) {
	.arc_back .fa {
		margin-right: 5px;
	}

	.arc_pagetop .fa {
		margin-left: 5px;
	}
}
/*2-1-9.  Text     [txt_***]*/
.txt_head {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}

.txt_lead {
	text-align: center;
	margin: 50px 0;
	font-size: 18px;
}

.txt_english {
	font-family: 'Montserrat',sans-serif;
}

.hdg_lv2 .txt_english {
	display: block;
	font-size: 14px;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 0;
}

@media (max-width: 767px) {
	.hdg_lv2 .txt_english {
		font-size: 9px;
	}
}
.hdg_lv3 .txt_english, .hdg_lv4 .txt_english {
	display: block;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
}

.txt_copyright small {
	font-size: 14px;
	color: #cacccd;
}

.txt_note:before {
	content: '※';
	margin-right: 5px;
}

.txt_phone {
	font-size: 36px;
	line-height: 1.2;
}

.txt_phone a {
	color: #a4002c;
}

.txt_phone a.disable:hover {
	cursor: default;
	color: #a4002c;
}

.txt_blue {
	color: #00a0e9;
}

.txt_center {
	text-align: center;
}

.txt_right {
	text-align: right;
}

/*2-1-10. Icon     [icn_***]*/
.icn-right:before {
	margin: 0 0 0 5px;
}

/*2-1-11. Label    [lbl_***]*/
label {
	cursor: default;
}

.lbl {
	background: #00a0e9;
	padding: 6px 12px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	font-size: 16px;
	border-radius: 15px;
	box-sizing: border-box;
}

.lbl_required {
	background: #ffa146;
	padding: 3px 6px;
	font-size: 14px;
	border-radius: 7px;
	margin: 0 10px 2px 0;
	font-weight: normal;
}

.lbl_secondary {
	background: #ffa146;
}

@media (max-width: 767px) {
	.lbl {
		padding: 2px 3px;
		font-size: 12px;
	}

	.lbl_required {
		font-size: 10px;
		border-radius: 3px;
	}
}
.lbl_yellow {
	background: #f7ab00;
}

.lbl_teal {
	background: #7cc0c4;
}

.lbl_purple {
	background: #a786c8;
}

.lbl_red {
	background-color: #a4002c;
	color: #fff;
}

.lbl_white {
	border: 1px solid #ddd;
	background: #fff;
}

.lbl_darkgreen {
	background: #00873c;
	border: 1px solid #00873c;
	color: #fff;
}

.lbl_lightgreen {
	background: #f0f8eb;
	border: 1px solid #d9ede2;
	color: #00873c !important;
}

.lbl_news {
	background-color: #574939;
}

.lbl_mens {
	/* delete */
	background-color: #006b9c;
}

.lbl_men {
	background-color: #006b9c;
}

.lbl_ledies {
	background-color: #fc6777;
}

.lbl_kids {
	background-color: #ffb05b;
}

/*2-1-12. Form     [frm_***]*/
.form {
	margin-bottom: 120px;
}

.form .btn {
	max-width: 260px;
}

.form_note {
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.form {
		margin-bottom: 60px;
	}
}
/* ----------------------------------------------- */
.box_radio {
	display: inline-block;
	position: relative;
	background: url("/resource/img/btn_radio_off.png") no-repeat left center;
	padding-left: 30px;
	margin-right: 25px;
}

.box_radio.is_selected {
	background: url("/resource/img/btn_radio_on.png") no-repeat left center;
}

.box_radio input[type="radio"] {
	margin: 1px;
	position: absolute;
	z-index: 2;
	outline: none;
	opacity: 0;
	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

@media (max-width: 767px) {
	.box_radio {
		box-sizing: border-box;
		width: 50%;
		margin: 0;
		float: left;
		background-size: 16px;
		padding-left: 20px;
	}

	.box_radio.is_selected {
		background-size: 16px;
	}
}
/* ----------------------------------------------- */
.box_input {
	border-radius: 4px;
	border: 1px solid #dedede;
	max-width: 560px;
}

.box_input input,
.box_input textarea {
	padding: 18px 10px;
	width: 100%;
	border: 0;
	background: none;
	box-sizing: border-box;
}

.box_input textarea {
	padding: 7px 10px;
	width: 100%;
	border-radius: 5px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.box_input input,
	.box_input textarea {
		padding: 10px;
	}
}
/* ----------------------------------------------- */
.box_select select {
	padding: 10px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 0;
	background: transparent;
	width: 100%;
	background-image: none;
}

.box_select select::-ms-expand {
	display: none;
	visibility: hidden;
}

.ie9 .box_select:before {
	display: none;
}

.box_select {
	border: 1px solid #ddd;
	border-radius: 7px;
	max-width: 275px;
	position: relative;
}

.box_select:before {
	content: '\e82f';
	font-family: "fontello";
	position: absolute;
	top: 50%;
	right: 7px;
	margin-top: -15px;
	pointer-events: none;
}

/* ----------------------------------------------- */
.box_paragraf {
	margin-bottom: 120px;
}

.box_paragraf > p {
	margin-bottom: 35px;
}

@media (max-width: 767px) {
	.box_paragraf {
		margin-bottom: 60px;
	}

	.box_paragraf > p {
		margin-bottom: 27px;
	}
}
/* ----------------------------------------------- */
.wrp_input {
	display: table;
}

.wrp_input li {
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}

.wrp_input li:last-child {
	padding-right: 0;
}

.wrp_input li span {
	display: inline-block;
	padding: 0 10px 0 0;
}

.wrp_input li .box_input {
	display: inline-block;
	vertical-align: middle;
}

.wrp_input li .box_input input {
	width: 280px;
}

.wrp_input_3 li {
	padding-right: 10px;
	position: relative;
}

.wrp_input_3 li .box_input input {
	width: 198px;
}

.wrp_input02 li:last-child:before {
	display: none;
}

.wrp_input02 input.input_small {
	width: 90%;
}

@media (max-width: 767px) {
	.wrp_input {
		width: 100%;
	}

	.wrp_input li {
		display: block;
		margin-bottom: 10px;
		padding: 0 0 0 25px;
		position: relative;
	}

	.wrp_input li:last-child {
		margin-bottom: 0;
	}

	.wrp_input li span {
		position: absolute;
		left: 0;
		top: 10px;
	}

	.wrp_input li .box_input {
		width: 100%;
	}

	.wrp_input li .box_input input {
		width: 100%;
	}

	.wrp_input_2 li {
		padding-left: 40px;
	}

	.wrp_input_3 li {
		width: 33.3333333%;
		box-sizing: border-box;
		float: left;
		padding: 0 5px 0 10px;
		margin: 0;
	}

	.wrp_input_3 li:first-child {
		padding: 0 5px 0 0;
	}
}
/*2-1-13. Error    [err_***]*/
/*2-1-14. UI*/
.js_fullbg_wrapper {
	position: relative;
}

.js_fullbg {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.js_fullbg__bg {
	position: absolute;
	left: 0;
	top: 0;
}

.js_fullbg__bg img,
.js_show {
	visibility: hidden;
}

.js_video {
	width: 100%;
	height: 100%;
	position: absolute;
}

.js_anchor_expanded {
	cursor: pointer;
}

/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l_header:after, .wrp_header:after, #l_container:after, #l_main:after, #l_sub:after, #l_footer:after, .nav ul:after, .nav:after, .wrp_container:after, .lst_menu:after, .mega_menu_inner:after,
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}
.mlrauto{margin-left: auto; margin-right: auto;}

@media screen and (max-width: 767px){
	/* margin  */.m0_sp{margin:0!important;}.m5_sp{margin: 5px!important;}.m10_sp{margin: 10px!important;}.m15_sp{margin: 15px!important;}.m20_sp{margin: 20px!important;}.m25_sp{margin: 25px!important;}.m30_sp{margin: 30px!important;}.m35_sp{margin: 35px!important;}.m40_sp{margin: 40px!important;}.m45_sp{margin: 45px!important;}.m50_sp{margin: 50px!important;}.m55_sp{margin: 55px!important;}.m60_sp{margin: 60px!important;}.m65_sp{margin: 65px!important;}.m70_sp{margin: 70px!important;}.m75_sp{margin: 75px!important;}.m80_sp{margin: 80px!important;}.m85_sp{margin: 85px!important;}.m90_sp{margin: 90px!important;}.m95_sp{margin: 95px!important;}.m100_sp{margin: 100px!important;}/* margin-top */.mt0_sp{margin-top:0!important;}.mt-5_sp{margin-top: -5px!important;}.mt-10_sp{margin-top: -10px!important;}.mt-15_sp{margin-top: -15px!important;}.mt-20_sp{margin-top: -20px!important;}.mt-25_sp{margin-top: -25px!important;}.mt-30_sp{margin-top: -30px!important;}.mt-35_sp{margin-top: -35px!important;}.mt-40_sp{margin-top: -40px!important;}.mt-45_sp{margin-top: -45px!important;}.mt-50_sp{margin-top: -50px!important;}.mt-55_sp{margin-top: -55px!important;}.mt-60_sp{margin-top: -60px!important;}.mt-65_sp{margin-top: -65px!important;}.mt-70_sp{margin-top: -70px!important;}.mt-75_sp{margin-top: -75px!important;}.mt-80_sp{margin-top: -80px!important;}.mt-85_sp{margin-top: -85px!important;}.mt-90_sp{margin-top: -90px!important;}.mt-95_sp{margin-top: -95px!important;}.mt-100_sp{margin-top: -100px!important;}.mt5_sp{margin-top: 5px!important;}.mt10_sp{margin-top: 10px!important;}.mt15_sp{margin-top: 15px!important;}.mt20_sp{margin-top: 20px!important;}.mt25_sp{margin-top: 25px!important;}.mt30_sp{margin-top: 30px!important;}.mt35_sp{margin-top: 35px!important;}.mt40_sp{margin-top: 40px!important;}.mt45_sp{margin-top: 45px!important;}.mt50_sp{margin-top: 50px!important;}.mt55_sp{margin-top: 55px!important;}.mt60_sp{margin-top: 60px!important;}.mt65_sp{margin-top: 65px!important;}.mt70_sp{margin-top: 70px!important;}.mt75_sp{margin-top: 75px!important;}.mt80_sp{margin-top: 80px!important;}.mt85_sp{margin-top: 85px!important;}.mt90_sp{margin-top: 90px!important;}.mt95_sp{margin-top: 95px!important;}.mt100_sp{margin-top: 100px!important;}/* margin-right */.mr0_sp{margin-right:0!important;}.mr5_sp{margin-right: 5px!important;}.mr10_sp{margin-right: 10px!important;}.mr15_sp{margin-right: 15px!important;}.mr20_sp{margin-right: 20px!important;}.mr25_sp{margin-right: 25px!important;}.mr30_sp{margin-right: 30px!important;}.mr35_sp{margin-right: 35px!important;}.mr40_sp{margin-right: 40px!important;}.mr45_sp{margin-right: 45px!important;}.mr50_sp{margin-right: 50px!important;}.mr55_sp{margin-right: 55px!important;}.mr60_sp{margin-right: 60px!important;}.mr65_sp{margin-right: 65px!important;}.mr70_sp{margin-right: 70px!important;}.mr75_sp{margin-right: 75px!important;}.mr80_sp{margin-right: 80px!important;}.mr85_sp{margin-right: 85px!important;}.mr90_sp{margin-right: 90px!important;}.mr95_sp{margin-right: 95px!important;}.mr100_sp{margin-right: 100px!important;}/* margin-bottom */.mb0_sp{margin-bottom:0!important;}.mb5_sp{margin-bottom: 5px!important;}.mb10_sp{margin-bottom: 10px!important;}.mb15_sp{margin-bottom: 15px!important;}.mb20_sp{margin-bottom: 20px!important;}.mb25_sp{margin-bottom: 25px!important;}.mb30_sp{margin-bottom: 30px!important;}.mb35_sp{margin-bottom: 35px!important;}.mb40_sp{margin-bottom: 40px!important;}.mb45_sp{margin-bottom: 45px!important;}.mb50_sp{margin-bottom: 50px!important;}.mb55_sp{margin-bottom: 55px!important;}.mb60_sp{margin-bottom: 60px!important;}.mb65_sp{margin-bottom: 65px!important;}.mb70_sp{margin-bottom: 70px!important;}.mb75_sp{margin-bottom: 75px!important;}.mb80_sp{margin-bottom: 80px!important;}.mb85_sp{margin-bottom: 85px!important;}.mb90_sp{margin-bottom: 90px!important;}.mb95_sp{margin-bottom: 95px!important;}.mb100_sp{margin-bottom: 100px!important;}/* margin-left */.ml0_sp{margin-left:0!important;}.ml5_sp{margin-left: 5px!important;}.ml10_sp{margin-left: 10px!important;}.ml15_sp{margin-left: 15px!important;}.ml20_sp{margin-left: 20px!important;}.ml25_sp{margin-left: 25px!important;}.ml30_sp{margin-left: 30px!important;}.ml35_sp{margin-left: 35px!important;}.ml40_sp{margin-left: 40px!important;}.ml45_sp{margin-left: 45px!important;}.ml50_sp{margin-left: 50px!important;}.ml55_sp{margin-left: 55px!important;}.ml60_sp{margin-left: 60px!important;}.ml65_sp{margin-left: 65px!important;}.ml70_sp{margin-left: 70px!important;}.ml75_sp{margin-left: 75px!important;}.ml80_sp{margin-left: 80px!important;}.ml85_sp{margin-left: 85px!important;}.ml90_sp{margin-left: 90px!important;}.ml95_sp{margin-left: 95px!important;}.ml100_sp{margin-left: 100px!important;}
	/* padding */.p0_sp{padding:0!important;}.p5_sp{padding: 5px!important;}.p10_sp{padding: 10px!important;}.p15_sp{padding: 15px!important;}.p20_sp{padding: 20px!important;}.p25_sp{padding: 25px!important;}.p30_sp{padding: 30px!important;}.p35_sp{padding: 35px!important;}.p40_sp{padding: 40px!important;}.p45_sp{padding: 45px!important;}.p50_sp{padding: 50px!important;}.p55_sp{padding: 55px!important;}.p60_sp{padding: 60px!important;}.p65_sp{padding: 65px!important;}.p70_sp{padding: 70px!important;}.p75_sp{padding: 75px!important;}.p80_sp{padding: 80px!important;}.p85_sp{padding: 85px!important;}.p90_sp{padding: 90px!important;}.p95_sp{padding: 95px!important;}.p100_sp{padding: 100px!important;}/* padding-top */.pt0_sp{padding-top:0!important;}.pt5_sp{padding-top: 5px!important;}.pt10_sp{padding-top: 10px!important;}.pt15_sp{padding-top: 15px!important;}.pt20_sp{padding-top: 20px!important;}.pt25_sp{padding-top: 25px!important;}.pt30_sp{padding-top: 30px!important;}.pt35_sp{padding-top: 35px!important;}.pt40_sp{padding-top: 40px!important;}.pt45_sp{padding-top: 45px!important;}.pt50_sp{padding-top: 50px!important;}.pt55_sp{padding-top: 55px!important;}.pt60_sp{padding-top: 60px!important;}.pt65_sp{padding-top: 65px!important;}.pt70_sp{padding-top: 70px!important;}.pt75_sp{padding-top: 75px!important;}.pt80_sp{padding-top: 80px!important;}.pt85_sp{padding-top: 85px!important;}.pt90_sp{padding-top: 90px!important;}.pt95_sp{padding-top: 95px!important;}.pt100_sp{padding-top: 100px!important;}/* padding-right */.pr0_sp{padding-right:0!important;}.pr5_sp{padding-right: 5px!important;}.pr10_sp{padding-right: 10px!important;}.pr15_sp{padding-right: 15px!important;}.pr20_sp{padding-right: 20px!important;}.pr25_sp{padding-right: 25px!important;}.pr30_sp{padding-right: 30px!important;}.pr35_sp{padding-right: 35px!important;}.pr40_sp{padding-right: 40px!important;}.pr45_sp{padding-right: 45px!important;}.pr50_sp{padding-right: 50px!important;}.pr55_sp{padding-right: 55px!important;}.pr60_sp{padding-right: 60px!important;}.pr65_sp{padding-right: 65px!important;}.pr70_sp{padding-right: 70px!important;}.pr75_sp{padding-right: 75px!important;}.pr80_sp{padding-right: 80px!important;}.pr85_sp{padding-right: 85px!important;}.pr90_sp{padding-right: 90px!important;}.pr95_sp{padding-right: 95px!important;}.pr100_sp{padding-right: 100px!important;}/* padding-bottom */.pb0_sp{padding-bottom:0!important;}.pb5_sp{padding-bottom: 5px!important;}.pb10_sp{padding-bottom: 10px!important;}.pb15_sp{padding-bottom: 15px!important;}.pb20_sp{padding-bottom: 20px!important;}.pb25_sp{padding-bottom: 25px!important;}.pb30_sp{padding-bottom: 30px!important;}.pb35_sp{padding-bottom: 35px!important;}.pb40_sp{padding-bottom: 40px!important;}.pb45_sp{padding-bottom: 45px!important;}.pb50_sp{padding-bottom: 50px!important;}.pb55_sp{padding-bottom: 55px!important;}.pb60_sp{padding-bottom: 60px!important;}.pb65_sp{padding-bottom: 65px!important;}.pb70_sp{padding-bottom: 70px!important;}.pb75_sp{padding-bottom: 75px!important;}.pb80_sp{padding-bottom: 80px!important;}.pb85_sp{padding-bottom: 85px!important;}.pb90_sp{padding-bottom: 90px!important;}.pb95_sp{padding-bottom: 95px!important;}.pb100_sp{padding-bottom: 100px!important;}/* padding-left */.pl0_sp{padding-left:0!important;}.pl5_sp{padding-left: 5px!important;}.pl10_sp{padding-left: 10px!important;}.pl15_sp{padding-left: 15px!important;}.pl20_sp{padding-left: 20px!important;}.pl25_sp{padding-left: 25px!important;}.pl30_sp{padding-left: 30px!important;}.pl35_sp{padding-left: 35px!important;}.pl40_sp{padding-left: 40px!important;}.pl45_sp{padding-left: 45px!important;}.pl50_sp{padding-left: 50px!important;}.pl55_sp{padding-left: 55px!important;}.pl60_sp{padding-left: 60px!important;}.pl65_sp{padding-left: 65px!important;}.pl70_sp{padding-left: 70px!important;}.pl75_sp{padding-left: 75px!important;}.pl80_sp{padding-left: 80px!important;}.pl85_sp{padding-left: 85px!important;}.pl90_sp{padding-left: 90px!important;}.pl95_sp{padding-left: 95px!important;}.pl100_sp{padding-left: 100px!important;}
	.mlrauto_sp{margin-left: auto; margin-right: auto;}
}

/* width */
.w1per  { width:  1% !important; }
.w2per  { width:  2% !important; }
.w3per  { width:  3% !important; }
.w4per  { width:  4% !important; }
.w5per  { width:  5% !important; }
.w6per  { width:  6% !important; }
.w7per  { width:  7% !important; }
.w8per  { width:  8% !important; }
.w9per  { width:  9% !important; }
.w10per { width: 10% !important; }
.w11per { width: 11% !important; }
.w12per { width: 12% !important; }
.w13per { width: 13% !important; }
.w14per { width: 14% !important; }
.w15per { width: 15% !important; }
.w16per { width: 16% !important; }
.w17per { width: 17% !important; }
.w18per { width: 18% !important; }
.w19per { width: 19% !important; }
.w20per { width: 20% !important; }
.w21per { width: 21% !important; }
.w22per { width: 22% !important; }
.w23per { width: 23% !important; }
.w24per { width: 24% !important; }
.w25per { width: 25% !important; }
.w26per { width: 26% !important; }
.w27per { width: 27% !important; }
.w28per { width: 28% !important; }
.w29per { width: 29% !important; }
.w30per { width: 30% !important; }
.w31per { width: 31% !important; }
.w32per { width: 32% !important; }
.w33per { width: 33% !important; }
.w34per { width: 34% !important; }
.w35per { width: 35% !important; }
.w36per { width: 36% !important; }
.w37per { width: 37% !important; }
.w38per { width: 38% !important; }
.w39per { width: 39% !important; }
.w40per { width: 40% !important; }
.w41per { width: 41% !important; }
.w42per { width: 42% !important; }
.w43per { width: 43% !important; }
.w44per { width: 44% !important; }
.w45per { width: 45% !important; }
.w46per { width: 46% !important; }
.w47per { width: 47% !important; }
.w48per { width: 48% !important; }
.w49per { width: 49% !important; }
.w50per { width: 50% !important; }
.w51per { width: 51% !important; }
.w52per { width: 52% !important; }
.w53per { width: 53% !important; }
.w54per { width: 54% !important; }
.w55per { width: 55% !important; }
.w56per { width: 56% !important; }
.w57per { width: 57% !important; }
.w58per { width: 58% !important; }
.w59per { width: 59% !important; }
.w60per { width: 60% !important; }
.w61per { width: 61% !important; }
.w62per { width: 62% !important; }
.w63per { width: 63% !important; }
.w64per { width: 64% !important; }
.w65per { width: 65% !important; }
.w66per { width: 66% !important; }
.w67per { width: 67% !important; }
.w68per { width: 68% !important; }
.w69per { width: 69% !important; }
.w70per { width: 70% !important; }
.w71per { width: 71% !important; }
.w72per { width: 72% !important; }
.w73per { width: 73% !important; }
.w74per { width: 74% !important; }
.w75per { width: 75% !important; }
.w76per { width: 76% !important; }
.w77per { width: 77% !important; }
.w78per { width: 78% !important; }
.w79per { width: 79% !important; }
.w80per { width: 80% !important; }
.w81per { width: 81% !important; }
.w82per { width: 82% !important; }
.w83per { width: 83% !important; }
.w84per { width: 84% !important; }
.w85per { width: 85% !important; }
.w86per { width: 86% !important; }
.w87per { width: 87% !important; }
.w88per { width: 88% !important; }
.w89per { width: 89% !important; }
.w90per { width: 90% !important; }
.w91per { width: 91% !important; }
.w92per { width: 92% !important; }
.w93per { width: 93% !important; }
.w94per { width: 94% !important; }
.w95per { width: 95% !important; }
.w96per { width: 96% !important; }
.w97per { width: 97% !important; }
.w98per { width: 98% !important; }
.w99per { width: 99% !important; }
.w100per{ width: 100% !important; }
.wauto  { width: auto !important; }

/*2-2-3. Object-Oriented CSS [OOCSS]*/
.no_display {
	display: none;
}

.no_br {
	white-space: nowrap;
}

.no_line-height {
	line-height: 1 !important;
}

.pull_left {
	float: left !important;
}

.pull_right {
	float: right !important;
}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.block-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* for RWD */
.fluid_image {
	max-width: 100%;
	height: auto;
}

.isIE11 .fluid_image {
	width: 100%;
}

@-moz-document url-prefix() {
	.fluid_image {
		width: 100%;
		/*max-width: -moz-max-content;*/
	}
}
.full_image {
	width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container video,
.video-container iframe,
.video-container object,
.video-container embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* 2-2-4. Grid System [grid_***] */
.wrp_grid, .row {
	box-sizing: border-box;
}

.wrp_grid:after, .row:after {
	clear: both;
	content: " ";
	display: table;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
.grid_1_sp, .grid_2_sp, .grid_3_sp, .grid_4_sp, .grid_5_sp, .grid_6_sp, .grid_7_sp, .grid_8_sp, .grid_9_sp, .grid_10_sp, .grid_11_sp, .grid_12_sp {
	box-sizing: border-box;
	float: left;
}

/* Column Grid 0 - 767px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.wrp_grid {
		margin-left: -5px;
		margin-right: -5px;
	}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
	.grid_1_sp, .grid_2_sp, .grid_3_sp, .grid_4_sp, .grid_5_sp, .grid_6_sp, .grid_7_sp, .grid_8_sp, .grid_9_sp, .grid_10_sp, .grid_11_sp, .grid_12_sp {
		width: 100%;
		padding: 0 5px;
	}

	.grid_1_sp {
		width: 8.33333%;
	}

	.grid_2_sp {
		width: 16.66667%;
	}

	.grid_3_sp {
		width: 25%;
	}

	.grid_4_sp {
		width: 33.3333333%;
	}

	.grid_5_sp {
		width: 41.66667%;
	}

	.grid_6_sp {
		width: 50%;
	}

	.grid_7_sp {
		width: 58.33333%;
	}

	.grid_8_sp {
		width: 66.66667%;
	}

	.grid_9_sp {
		width: 75%;
	}

	.grid_10_sp {
		width: 83.33333%;
	}

	.grid_11_sp {
		width: 91.66667%;
	}

	.grid_12_sp {
		width: 100%;
	}
}
/*  Column Grid 768px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.wrp_grid {
		margin-left: -15px;
		margin-right: -15px;
	}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		padding: 0 15px;
	}

	.grid_1 {
		width: 8.33333333333%;
	}

	.grid_2 {
		width: 16.6666666667%;
	}

	.grid_3 {
		width: 25%;
	}

	.grid_4 {
		width: 33.3333333333%;
	}

	.grid_5 {
		width: 41.6666666667%;
	}

	.grid_6 {
		width: 50%;
	}

	.grid_7 {
		width: 58.3333333333%;
	}

	.grid_8 {
		width: 66.6666666667%;
	}

	.grid_9 {
		width: 75%;
	}

	.grid_10 {
		width: 83.3333333333%;
	}

	.grid_11 {
		width: 91.6666666667%;
	}

	.grid_12 {
		width: 100%;
	}
}
/* 2-2-5. WebFont [fontello] */
@font-face {
	font-family: 'fontello';
	src: url("/resource/fonts/fontello.eot?60908596");
	src: url("/resource/fonts/fontello.eot?60908596#iefix") format("embedded-opentype"), url("/resource/fonts/fontello.woff2?60908596") format("woff2"), url("/resource/fonts/fontello.woff?60908596") format("woff"), url("/resource/fonts/fontello.ttf?60908596") format("truetype"), url("/resource/fonts/fontello.svg?60908596#fontello") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="icon_"]:before, [class*=" icon_"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #00a0e9;
}

.icon_circle_left:before { content: '\e800'; } /* '' */
.icon_angle_right:before { content: '\e801'; } /* '' */
.icon_angle_left:before { content: '\e802'; } /* '' */
.icon_chevron_right:before { content: '\e803'; } /* '' */
.icon_circle_up:before { content: '\e804'; } /* '' */
.icon_circle_down:before { content: '\e805'; } /* '' */
.icon_users:before { content: '\e806'; } /* '' */
.icon_eye:before { content: '\e807'; } /* '' */
.icon_flag:before { content: '\e808'; } /* '' */
.icon_home:before { content: '\e809'; } /* '' */
.icon_envelope:before { content: '\e80a'; } /* '' */
.icon_facebook:before { content: '\e80b'; } /* '' */
.icon_twitter:before { content: '\e80c'; } /* '' */
.icon_close:before { content: '\e80f'; } /* '' */
.icon_angle_up:before { content: '\e82e'; } /* '' */
.icon_angle_down:before { content: '\e82f'; } /* '' */
.icon_glasses:before { content: '\e8a4'; } /* '' */
.icon_clone:before { content: '\f24d'; } /* '' */
.icon_commenting:before { content: '\f27a'; } /* '' */
.icon_instagram:before { content: '\f16d'; } /* '' */
.icon_blog:before { content: '\e80d'; } /* '' */



/* '' */
/*2-2-6. Backgrounds [bg_***]*/
.bg_light {
	background-color: #f5f5f5;
}

.bg_white {
	background-color: #fff;
}

.bg_dark {
	background-color: #f2f2f2;
}

.bg_light_blue {
	background-color: #e9f9ff;
}

/*2-2-7. Font size [fs_***]*/
.fs_18 {
	font-size: 18px;
}

.fs_16 {
	font-size: 16px;
}

.fs_14 {
	font-size: 14px;
}

.fs_12 {
	font-size: 12px;
}

/* 2-2-6. Visibility [visible_***] */
@media (max-width: 767px) {
	.visible_inline_sp {
		display: inline-block !important;
	}

	.visible_sp {
		display: block !important;
	}

	.visible_pc,
	.visible_inline_pc {
		display: none !important;
	}
}
@media (min-width: 768px) {
	.visible_sp,
	.visible_inline_sp {
		display: none !important;
	}

	.visible_inline_pc {
		display: inline-block !important;
	}

	.visible_pc {
		display: block !important;
	}
}
/* 2-3. State [is_***]
-------------------------------------------------- */
.is_opened {
	display: block;
}

.is_error {
	background-color: #f9eceb;
}

.is_disabled {
	opacity: 0.45;
}

.is_show {
	visibility: visible;
	opacity: 1;
}
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
.is-visibleTablet{
	display: none!important;
}
@media only screen and (min-width:1px) and (max-width:1024px){
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
	.is-visibleTablet{
		display: none!important;
	}
}
@media only screen and (min-width:768px) and (max-width:1024px){
	.is-visibleTablet{
		display: block!important;
	}
}

/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */
.mega_menu {
	z-index: 16;
}

.nav {
	z-index: 99;
}

.l_header_content01 {
	z-index: 50;
}

.js_fullbg {
	z-index: -1;
}

.lst_frame_content .lst_frame_content_on {
	z-index: 10;
}

.box_radio {
	z-index: 1;
}

.box_radio input[type="radio"] {
	z-index: 2;
}

/* 2-5. Project
-------------------------------------------------- */
/*メガネフレーム詳細画面*/
.goods_glasses_slider li {
	position: relative;
}

.txt_product {
	position: absolute;
	bottom: 2%;
	right: 2%;
	z-index: 10;
}

.txt_product span {
	display: block;
}

.txt_product__description {
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 1;
}

.txt_product__no {
	font-size: 12px;
	line-height: 1;
}

/* ----------------------------------------
/index.html
----------------------------------------- */
.section_topics .bx-wrapper {
	margin: 0 auto 40px;
}

.box_slider_topics {
	margin-bottom: 55px;
}

.box_slider_topics .bx-wrapper {
	margin: 0 auto;
}

.bx-wrapper {
	box-shadow: none !important;
	border: 0 !important;
	background: none !important;
	margin: 0 auto;
}

.bx-viewport {
	overflow: visible !important;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	display: none;
}

/*---------------section_frame---------*/
.section_frame .lst_frame {
	margin: 0 -1px 0 1px;
}

.section_frame .lst_frame li {
	position: relative;
	display: table;
	padding: 0 1px 1px 0;
}

.section_frame .lst_frame li:last-child {
	padding-right: 0;
}

.section_frame .lst_frame .lst_frame_item01 {
	background: url("/resource/img/top_img_frame01_on.png") no-repeat center;
	background-size: cover;
	overflow: hidden;
}

.section_frame .lst_frame .lst_frame_item01 .lst_frame_content_on {
	background: url("/resource/img/top_img_frame01.png") no-repeat center;
	background-size: cover;
	padding-bottom: 50.625%;
}

.section_frame .lst_frame .lst_frame_item02 {
	background: url("/resource/img/top_img_frame02_on.png") no-repeat center;
	background-size: cover;
	overflow: hidden;
}

.section_frame .lst_frame .lst_frame_item02 .lst_frame_content_on {
	background: url("/resource/img/top_img_frame02.png") no-repeat center;
	background-size: cover;
	padding-bottom: 50.625%;
}

.section_frame .lst_frame .lst_frame_item03,
.section_frame .lst_frame .lst_frame_item04,
.section_frame .lst_frame .lst_frame_item05,
.section_frame .lst_frame .lst_frame_item06 {
	height: 215px;
}

.section_frame .lst_frame .lst_frame_item03 {
	background: url("/resource/img/top_img_frame03_on.png") no-repeat center;
	background-size: cover;
}

.section_frame .lst_frame .lst_frame_item03 .lst_frame_content_on {
	background: url("/resource/img/top_img_frame03.png") no-repeat center;
	background-size: cover;
	padding-bottom: 50.625%;
}

.section_frame .lst_frame .lst_frame_item04 {
	background: url("/resource/img/top_img_frame04_on.png") no-repeat center;
	background-size: cover;
}

.section_frame .lst_frame .lst_frame_item04 .lst_frame_content_on {
	background: url("/resource/img/top_img_frame04.png") no-repeat center;
	background-size: cover;
	padding-bottom: 50.625%;
}

.section_frame .lst_frame .lst_frame_item05 {
	background: url("/resource/img/top_img_frame05_on.png") no-repeat center;
	background-size: cover;
}

.section_frame .lst_frame .lst_frame_item05 .lst_frame_content_on {
	background: url("/resource/img/top_img_frame05.png") no-repeat center;
	background-size: cover;
	padding-bottom: 50.625%;
}

.section_frame .lst_frame .lst_frame_item06 {
	background: url("/resource/img/top_img_frame06_on.png") no-repeat center;
	background-size: cover;
}

.section_frame .lst_frame .lst_frame_item06 .lst_frame_content_on {
	background: url("/resource/img/top_img_frame06.png") no-repeat center;
	background-size: cover;
	padding-bottom: 50.625%;
}

.section_frame .lst_frame .grid_6_sp .btn {
	max-width: 280px;
	box-sizing: border-box;
	width: 100%;
}

.section_frame .lst_frame_btn {
	padding: 0 15px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.section_frame .lst_frame .hdg_lv3 {
		margin-bottom: 20px;
	}

	.section_frame .lst_frame .btn {
		max-width: 324px;
	}
}
@media (min-width: 768px) and (max-width: 960px) {
	.lst_frame .hdg_lv3 {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.section_frame .hdg_lv2 {
		padding-top: 27px;
	}

	.section_frame .lst_frame li {
		margin-bottom: 1px;
	}

	.section_frame .lst_frame .lst_frame_item01,
	.section_frame .lst_frame .lst_frame_item02 {
		height: 162px;
		background-size: cover;
	}

	.section_frame .lst_frame .lst_frame_item03,
	.section_frame .lst_frame .lst_frame_item04,
	.section_frame .lst_frame .lst_frame_item05,
	.section_frame .lst_frame .lst_frame_item06 {
		height: 162px;
		background-size: cover;
		padding: 0;
	}

	.section_frame .lst_frame .btn {
		max-width: 160px;
	}

	.section_frame .lst_frame .grid_4,
	.section_frame .lst_frame .grid_6 {
		padding: 0;
	}

	.section_frame .lst_frame .btn_opacity .icon {
		font-size: 14px;
		right: 0;
	}
}
/*---------------section_recommend---------*/
.box_slider_recommend div {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
}

@media (max-width: 767px) {
	.box_slider_recommend div {
		border-radius: 5px;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
	}
}
/*---------------section_topic---------*/
.lst_topic li {
	display: inline-block;
	width: 476px !important;
	margin-right: 30px !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
	border-radius: 10px;
}

.lst_topic .box_topic_text {
	font-size: 16px;
}

.box_slider_topics .bx-wrapper {
	margin: 0 auto 40px;
}

.box_slider_topics .bx-viewport {
	width: 476px !important;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.lst_topic li {
		width: 260px !important;
		margin-right: 5px !important;
	}

	.lst_topic .box_topic_text, .lst_topic .box_topic_date {
		font-size: 14px;
	}

	.box_slider_topics .bx-wrapper {
		margin: 0 auto 15px;
	}

	.box_slider_topics .bx-viewport {
		width: 260px !important;
	}

	.lst_topic li {
		font-size: 14px;
		width: 260px;
	}

	.lst_topic_date {
		padding: 10px 15px;
	}

	.lst_topic_text {
		padding: 13px 15px;
	}
}
/*--------- box-service ----*/
.lst_service {
	padding-bottom: 30px;
}

.lst_service li {
	margin-bottom: 30px;
}

.lst_service .box_lst_service {
	border-radius: 10px;
	border: 1px solid #ddd;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
	position: relative;
	background-color: #fff;
}

.lst_service .box_lst_service:before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 8px;
	background-color: #00a0e9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: block;
}

.lst_service_img {
	margin-top: 8px;
	text-align: center;
	overflow: hidden;
}

.lst_service_inner {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 18px 2px 13px 20px;
	box-sizing: border-box;
}

.lst_service_txt {
	display: table-cell;
	vertical-align: top;
	line-height: 1.5;
}

.lst_service_link {
	margin-bottom: 10px;
	line-height: 1.4;
}

.lst_service_link .icon {
	color: #00a0e9;
}

.lst_service_icn {
	display: table-cell;
	vertical-align: middle;
}

.lst_service_icn {
	text-align: right;
	width: 27px;
	font-size: 24px;
	color: #00a0e9;
}

@media (max-width: 767px) {
	.lst_service {
		padding-bottom: 20px;
	}

	.lst_service li {
		margin-bottom: 10px;
	}

	.lst_service .box_lst_service {
		border-radius: 6px;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
	}

	.lst_service .box_lst_service:before {
		height: 4px;
	}

	.lst_service_img {
		margin-top: 4px;
	}

	/* .lst_service_img img {
		min-height: 84px;
	} */
	.lst_service_inner {
		padding: 5px 0 4px 10px;
	}

	.lst_service_txt {
		font-size: 13px;
	}

	.lst_service_icn {
		font-size: 12px;
		padding: 15px 2px 0 0;
		width: 18px;
	}

	.lst_service_link {
		margin-bottom: 5px;
		font-size: 13px;
		line-height: 1.4;
	}
}
/*------------Video iframe-------------*/
.box_media iframe {
	width: 100%;
	max-width: 644px;
	margin: 0 auto;
	border: 0;
}

@media (max-width: 767px) {
	.box_media iframe {
		height: 158px;
	}
}
/* ----------------------------------------
/links/index.html
----------------------------------------- */
.page_link .hdg_lv3 {
	margin-bottom: 20px;
}

.page_link .hdg_lv4 {
	margin: 20px 0 40px;
}

.page_link .wrp_grid {
	margin-bottom: 30px;
}

.page_link .wrp_grid li {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.page_link .hdg_lv3 {
		margin-bottom: 10px;
	}

	.page_link .wrp_grid {
		margin-bottom: 15px;
	}

	.page_link .hdg_lv4 {
		margin: 10px 0 30px;
	}

	.page_link .wrp_grid li {
		margin-bottom: 10px;
	}
}
/* ----------------------------------------
/privacypolicy/index.html
----------------------------------------- */
.page_privacypolicy .lst_number {
	margin: 20px 0;
}

.page_privacypolicy .lst_num {
	margin: 15px 0;
}

.page_privacypolicy .lst_num li {
	margin: 0 0 15px;
}

@media (max-width: 767px) {
	.page_privacypolicy .lst_num {
		margin: 5px 0;
	}

	.page_privacypolicy .lst_num li {
		margin: 0 0 5px;
	}
}
/* ----------------------------------------
/term_of_use/index.html
----------------------------------------- */
.page_term .lst_content {
	margin-top: 20px;
}

.page_term .box_link {
	margin: 10px 0 50px;
}

.page_term .hdg_lv3 {
	margin: 50px 0 15px;
}

.page_term .arc_inline {
	word-break: break-all;
}

@media (max-width: 767px) {
	.page_term .hdg_lv3 {
		margin-top: 20px;
	}

	.page_term .lst_content {
		margin: 20px 0 5px;
	}

	.page_term .box_link {
		margin: 5px 0 25px;
	}
}
.ie9 .page_otoku .box_media_pic img {
	width: 308px;
}

/* ----------------------------------------
/error404.html
----------------------------------------- */
.page_error .box {
	border: 10px solid #fff;
	box-sizing: border-box;
	margin: 60px 0;
	background: #f3fbf9;
}

.page_error .box_content {
	padding: 10px 50px;
}

.page_error .box p {
	font-size: 14px;
}

.page_error .box p.box_link {
	margin-top: 30px;
}

.page_error .box h1 {
	font-size: 20px;
}

@media (max-width: 767px) {
	.page_error .box {
		border-: 5px solid #fff;
		margin: 30px 0;
		background-size: auto 135px;
	}

	.page_error .box_content {
		width: auto;
		padding: 10px;
	}

	.page_error .box h1 {
		font-size: 16px;
	}

	.page_error .box p {
		font-size: 12px;
	}
}
/*---------------Bxslider---------*/
.bx-viewport {
	overflow: visible !important;
}

.bx-wrapper {
	box-shadow: none !important;
	border: 0;
	background: none;
	margin: 0 auto;
}

.bx-wrapper .bx-pager {
	bottom: -41px;
}

.bx-wrapper img {
	margin: 0 auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	border-radius: 0 !important;
	width: 60px;
	height: 4px;
	background: #e2e2e2;
}

.bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #e2e2e2;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #00a0e9;
}

@media (max-width: 767px) {
	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 30px;
	}

	.bx-wrapper .bx-pager {
		bottom: -19px;
	}
}