@charset "UTF-8";

/*---------------------------------------------------------------- 著作 -*/
/* Tomomi Koki */
/* https://225-futures.com/ */
/* 作成日:2015年01月07日 */
/* 更新日:2019年03月21日 */

/*--------------------------------------------------------- CSSリセット -*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*----------------------------------------------------- iOS CSSリセット -*/
input[type="submit"],input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}

/*------------------------------------------------------------ 初期設定 -*/
* {
	color: #303d49;
	scroll-behavior: smooth
}
body {
	font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	letter-spacing: 0.8pt;
	line-height: 1.7em;
	margin: 0;
	overflow-x : hidden
}
h1 {
	float: left;
	font-size: 180%;
	margin: 33px 0 0 0
}
h1 a,
h1 a:hover,
h1 a:visited {
	color: #303d49
}
h1 span {
	color: #d8001e;
	display: block;
	font-size: 70%
}
h2 {
	font-size: 160%;
	line-height: 1.3em;
	margin: 0 0 30px 0
}
h2 a,
h2 a:hover,
h2 a:visited {
	color: #333
}
h3 {
	border-left: solid 5px #006890;
	font-size: 140%;
	margin: 15px 0 30px 0;
	padding: 0 0 0 10px
}
h3 a,
h3 a:visited {
	color: #1a1a1a
}
#news h3,
#guide h3 {
	border: none;
	color: #fff;
	font-size: 110%;
	margin: 0 0 15px 0;
	text-align: left
}
#pr03 h3 {
	border: none;
	color: #333;
	margin: 0 0 15px 0
}
aside .box h3 {
	background: #006388;
	border: none;
	border-radius: 0;
	color: #fff;
	font-size: 100%;
	margin: 0 0 5px 0;
	padding: 5px;
	text-align: center
}
aside .box h3 a,
aside .box h3 a:hover,
aside .box h3 a:visited {
	color: #fff
}
aside .box h3:after {
	border: none;
	border-top: none;
	left: 0;
	top: 0
}
h4 {
	font-size: 120%;
	margin: 15px 0 30px 0;
	text-align: center
}
p {
	line-height: 1.7em;
	padding: 0 0 1em 0
}
a,
a:hover,
a:visited {
	color: #006388;
	text-decoration: none
}
table {
	border-collapse: collapse;
	margin: 0 0 25px 0;
	width: 100%
}
th {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	width: 25%
}
td {
	border: 1px solid #ccc;
	padding: 6px
}
table .w80 {
	width: 80px
}
table .w90 {
	width: 90px
}
table .w100 {
	width: 100px
}
table .w120 {
	width: 120px
}
table .w150 {
	width: 150px
}
table .w170 {
	width: 170px
}
table .w200 {
	width: 200px
}
table .w220 {
	width: 220px
}
table .w230 {
	width: 230px
}
@media only screen and (max-width: 768px) { /*! タブレット */
body {
	font-size: 17px
}
h1 {
	font-size: 130%;
	margin: 10px 0 0 10px;
	z-index: 0
}
h1 span {
	line-height: 1.6em
}
h2 {
	line-height: 1.3em;
	margin: 0 0 20px 0
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
body {
	font-size: 16px
}
h1 {
	font-size: 100%;
	left: 5px
}
h2 {
	font-size: 150%
}
table .w80 {
	width: 25%
}
table .w90 {
	width: 25%
}
table .w100 {
	width: 25%
}
table .w120 {
	width: 25%
}
table .w150 {
	width: 25%
}
table .w170 {
	width: 25%
}
table .w200 {
	width: 25%
}
table .w220 {
	width: 25%
}
table .w230 {
	width: 25%
}
}

/*---------------------------------------------------------------- 汎用 -*/
.mobile {
	display: none
}
.notice {
	color: #ff0000
}
.justifyright {
	text-align: right
}
.center {
	text-align: center
}
.btn a {
	background: #333;
	color: #fff;
	margin: 0 auto;
	padding: 10px 20px;
	transition: all 512ms ease;
	width: 225px
}
.btn a:hover {
	background: #c40026
}
#main-pr {
	margin: 0 0 30px 0
}
@media only screen and (max-width: 768px) { /*! タブレット */
	.mobile {
		display: block
	}
	.pc {
		display: none
	}
	#main-pr {
		margin: -34px 0 30px 0
	}
}

/*------------------------------------------------------------ ヘッダー -*/
header {
	box-sizing: border-box;
	height: 127px;
	margin: auto;
	overflow: hidden;
	padding: 0 25px;
	max-width: 1250px;
	min-width: 1024px
}
@media only screen and (max-width: 768px) { /*! タブレット */
header {
	border-bottom: solid 1px #eee;
	box-shadow:0 1px rgba(0,0,0,0.1);
	height: auto;
	min-width: 0;
	padding: 0 0 10px 0;
	width: 100%
}
}

/*-------------------------------------------------------- 検索フォーム -*/
#search {
	background: #f1f1f1;
	border-radius: 1.3em;
	box-sizing: border-box;
	display: block;
	float: right;
	height: 2.6em;
	margin: 40px 0 0 0;
	overflow: hidden;
	padding: 3px 10px;
	position: relative;
	width: 240px
}
#search input[type="text"]{
	background: #f1f1f1;
	border: none;
	font-size: 85%;
	height: 2.3em;
	padding: 2px 0 0 10px;
	width: 90%
}
#search input[type="text"]:focus {
	outline: 0
}
#search input[type="submit"]{
	background: none;
	border: none;
	color: #ff8c00;
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 1.3em;
	height: 2.8em;
	outline : none;
	position: absolute;
	right: 0;
	top: -10px;
	width: 2.5em
}
@media only screen and (max-width: 768px) { /*! タブレット */
#search{
	display: none
}
}

/*------------------------------------------------ メインナビゲーション -*/
#menu {
	display: none
}
#menu li {
	border-left: solid 1px #ccc;
	box-sizing: border-box;
	float: left;
	margin: 20px 0;
	position: relative;
	text-align: center;
	width: 20%;
	z-index: 1
}
#menu li a {
	color: #fff;
	display: block;
	margin: 0
}
#menu li a i {
	color: #ff007f;
	margin: 0 5px 0 0
}
#menu li ul {
	display: none;
	left: 0;
	margin: -1px 0 0 0;
	padding: 16px 0;
	position: absolute;
	top: 1.5em;
	width: 100%
}
#menu li:hover ul {
	display: block;
	margin: 0
}
#menu li ul li {
	background-color: #0063a4;
	border: none !important;
	color: #fff;
	float: none;
	font-size: 100%;
	line-height: 1.2em;
	margin: 0;
	opacity: 0.95;
	padding: 0 20px 0 35px;
	text-align: left
}
#menu li ul li:before{
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 15px;
	vertical-align: middle;
	content: "\f105";
	font-family: FontAwesome;
	color: #fff
}
#menu li ul li a {
	color: #fff;
	padding: 15px 0;
	text-shadow: none;
	width: 100%
}
#menu li ul li a:hover {
	background: none
}
#menu li ul li a i {
	color: #fff
}
.slicknav_nav li {
	background: #006388;
	border-top: 1px solid #006d96;
	line-height: 2em;
	margin: 0;
	padding: 0
}
.slicknav_nav li i {
	display: none
}
.slicknav_nav li ul li {
	border-top: none
}
.slicknav_nav li a {
	color: #fff
}
.slicknav_nav li:before {
	color: #fff;
	content: '\f105';
	float: left;
	font-family: FontAwesome;
	padding: 4px 7px 0 15px
}
.slicknav_nav {
	clear: both
}
.slicknav_nav ul,
.slicknav_nav li {
	display: block
}
.slicknav_nav li li:before {
	color: #fff;
	content: '\f105';
	float: left;
	font-family: FontAwesome;
	padding: 3px 10px 0 0
}
.slicknav_nav a {
	display: block
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
	display: inline
}
.slicknav_menu:before,
.slicknav_menu:after {
	content: " ";
	display: table
}
.slicknav_menu:after {
	clear: both
}
.slicknav_menu {
	*zoom: 1
}
.slicknav_menu {
	margin: 0
}
.slicknav_btn {
	cursor: pointer;
	display: block;
	line-height: 1em;
	margin: 0;
	padding: 0 3px 0 2px;
	position: absolute;
	right: 8px;
	top: 18px;
	width: 37px;
	z-index: 1
}
.slicknav_btn:before {
	color: #006388;
	content: '\f0c9';
	font-size: 33px;
	font-family: FontAwesome;
	line-height: 1em;
	margin: 0;
	padding: 0 0 0 4px
}
.slicknav_btn:after {
	color: #006388;
	content: 'menu';
	display: block;
	font-size: 9px;
	line-height: 0.3em;
	margin: 0;
	padding: 0;
	text-align: center
}
.slicknav_menu {
	padding: 0 5px 0 0
}
.slicknav_nav {
	background: #363833;
	color: #004345;
	list-style: none;
	position: absolute;
	right: 0;
	text-align: left;
	top: 60px;
	width: 100%;
	z-index: 300
}
.slicknav_nav ul {
	padding: 0 0 0 30px
}
.slicknav_nav a {
	color: #004345;
	margin: 0;
	padding: 5px 10px
}
.slicknav_nav .slicknav_row:after {
	color: #fff;
	content: '\f0d7';
	float: right;
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 1em;
	margin: 0;
	padding: 7px 0 0 0
}
@media only screen and (min-width: 769px) { /*! タブレット */
#navbar {
	background: none;
	box-shadow: none;
	position: absolute;
	right: 0;
	top: 20px;
	width: 100%;
	z-index: 100
}
#navbar nav {
	margin: 0;
	padding: 7px;
	width: auto
}
#navbar li a {
	display: none
}
nav {
	background: #006388;
	border-top: solid 2px #eee;
	border-bottom: solid 2px #eee;
	box-sizing: border-box;
	clear: both;
	line-height: 25px;
	margin: 0 0 25px 0;
	min-width: 1024px;
	padding: 0 25px;
	width: 100%
}
nav ul {
	display: block;
	list-style: none;
	margin: auto;
	max-width: 1200px
}
nav li a {
	color: #fff
}
#menu {
	display: block;
	height: 65px;
	margin: auto;
	padding: 0
}
#menu li:last-child {
	border-right: solid 1px #fff
}
.slicknav_menu {
	display: none
}
#menu li ul li {
	width: 100%
}
}

/*------------------------------------------------------ パンくずリスト -*/
#breadcrumb {
	font-size: 90%;
	line-height: 1.2em;
	margin: -10px auto 0 auto;
	max-width: 1200px;
	padding: 0 25px
}
@media only screen and (max-width: 768px) { /*! タブレット */
#breadcrumb {
	display: none
}
}

/*---------------------------------------------------------- コンテンツ -*/
#container {
	display: flex;
	justify-content: space-between;
	margin: auto;
	max-width: 1200px;
	min-width: 974px;
	padding: 0 25px
}
.content {
	margin: auto;
	max-width: 1200px
}
article {
	margin: 0 50px 50px 0;
	max-width: 814px;
	min-width: 600px;
	width: 100%
}
article img {
	height: auto;
	max-width: 100%
}
article strong {
	font-size: 105%
}
article ul {
	margin: 0 0 1em 10px;
	padding: 0 0 0 15px
}
article ul.box {
	border: solid 1px #006388;
	margin: 0 0 1.5em 0;
	padding: 15px 15px 0 35px
}
article ul li {
	list-style: disc;
	padding: 0 0 12px 0
}
article ol {
	margin: 0 0 1em 35px;
	padding: 0
}
article ol li {
	list-style: decimal;
	margin: 0;
	padding: 0 0 10px 0
}
section {
	margin: 25px 0
}
@media only screen and (max-width: 768px) { /*! タブレット */
#container {
	box-sizing: border-box;
	display: block;
	min-width: 0
}
.content {
	margin: 0 auto
}
article {
	margin: 0 0 30px 0;
	min-width: 0;
	padding: 10px 0 0 0
}
article img {
	height: auto;
	margin: 0;
	max-width: 100%
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#container {
	padding: 0 3%
}
}

/*------------------------------------------------ セカンダリコンテンツ -*/
aside {
	margin: 25px 0 50px 0;
	width: 336px
}
aside .box {
	background: #fff;
	border: solid 1px #ccc;
	box-sizing: border-box;
	margin: 0 0 20px 0;
	padding: 18px 18px 0 18px
}
aside .box p,
aside .box ul {
	background: #fff;
	margin: 0;
	padding: 3px 10px 8px 2px
}
aside .box li {
	border-bottom: dashed 1px #ccc;
	line-height: 1.5em;
	overflow: hidden
}
aside .box li:last-child {
	border: none
}
aside .box li a {
	display: block;
	padding: 16px 0 12px 0;
	width: 100%
}
aside .box img {
	border: solid 2px #ccc;
	float: left;
	margin: 0 15px 15px 0
}
aside .box select {
	margin: 10px
}
@media only screen and (max-width: 768px) { /*! タブレット */
aside {
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%
}
#sticky {
	display: flex;
	justify-content: space-between;
	min-width: 0;
	position: static;
	width: 100%
}
.widget {
	width: 48%
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#sticky {
	display: block;
	width: 100%
}
.widget {
	margin: 0 auto 30px auto;
	width: 100%
}
}

/*---------------------------------------------------------------- 注釈 -*/
blockquote {
	margin: 1em 0 2em 0;
	position: relative;
	padding: 25px 25px 10px;
	box-sizing: border-box;
	background: #f3f3f3;
}
blockquote:before {
	display: inline-block;
	position: absolute;
	top: -8px;
	left: 9px;
	width: 40px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	content: "\f10d";
	font-family: FontAwesome;
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	background: #6fcdd9;
	font-weight: 900;
}
blockquote:after {
	position: absolute;
	content: '';
	top: -8px;
	left: 49px;
	border: none;
	border-bottom: solid 8px #6cacb5;
	border-right: solid 9px transparent;
}
blockquote p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
	line-height: 1.7;
}
blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}
blockquote ul {
	margin: 20px 0 0 0
}

/*---------------------------------------------------------- ページング -*/
#pagination {
	text-align: center
}
#pagination ul {
	display: inline-block;
	padding: 0;
	margin: 25px 0
}
#pagination ul li {
	display: inline
}
#pagination ul li a {
	border: 1px solid #ddd;
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s
}
#pagination ul li a.active {
	background-color: #ff8c00;
	border: 1px solid #ff8c00;
	color: #fff
}
#pagination ul li a:hover:not(.active) {
	background-color: #ddd
}
#meta-nav {
	height: auto;
	margin: 0 0 30px 0;
	overflow: hidden
}
.nav-next i,
.nav-previous i {
	color: #1570a6
}
.nav-next a {
	border-bottom: dashed 1px #ccc;
	border-top: dashed 1px #ccc;
	display: block;
	min-height: 1.5em;
	padding: 10px 0;
	width: 100%
}
.nav-previous a {
	border-bottom: dashed 1px #ccc;
	border-top: dashed 1px #ccc;
	clear: both;
	display: block;
	min-height: 1.5em;
	padding: 10px 0;
	width: 100%
}
.nav-next a:hover {
	display: block;
	width: 100%
}
.nav-previous a:hover {
	display: block;
	width: 100%
}
@media only screen and (max-width: 768px) { /*! タブレット */
.nav-next {
	margin: 0
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
.nav-next {
	margin: 0 0 20px 0
}
.entry-date {
	padding: 10px 0 0 0;
	text-align: center
}
}

/*-------------------------------------------------- ブログ専用メタ情報 -*/
.entry-meta {
	border-top: dotted 1px #ccc;
	margin: 25px 0 0 0;
	padding: 15px 0 50px 0
}
.entry-meta p {
	margin: 0;
	padding: 0;
	text-align: center
}

/*---------------------------------------------------------- 共有ボタン -*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}
.circle {
	border-radius: 50%;
	background-color: #999;
	float: left;
	height: 50px;
	list-style: none;
	margin: 0 3px 14px 3px;
	padding: 0;
	position: relative;
	width: 50px
}
.circle a {
	color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.circle a:hover {
	opacity: 0.5
}
ul.sns {
	height: auto;
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 168px
}
.fa-line:before {
	content: "LINE";
	font-family: 'Meiryo',sans-serif;
	font-weight: normal
}
.twitter {
	background-color: #0f1419;
	overflow: hidden;
	text-indent: -9999px
}
.facebook {
	background-color: #265a96;
	overflow: hidden;
	text-indent: -9999px
}
.line {
	background-color: #2cc013;
	font-size: 12px;
	font-weight: bold;
	line-height: 50px;
	text-align: center
}
.twitter::before {
	color: #fff;
	content: "\e61b";
	font-family: FontAwesome;
	float: left;
	font-size: 30px;
	font-weight: normal;
	line-height: 50px;
	margin: 0 0 0 9px;
	text-indent: 0
}
.facebook::before {
	color: #fff;
	content: "\f39e";
	font-family: FontAwesome;
	float: left;
	font-size: 26px;
	font-weight: normal;
	line-height: 50px;
	margin: 0 0 0 15px;
	text-indent: 0
}

/*-------------------------------------------------- ページトップボタン -*/
.page-top {
	align-items: center;
	border: solid 2px #eee;
	border-radius: 50%;
	bottom: 2%;
	color: #eee;
	display: flex;
	height: 50px;
	justify-content: center;
	opacity: 0;
	position: fixed;
	right: 3%;
	transition: .5s;
	visibility: hidden;
	width: 50px
}
.page-top::before {
	content: "\f106";
	font-family: "Font Awesome 6 Free";
	font-size: 30px;
	font-weight: 600
}
.page-top:hover {
	cursor: pointer
}
.page-top span {
	overflow: hidden;
	text-indent: -9999px
}
.is-active {
	opacity: 1;
	visibility: visible
}

/*------------------------------------------------------------ フッター -*/
footer {
	background: #006388;
	margin: 50px 0 0 0;
	width: 100%
}
footer .content {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 1250px;
	padding: 3% 25px 0 25px
}
footer #news {
	box-sizing: border-box;
	padding: 0 6% 4% 6%;
	width: 50%
}
footer #news dl {
	border: none;
	width: 100%
}
footer #news dt {
	border: none;
	color: #fff;
	float: none;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	width: 100%
}
footer #news dd {
	border: none;
	float: none;
	margin: 0 0 1em 0;
	line-height: 1.2em;
	width: 100%
}
#author {
	box-sizing: border-box;
	color: #fff;
	padding: 0 0 4% 0;
	width: 25%
}
#author img {
	border-radius: 75px;
	display: block;
	height: 150px;
	margin: 0 auto 25px auto;
	width: 150px
}
#author #name {
	line-height: 1em;
	text-align: center
}
#author p {
	color: #fff
}
#guide {
	box-sizing: border-box;
	padding: 0 0 4% 0;
	width: 25%
}
#guide ul li {
	color: #fff;
	line-height: 1.5;
	list-style: disc;
	list-style-position: inside;
	padding: 0.5em 0 0.5em 0.5em
}
footer a,
footer a:hover,
footer a:visited {
	color: #fff
}
#copyright {
	width: 100%
}
#copyright p {
	background: #eee;
	color: #333;
	clear: both;
	line-height: 2.5em;
	padding: 0;
	text-align: center;
	width: 100%
}

@media only screen and (max-width: 768px) { /*! タブレット */
#footer {
	margin: 10px 0;
	width: 100%
}
footer .content {
	display: block
}
footer #news,
#author,
#guide {
	margin: 0;
	padding: 30px 0 15px 0;
	width: 100%
}
footer #news {
	border-top: solid 1px #eee
}
#guide {
	border-top: solid 1px #eee
}
#copyright p {
	padding: 10px 0 0 0
}
}

/*-------------------------------------------------------- トップページ -*/
#picup {
	clear: both;
	height: auto;
	margin: 0;
	overflow: hidden;
	width: 100%
}
#picup .box {
	background: #ccc;
	box-sizing: border-box;
	margin: 0 0 25px 0;
	overflow: hidden;
	width: 100%;
	word-break: break-all
}
#picup .box dl {
	background: #fff;
	margin: 1px;
	overflow: hidden
}
#picup .box dt {
	float: left;
	margin: 0;
	text-align: center;
	width: 10%
}
#picup .box dt span {
	background: #006388;
	color: #fff;
	display: block;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	width: 80px
}
#picup .box dt em {
	color: #fff;
	display: block;
	font-style: normal;
	font-size: 130%
}
#picup .box dd {
	box-sizing: border-box;
	float: left;
	margin: 0;
	min-height: 170px;
	padding: 10px 20px 30px 30px;
	width: 90%
}
#picup .box dd strong {
	color: #006388;
	display: block;
	font-size: 130%;
	line-height: 3em
}
#picup .box .readme a {
	background: #ff8c00;
	bottom: 0;
	color: #fff;
	display: block;
	float: right;
	left: 0;
	line-height: 2em;
	margin: -36px 0 0 0;
	padding: 0 0 0 10px;
	position: relative;
	text-align: center;
	transition: all 512ms ease;
	width: 130px
}
#picup .box .readme a:hover {
	background: #c40026
}
#picup .box .readme a:after {
	color: #fff;
	content: '\f105';
	float:right;
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 1em;
	margin: 0;
	padding: 8px 10px 0 10px
}
.more span {
	display: none
}
#related ul {
	border-top: dashed 1px #ccc;
	margin: 0 0 2.5em 0;
	padding: 0;
	width: 100%
}
#related li {
	border-bottom: dashed 1px #ccc;
	list-style: none;
	margin: 0;
	padding: 10px 0
}
#related li:before {
	color: #ff8c00;
	content: '\f02e';
	font-family: FontAwesome;
	margin: 0;
	padding: 0 10px
}
#other {
	background: #f2f2f2;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 30px 0;
	padding: 14px 0 0 14px
}
#other .box {
	margin: 0 14px 0 0
}
#other .box img {
	height: auto;
	width: 100%
}
#other .box p {
	line-height: 1em;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center
}
@media only screen and (max-width: 768px) { /*! タブレット */
#picup .box .readme {
	margin: -34px 0 0 0
}
#other {
	margin: 0 0 30px 0.5%;
	padding: 5% 0 0 0
}
#other .box {
	margin: 0;
	padding: 0;
	width: 33%
}
#other .box img {
	padding: 0 5%;
	width: 90%
}
#other .box p {
	padding: 0 0 10% 0;
	width: 90%
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#other {
	background: none
}
#picup .box {
	background: #fff;
	border: solid 1px #ccc
}
#picup .box dt {
	margin: 0 0 20px 0;
	width: 100%
}
#picup .box dt span {
	font-size: 120%;
	padding: 5px 0;
	width: 100%
}
#picup .box dt em {
	color: #fff;
	display: inline;
	font-style: normal;
	font-size: 100%
}
#picup .box dd {
	box-sizing: border-box;
	float: none;
	margin: 0;
	min-height: 170px;
	padding: 20px 10px;
	width: 100%
}
#picup .box dd strong {
	font-size: 120%;
	line-height: 1.6em
}
#picup .box .readme a {
	background: #ff8c00;
	border-radius: 3px;
	float: none;
	left: 0;
	margin: 30px auto 15px auto;
	padding: 5px 10px;
	text-align: center;
	width: 35%
}
#picup .box .readme a:after {
	content: '';
	margin: 0;
	padding: 0
}
#other {
	margin: 0 0 30px 0
}
#other .box {
	width: 50%
}
}

/*---------------------------------------------------------------- 広告 -*/
.visual {
	margin: 0 auto 25px auto
}
.inner {
	margin: 0 auto 15px auto;
	padding: 0
}
.pr {
	margin: 30px auto 60px auto;
	padding: 0;
	max-width: 814px
}
#pr01 {
	float: left;
	margin: 20px 0 50px 45px;
	padding: 0;
	width: 336px
}
#pr02 {
	float: right;
	margin: 20px 45px 50px 0;
	padding: 0;
	width: 336px
}
#pr01 .adsbygoogle,
#pr02 .adsbygoogle {
	width: 336px
}
#pr03 {
	background: #eee;
	box-sizing: border-box;
	clear: both;
	font-size: 120%;
	margin: 0 0 50px 0;
	padding: 8% 5% 5% 5%;
	text-align: center;
	width: 100%
}
#pr04 {
	margin: 0 0 15px 0;
	padding: 0
}
#pr04 .adsbygoogle {
	width: 336px
}
#pr05 {
	padding: 18px;
	max-width: 300px
}
#pr05 .adsbygoogle {
	margin: 0 auto;
	max-width: 300px
}
#pr06 {
	padding: 0;
	max-width: 100%
}
#pr06 .adsbygoogle {
	margin: 0;
	max-width: 100%
}
@media only screen and (max-width: 768px) { /*! タブレット */
.visual {
	margin: 0 auto
}
.visual .box {
	top: -23px;
	left: 50%;
	padding: 0;
	position: relative;
	transform: translateX(-50%);
	width: 100vw
}
#pr01 {
	margin: 20px 0 50px 0
}
#pr02 {
	margin: 20px 0 50px 0
}
#pr04 {
	margin: 30px auto 50px auto;
	width: 336px
}
#pr05 {
	margin: 0 auto 30px auto
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
.pr {
	height: auto;
	margin: 30px auto
}
#pr01 {
	float: none;
	margin: 0 auto 50px auto;
	width: 300px
}
#pr01 .adsbygoogle {
	width: 300px
}
#pr02 {
	display: none
}
#pr04 {
	max-height: 250px;
	margin: 30px auto 50px auto;
	max-width: 300px
}
#pr04 .adsbygoogle {
	max-height: 250px;
	max-width: 300px
}
}

/*------------------------------------------------------ トピックス一覧 -*/
#news {
	clear: both;
	height: auto;
	overflow: hidden
}
#news dl {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	_zoom: 1
}
#news dt {
	border-top: 1px dotted #ccc;
	box-sizing: border-box;
	float: left;
	margin: -1px 0 0 0;
	padding: 10px 0;
	width: 20%
}
#news dd {
	border-top: 1px dotted #ccc;
	box-sizing: border-box;
	float: left;
	margin: -1px 0 0 0;
	padding: 10px 0;
	width: 80%
}
@media only screen and (max-width: 768px) { /*! タブレット */
#news dd img {
	width: auto
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#news dl {
	border-top: none;
	width: 100%
}
#news dt {
	float: none;
	margin: 0;
	padding: 8px 0 0 0;
	width: 100%
}
#news dd {
	border: none;
	float: none;
	margin: 0;
	padding: 0 0 8px 0;
	width: 100%
}
}

/*--------------------------------- 証券会社比較メニュー(手数料で選ぶ)  -*/
#company dl {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 50px 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
	_zoom: 1
}
#company dt {
	border-top: 1px dotted #ccc;
	box-sizing: border-box;
	float: left;
	margin: -1px 0 0 0;
	padding: 12px 0 0 5px;
	text-indent: 35px;
	width: 50%
}
#company dd {
	border-top: 1px dotted #ccc;
	box-sizing: border-box;
	float: left;
	margin: -1px 0 0 0;
	padding: 12px 0;
	width: 50%
}
#company dd a {
	background: #ff8c00;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 85%;
	float: right;
	text-align: center;
	transition: all 512ms ease;
	width: 99px
}
#company dd a:hover {
	background: #c40026
}
.company01 {
	background: url(../images/template/logo_livestar.png) no-repeat 0 90%
}
.company02 {
	background: url(../images/template/logo_cabu.png) no-repeat 0 90%
}
.company03 {
	background: url(../images/template/logo_rakuten.png) no-repeat 0 90%
}
.company04 {
	background: url(../images/template/logo_gmo.png) no-repeat 0 90%
}
.company05 {
	background: url(../images/template/logo_okasan.png) no-repeat 0 90%
}
.company06 {
	background: url(../images/template/logo_matsui.png) no-repeat 0 90%
}
.company07 {
	background: url(../images/template/logo_sbi.png) no-repeat 0 90%
}
.company08 {
	background: url(../images/template/logo_manex.png) no-repeat 0 90%
}
.company09 {
	background: url(../images/template/logo_nissan.png) no-repeat 0 90%
}
@media only screen and (max-width: 768px) { /*! タブレット */
#company dl {
	width: 100%
}
#company dt {
	width: 49.5%
}
#company dd {
	width: 49.5%
}
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#company dt {
	overflow: hidden;
	text-indent: 0;
	width: 51%
}
#company dd {
	width: 47%
}
#company dd a {
	font-size: 70%;
	width: 75px
}
.company01,
.company02,
.company03,
.company04,
.company05,
.company06,
.company07,
.company08,
.company09 {
	background: none
}
}

/*---------------------------------------------- 知っておきたい専門用語 -*/
#toc {
	height: auto;
	overflow: hidden;
	width: 100%
}
#toc ul {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#toc ul li {
	list-style: none;
	margin: 13px;
	padding: 0
}
#toc ul li a {
	background: #ff8c00;
	border-radius:18px;
	color: #fff;
	display: block;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 36px
}
#toc ul li a:hover {
	background: #c40026
}
.word_box {
	margin: 0 0 5px 0
}

/*--------------------------- 日経225mini寄り引けトレードシステムの実績 -*/
table.performance {
	border-spacing: 0;
	clear: both;
	margin: 0 0 70px 0;
	width: 100%
}
table.performance td, .performance th {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px
}
table.performance tbody tr:nth-child(even) {
	background: #f5f5f5;
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset
}
table.performance th {
	background-color: #eee;
	background: linear-gradient(#f5f5f5, #eee);
	border-bottom: 1px solid #ccc;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	width: 14%
}
table.performance td {
	text-align: center
}
table.performance th:first-child {
	border-radius: 6px 0 0 0
}
table.performance th:last-child {
	border-radius: 0 6px 0 0
}
table.performance th:only-child {
	border-radius: 6px 6px 0 0
}
table.performance tfoot td {
	background-color: #f1f1f1;
	border-bottom: 0;
	border-top: 1px solid #fff
}
table.performance tfoot td:first-child {
	border-radius: 0 0 0 6px
}
table.performance tfoot td:last-child {
	border-radius: 0 0 6px 0
}
table.performance tfoot td:only-child {
	border-radius: 0 0 6px 6px
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
	table.performance td, .performance th {
		font-size: 14px
	}
}

/*------------------------------------------------------------ お問合せ -*/
#contact dl,
#contact dt,
#contact dd {
	box-sizing: border-box
}
#contact dl {
	border-right: none;
	border-bottom: 1px dotted #ccc;
	border-left: none
}
#contact dt,
#contact dd {
	border-top: 1px dotted #ccc;
	padding: 10px 10px 0 10px
}
#contact dt {
	float: left;
	padding: 12px 12px 0 12px;
	width: 27%
}
#contact dt span {
	background: #006388;
	border-radius: 2px;
	color: #fff;
	display: block;
	float: right;
	font-size: 60%;
	line-height: 2em;
	margin: 5px 0 10px 0;
	padding: 0 0.5em;
	vertical-align: middle
}
#contact dd {
	background: #fff;
	margin-left: 27%;
	padding-bottom: 10px
}
#contact dd p {
	color: #999;
	padding: 0
}
#contact input[type=text],
#contact input[type=email],
#contact input[type=tel] {
	background: #f9f9f9;
	border: solid 1px #ccc;
	font-size: 100%;
	font-weight: 300;
	height: auto;
	line-height: 2em;
	margin: 0;
	padding: 0 3px;
	width: 99%
}
#contact textarea {
	background: #f9f9f9;
	border-radius: 0;
	border: solid 1px #ccc;
	box-shadow: none;
	font-size: 100%;
	font-weight: 300;
	height: 150px;
	margin: 0 auto;
	padding: 0 3px;
	width: 99%
}
#contact .button {
	background-color: #ff8c00;
	border: none;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 100%;
	font-weight: 300;
	margin: 2em auto;
	padding: 3px 25px;
	text-decoration: none;
	transition: all 512ms ease
}
#contact .button:hover {
	background: #c40026
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#contact dt {
	float: none;
	margin: 0;
	padding: 12px 0 0 0;
	width: 100%
}
#contact dd {
	border: none;
	float: none;
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%
}
#contact .button {
	padding: 9px 18px;
	width: 100%
}
}

/*-------------------------------------------------------- ログイン画面 -*/
#login {
	background: #f7f7f7;
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	padding: 50px;
	width: 400px
}
#login dd {
	margin: 0 0 15px 0
}
#WebLoginLayer0 input[type=text],
#WebLoginLayer0 input[type=tel],
#WebLoginLayer0 input[type=number],
#WebLoginLayer0 input[type=password],
#WebLoginLayer0 textarea {
	border: solid 1px #ccc;
	box-sizing:border-box;
	border-radius: 3px;
	margin: 0 0 0.5em 0;
	line-height: 2.6em;
	text-indent: 10px;
	width: 100%
}
#WebLoginLayer0 input[type=submit] {
	background: #ff8c00;
	border-radius: 5px;
	color: #fff;
	line-height: 3em;
	margin-top: 20px;
	width: 100%
}
p.btn {
	border-radius: 5px !important;
	margin-bottom: 30px !important;
	text-align: center
}
@media only screen and (max-width: 736px) { /*! スマートフォン */
#login {
	box-sizing: border-box;
	padding: 10% 10% 8% 10%;
	width: 80%
}
}

/*---------------------------------------------------------- 売買サイン -*/
#member table {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 85%;
	margin: 0 0 25px 0;
	width: 100%
}
#member tr:nth-child(1) td {
	background-color: #fff
}

#member tr:nth-child(1) td:nth-child(2),
#member tr:nth-child(1) td:nth-child(4) {
	background-color: #00aeb2;
	color: #fff
}

#member tr:nth-child(1) td:nth-child(4) {
	border-left: 1px solid #ccc
}
#member tr:nth-child(1) td:nth-child(3),
#member tr:nth-child(1) td:nth-child(5) {
	background: #fff9d6
}


#member tr:nth-child(3) td,
#member tr:nth-child(6) td,
#member tr:nth-child(9) td {
	background-color: #f3f3f3
}
#member tr:nth-child(5) td,
#member tr:nth-child(7) td {
	background-color: #fff
}
#member tr:nth-child(1) {
	border-top: 2px solid #00aeb2 !important;
	border-bottom: 2px solid #00aeb2 !important;
	border-left: 2px solid #00aeb2 !important;
	border-right: 2px solid #00aeb2 !important;
	font-size: 16px

}
#member tr:nth-child(4) td {
	background-color: #fff;
	border-left: solid 0px #fff;
	border-right: solid 0px #fff
}
#member tr:nth-child(odd) {
	background: #fafafa
}
#member tr:hover {
	background: #fff9d6
}
#member th {
	display: none
}
#member td {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 6px;
	text-align: center
}
.softmerge-inner {
	width: 125px !important
}
a.cloud_download {
	display: block;
	font-size: 18px !important;
	text-align: center
}
.cloud_download:before {
	color: #4cb5e8;
	content: '\f0ed';
	display: block;
	font-family: FontAwesome;
	font-size: 45px;
	line-height: 1em;
	margin: 0 auto;
	padding: 7px 0 0 0;
	text-align: center
}

/*--------------------------------------------------------------- 4本値 -*/
#member2 table {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 85%;
	margin: 0 0 25px 0;
	width: 100%
}
#member2 tr:nth-child(1) {
	background: #fff9d6;
	border-top: 2px solid #00aeb2 !important;
	border-bottom: 2px solid #00aeb2 !important;
	border-left: 2px solid #00aeb2 !important;
	border-right: 2px solid #00aeb2 !important;
	font-size: 16px
}
#member2 tr:nth-child(odd) {
	background: #fafafa
}
#member2 tr:hover {
	background: #fff9d6
}
#member2 th {
	display: none
}
#member2 td {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 6px;
	text-align: center
}

/*-------------------------------------------------------- Awesome font -*/
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/FontAwesome.eot?cf73aw');
	src: url('../fonts/FontAwesome.eot?cf73aw#iefix') format('embedded-opentype'),
	url('../fonts/FontAwesome.ttf?cf73aw') format('truetype'),
	url('../fonts/FontAwesome.woff?cf73aw') format('woff'),
	url('../fonts/FontAwesome.svg?cf73aw#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal
}
[class^="fa-"], [class*=" fa-"] {
	font-family: 'FontAwesome' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fa-search:before {
	content: "\f002"
}
.fa-ok:before {
	content: "\f00c"
}
.fa-bookmark:before {
	content: "\f02e"
}
.fa-twitter:before {
	content: "\f099"
}
.fa-facebook:before {
	content: "\f09a"
}
.fa-reorder:before {
	content: "\f0c9"
}
.fa-caret_down:before {
	content: "\f0d7"
}
.fa-caret_up:before {
	content: "\f0d8"
}
.fa-caret_left:before {
	content: "\f0d9"
}
.fa-caret_right:before {
	content: "\f0da"
}
.fa-cloud_download:before {
	content: "\f0ed"
}
.fa-angle_left:before {
	content: "\f104"
}
.fa-angle_right:before {
	content: "\f105"
}
.fa-angle_up:before {
	content: "\f106"
}
.fa-angle_down:before {
	content: "\f107"
}
.fa-quote_left:before {
	content: "\f10d"
}
.fa-_279:before {
	content: "\f129"
}
.fa-exclamation:before {
	content: "\f12a"
}




.mts ul {
	display: flex;
	flex-wrap:wrap;
	margin: 0 0 80px 0;
	padding: 0;
	justify-content: space-between;
	width: 100%
}
.mts ul li {
	list-style: none;
	width: 48%
}
.mts ul li a {
	background: linear-gradient(45deg, #f7f7f7, #fff, #f7f7f7);
	box-sizing: border-box;
	border: solid 1px #888;
	border-radius: 5px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
	width: 100%
}
.mts ul li a:before {
	content: '\f201';
	font-family: FontAwesome;
	font-size: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align : middle;
}

@media only screen and (max-width: 736px) { /*! スマートフォン */
.mts ul {
	display: block
}
.mts ul li {
	margin: 0;
	width: 100%
}
.mts ul li a {
	margin: 0;
	width: 100%
}

}








@keyframes bggradient{
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}
@keyframes slideinTop {
	0% {
		transform: translateY(50px)
	}
	100% {
		transform: translateY(0)
	}
}