@charset "utf-8";
/* ===================================================================
CSS information
 file name  :sp_home.css
 style info :スマートフォン トップページ用CSS
=================================================================== */


/* ---------------------------------------------------------
HEAD
----------------------------------------------------------- */

body#home div#lyt-header div#header-note {
	/* display: none !important; */
	margin: 2.75vw 0;
	/* padding: 50px 10px 5px; */
	padding: 0.25em 2.5vw 0.25em 4.5vw !important;
	background: #264B9D;
}

body#home div#lyt-header div#header-note p {
	color: #fff !important;
}

body#home div#lyt-header p#header-linkkids a img {
	/* display: none !important; */
	float: right;
	margin: 0 2.5vw 0 0;
	width: 2em;
	background: #fff;
	z-index: 10;
}

body#home div#lyt-container p#sp_header-note {
	display: none;
	/* margin: 0 0; */
}

body#home div#lyt-container p#sp_header-linkkids {
	display: block;
	margin: 0 0 -1.75em 0;
	padding: 0 0 0.5em 0;
	text-align: right;
}

body#home div#lyt-container p#sp_header-linkkids a {
	margin: 0;
	padding: 0 0.5em 0.5em 1em;
	border: 1px solid #fff;
	/* background: rgba(255, 255, 255, 0.7); */
	background: #fff;
	display: inline-block;
	/* color: #047; */
	color: #33c;
	font-weight: bold;
}



/* ---------------------------------------------------------
TOPICS
----------------------------------------------------------- */

body#home div#lyt-container div.box-topics {
	margin: 0 0 0;
	padding: 0.5em 1em 1em;
	background: #fffbbb;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	display: block;
}

body#home div#lyt-container div.box-topics h2.hdg {
	margin: 0 !important;
	padding: 0 !important;
}

body#home div#lyt-container div.box-topics h2.hdg a {
	/* color: #FF5733; */
	color: #8B0000;
}

body#home div#lyt-container div.box-topics h2.hdg::before {
	content: "";
	display: none;
}

body#home div#lyt-container div.box-topics ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

body#home div#lyt-container div.box-topics ul li {
	margin: 0;
	padding: 0;
	display: block;
	border: none;
}

body#home div#lyt-container div.box-topics ul li ul {
	margin: 0;
	padding: 0;
	display: block;
}

body#home div#lyt-container div.box-topics ul li ul li {
	display: block;
}

body#home div#lyt-container div.box-topics ul li ul li a {
	margin: 0;
	padding: 0.5em 0 0;
	color: #33c;
}

body#home div#lyt-container div.box-topics ul li ul small {
	padding: 0 0 0.5em;
	display: block;
	color: #33c;
	text-align: right;
	border-bottom: solid 1px #264B9D;
}

body#home div#lyt-container div.box-topics div {
	padding-top: 1em;
	display: block;
	line-height: 1;
	position: relative;
}

body#home div#lyt-container div.box-topics div a small {
	padding: 0.5em 0 0;
	/* color: #FF5733; */
	color: #8B0000;
}



/* ---------------------------------------------------------
CONTENTS
----------------------------------------------------------- */

body#home div#lyt-container {
	/* background: url("../img/sp_img/sp_bg_contents.jpg") repeat-x center top #55AADD; */
}

body#home div#lyt-container div#lyt-contents {
	margin: 0;
	/* padding: 10px 10px 10px; */
	padding: 0 2.5vw 0;
	background: none;
}

body#home div#lyt-container div#lyt-contents div#lyt-contents-inner {
	margin: 0;
	/* padding: 10px; */
	padding: 0 3.5vw 0;
}



/*  TITLE
--------------------------------------------------- */

body#home div#lyt-contents div#lyt-contents-inner h2 {
	margin: 1.5em 0 0;
	padding: 0;
	font-size: 1.75em;
	/* margin: 0 0 10px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: inset 0px 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 0px 2px #fff; */
}

body#home div#lyt-contents div#lyt-contents-inner h2::before {
	content: "|";
	color: #264B9D;
	font-size: 0.55em;
	/* position: relative; */
	/* left: 2px; */
	float: left;
	width: 0.5em;
	background: #264B9D;
	/* height: 100%; */
	border-radius: 0.25em;
	margin-right: 0.45em;
}

body#home div#lyt-contents div#lyt-contents-inner h2 a {
	display: block;
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-01 {
	/* background: -moz-linear-gradient(top, #e0f6ff, #88ccff);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0f6ff), to(#88ccff)); */
	margin: 1em 0 0.75em;
	padding: 0;
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-01::before {
	content: "";
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-01 a {
	color: #000;
	font-size: 1.5em;
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-01::after {
	content: "";
	position: relative;
	float: left;
	width: 44vw;
	background: #264B9D;
	height: 6px;
	border-radius: 3px;
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-02 {
	/* background: -moz-linear-gradient(top, #fff6fc, #ffc0e6);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff6fc), to(#ffc0e6)); */
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-03 {
	/* background: -moz-linear-gradient(top, #e7ffb9, #b9ff36);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8df)); */
}

body#home div#lyt-contents div#lyt-contents-inner h2.hdg-lv1-04 {
	/* background: -moz-linear-gradient(top, #fff3cc, #ffdd66);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff3cc), to(#ffdd66)); */
}


/*  LIST
--------------------------------------------------- */

body#home div#lyt-contents div#lyt-contents-inner ul {
	padding: 0;
	list-style: none;
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01 {
	/* margin: 0 10px 30px;
	padding: 0;
	text-align: left; */
	border: none;
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01 li a {
	/* margin: 0;
	padding: 10px 30px 10px 10px; */
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col2,
body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col3 {
	list-style: none;
	margin: 0 0 1em !important;
	padding: 0 !important;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	text-align: left;
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col2 li,
body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col3 li {
	display: block;
	width: 88vw;
	margin: 0 auto !important;
	padding: 1em 0 0 !important;
	/* line-height: 2.75; */
	line-height: 1;
	border-bottom: dashed 1px #33c;
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col2 li a,
body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col3 li a {
	display: inline;
	color: #33c;
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col2 li a::after,
body#home div#lyt-contents div#lyt-contents-inner ul.list-link-01.col3 li a::after {
	content: "▶︎";
	color: #FF5733;
	white-space: nowrap;
	text-align: right;
	/* margin: -2.75em 0 0 0; */
	margin: -1em 0 0 0;
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-business {
	/* margin: 0 10px 15px;
	padding: 0; */
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-business li {
	/* margin: 0 0 5px;
	padding: 8px 10px;
	border: 1px solid #ccc; */
}

body#home div#lyt-contents div#lyt-contents-inner ul.list-link-business li a {
/* 	margin: 0;
	padding: 0 15px 0 0;
	display: block; */
	/* background: url("../img/share/icon-arrow_05.gif") no-repeat right center; */
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_intro {
	/* margin: 20px 0 10px;
	padding: 0;
	text-align: center; */
	
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_intro li {
	/* margin: -15px 0 0;
	padding: 0; */

	margin: 0 0.5em 0.5em 0;
	padding: 0;
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_intro li::before {
	content: "●";
	color: #264B9D;
	margin-right: 0.5em;
	/* font-size: 1.2em; */
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_intro li a {
	color: #264B9D;
	font-size: 1.15em;
	font-weight: bold;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top02 {
/* 	margin: 0 0 10px;
	padding: 0;
	text-align: center; */
	margin: 1.5em 0 0.5em;
	display: flex;
	flex-flow: column nowrap;
	text-align: center;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top02 li {
	margin: 0.5em auto;
	padding: 0.5em 0;
	background: #ddd;
	border-radius: 0.5em;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top02 li a {
	display: block;
	width: 88vw;
	padding: em auto;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top01 {
/* 	margin: 0 0 10px;
	padding: 0; */
	list-style: none;
	margin: 0 0 1em !important;
	padding: 0 !important;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	text-align: left;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top01 li {
	/* margin: 0 0 0 15px;
	padding: 3px 12px 3px 0;
	display: inline-block; */
	/* background: url("../img/share/icon-arrow_05.gif") no-repeat right center; */
	display: block;
	width: 88vw;
	margin: 0 auto !important;
	padding: 0 !important;
	line-height: 2.75;
	border-bottom: dashed 1px #33c;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top01 li a {
	display: inline;
	color: #33c;
}

body#home div#lyt-contents div#lyt-contents-inner ul#list-link-top01 li a::after {
	content: "▶︎";
	color: #FF5733;
	white-space: nowrap;
	text-align: right;
	margin: -2.75em 0 0 0;
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_link {
	display: flex;
	flex-flow: column nowrap;
	text-align: center;
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_link li {
	margin: 0.5em auto;
	padding: 0.5em 0;
	background: #ddd;
	border-radius: 0.5em;
}

body#home div#lyt-contents div#lyt-contents-inner ul#listbnr_link li a {
	display: block;
	width: 88vw;
	padding: em auto;
}
/* 
body#home div#lyt-contents div#lyt-contents-inner ul#sp_listbnr_link {
	margin: 0;
	padding: 0;
	text-align: center;
}
 */

/* 
body#home div#lyt-contents div#lyt-contents-inner div#sp_listbnr_link li {
	margin: 0 0 5px;
	padding: 0;
}
 */


/* TO TOP
----------------------------------------------------------- */

body#home div#lyt-contents #nav-pagetop {
	/* margin: 30px 0 0; */
	margin: 2.5em 0 0;
	padding: 0;
	list-style: none;
	text-align: center !important;
}

body#home div#lyt-contents #nav-pagetop li {
	display: inline-block;
	margin: 0;
	/* padding: 0 5px; */
	padding: 0;
	/* background: #5ad; */
	background: #264B9D;
	/* border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px; */
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	-webkit-border-top-left-radius: 0.75em;
	-webkit-border-top-right-radius: 0.75em;
	-moz-border-radius-topleft: 0.75em;
	-moz-border-radius-topright: 0.75em;
}

body#home div#lyt-contents #nav-pagetop li a {
	margin: 0;
	/* padding: 10px 22px 5px 10px; */
	padding: 0.4em 1.25em 0;
	/* display: block; */
	display: block;
	/* background: url(../img/sp_img/sp_icon_arrow02.png) right center no-repeat; */
	color: #fff;
}


/* ---------------------------------------------------------
FOOT
----------------------------------------------------------- */

body#home div#lyt-container div#lyt-footer {
	margin: -0.1em 0;
	padding: 0.5em;
	background: #264B9D;
	border-top: solid 1px #264B9D;
}

body#home div#lyt-footer ul.nav-footer {
	margin: 0.75em 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

body#home div#lyt-footer ul.nav-footer li a {
	margin: 0;
	padding: 1em 0.75em;
	color: #fff;
	font-size: 1em;
	line-height: 2;
}

body#home div#lyt-footer p.copyright {
	margin: 0;
	padding: 0.25em 0 1em;
	text-align: center;
	font-size: 1em;
	color: #fff;
}

body#home div#lyt-footer ul.nav-links {
	/* margin: 30px 0 10px;
	padding: 0;
	text-align: center;
	list-style: none; */
}

body#home div#lyt-footer ul.nav-links li {
/* 	margin: 0 0 5px;
	padding: 3px 10px;
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; */
}