/*BODY*/
/*=====*=====*=====*/

body {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #666;
	background: #fff;
	text-align: center;
	font-family:'Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*HEADER*/
/*=====*=====*=====*/

#header_menu {
	width: 100%;
	position: fixed;
	overflow: hidden;
	z-index: 9999;
	padding: 0;
	top: 0;
	text-align: left;
	background: #fff;
	height: 145px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	color: #fff;
}

#header_index {
	width: 100%;
	position: fixed;
	overflow: hidden;
	z-index: 9999;
	padding: 0;
	top: 0;
	text-align: left;
	background: #000;
	height: 35px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	color: #fff;
}

#title {
	width: 600px;
	float: left;
	font-size: 14px;
	text-align: left;
	xtext-shadow: 1px 1px 1px #696969;
	padding: 8px 5px 7px 40px;
	font-family:'Hammersmith One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#title a {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
}

#title a:hover {
	border-radius: 10px;
	color: #000;
	font-weight: normal;
	box-shadow: none;
	text-decoration: none;
	background: #fff;
	text-shadow: none;
	padding: 0px;
}

#header_menu_right {
	position: fixed;
	top: 3px;
	right: 0;
	font-size: 14px;
	text-align: left;
	xtext-shadow:1px 1px 1px #696969;
	font-family:'Hammersmith One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header_menu_right a {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
}

#header_menu_right a:hover {
	color: #a9a9a9;
	font-weight: normal;
	box-shadow: none;
	text-decoration: none;
	text-shadow: none;
	padding: 0px;
}

#page-top {
	right: 20px;
	top: 5px;
	width: 100px;
	height: 26px;
	position: absolute;
}

/*TABLE*/
/*=====*=====*=====*/

td {
	word-break: break-all;
	color: #333;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/*normal*/

.table01 {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table01 tr {
	border-top: dashed 1px #999;
}

.table01 th {
	padding: 20px;
	background: #f5f5f5;
}

.table01 td {
	padding: 20px;
}


/*normal*/

.table01s {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
	font-size: 13px;
}

.table01s tr {
	border-top: dashed 1px #999;
}

.table01s th {
	padding: 20px;
	background: #f5f5f5;
}

.table01s td {
	padding: 15px 15px;
}

/*faq*/

.table01f {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table01f tr {
	border-top: dashed 1px #999;
}

.table01f th {
	padding: 5px;
	background: #ececec;
	font-size: 14px;

}

.table01f td {
	padding: 0px;
	font-size: 12px;
	border: 1px dashed #999;
}


/*kiji-list*/

.table02 {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 3px solid #999;
}

.table02 tr {
	border-top: 3px solid #999;
}

.table02 th {
	padding: 10px;
	background: #ececec;
}

.table02 td {
	padding: 20px;
}




/*child*/

.table03 {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table03 tr {
	border-top: dashed 1px #999;
}

.table03 th {
	padding: 10px;
	background: #ececec;
}

.table03 td {
	padding: 20px;
}

.table03 tr:nth-child(2n+1) {
	background: #f5f5f5;
}


/*child-list*/

.table03k {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table03k tr {
	border-top: dashed 1px #999;
}

.table03k th {
	padding: 10px;
	background: #ececec;
}

.table03k td {
	padding: 10px 20px 10px 0px;
}

.table03k tr:nth-child(2n+1) {
	background: #f5f5f5;
}


/*child-bank*/

.table03b {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table03b tr {
	border-top: dashed 1px #999;
}

.table03b th {
	padding: 5px;
	background: #ececec;
	font-size: 14px;

}

.table03b td {
	padding: 3px;
	font-size: 12px;
	border: 1px dashed #999;

}

.table03b tr:nth-child(2n+1) {
	background: #f5f5f5;
}


/*child-type*/

.table03t {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table03t tr {
	border-top: dashed 1px #999;
}

.table03t th {
	padding: 8px 5px;
	background: #ececec;
	font-size: 14px;

}

.table03t td {
	padding: 8px 5px;
	font-size: 13px;
	border: 1px dashed #999;

}

.table03t td:nth-child(1) {
	background: #fff;
}

.table03t td:nth-child(2) {
	background: #fffff4;
}

.table03t td:nth-child(3) {
	background: #f4ffff;
}



/*image*/

.table04 {
	width: 95%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	border: 3px solid #999;
}

.table04 th {
	padding: 10px;
	background: #ececec;
}

.table04 td {
	padding: 20px;
	border: 3px solid #999;
	color: #333;
	font-size: 12px;
	background: #f5f5f5;
	height: 120px;
}

/*edit*/

.table05 {
	width: 95%;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}

.table05 tr {
	border-top: dashed 1px #999;
}

.table05 th {
	padding: 10px;
	background: #ececec;
}

.table05 td {
	padding: 20px;
	border: 1px dashed #999;
}


/*none*/

.table06 {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.table06 tr {
	border: none;
}

.table06 th {
	border: none;
}

.table06 td {
	text-align: center;
	padding: 0px;
	border: none;
}

/*none*/

.table07 {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.table07 tr {
	border: none;
}

.table07 th {
	border: none;
}

.table07 td {
	text-align: center;
	padding: 6px 0px;
	border: none;
}



td.sub {
	font-size: 15px;
	background-color: #f5f5f5;
	text-shadow: 1px 1px 1px #fff;
	padding: 5px 10px;
	height: 50px;
}

td.gsub {
	font-size: 15px;
	background-color: #dcdcdc;
	text-shadow: 1px 1px 1px #fff;
	padding: 5px 10px;
	height: 50px;
}

td.contents {
	background-color: #fff;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

/*kiji*/

td.contents2 {
	font-size: 15px;
	background-color: #fff;
	color: #333;
	letter-spacing: 1;
	text-shadow: 1px 1px 1px #fff;
	line-height: 160%;
	padding-top: 10px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.contents2d {
	padding: 0px 30px 5px 30px;
	line-height: 28px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/*kiji-title*/

td.contents3 {
	font-size: 17px;
	background-color: #fff;
	letter-spacing: 1;
	text-shadow: 1px 1px 1px #f5f5f5;
	line-height: 160%;
	padding-top: 70px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

/*profile-index*/

td.contents6 {
	font-size: 15px;
	background-color: #fff;
	letter-spacing: 1;
	text-shadow: 1px 1px 1px #fff;
	line-height: 160%;
	padding-top: 105px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*account-move*/
td.contents_ex {
	font-size: 15px;
	background-color: #fff;
	color: #333;
	letter-spacing: 1;
	text-shadow: 1px 1px 1px #fff;
	line-height: 160%;
	padding-top: 10px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



/*FORM*/
/*=====*=====*=====*/

/*input*/

input.text-sand {
	border: 2px solid #999;
	background-color: #fff;
	xfont-family:'Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	width: 300px;
	height: 30px;
	color: #333;
	border-radius: 5px;
	padding: 1px 5px;
}

input.text-sand-midium {
	border: 2px solid #999;
	background-color: #fff;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	width: 200px;
	height: 30px;
	color: #333;
	border-radius: 5px;
	padding: 1px 5px;
}

input.text-sand-small {
	border: 2px solid #999;
	background-color: #fff;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	width: 100px;
	height: 25px;
	color: #333;
	border-radius: 5px;
	padding: 1px 5px;
}

/*birth*/

input.text-sand-small2 {
	border: 1px solid #333;
	background-color: #fff;
	font-family:"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	width: 90px;
	height: 26px;
	color: #333;
	border-radius: 5px;
	xpadding: 1px 5px;
}


input.btn-sand-minimum {
	border: 1px solid #fff;
	background-color: #666;
	xfont-family: "メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	width: 50px;
	height: 25px;
	color: #fff;
	border-radius: 25px;
}

input.text-sand-minimum {
	border: 1px solid #666;
	background-color: #fff;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	width: 150px;
	height: 20px;
	color: #333;
	border-radius: 5px;
}

input.btn-sand {
	border: 2px solid #fff;
	background-color: #1e90ff;
	font-family:"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
	font-size: 17px;
	width: 230px;
	letter-spacing: 4px;
	height: 50px;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
	display: inline-block;
	background-image: linear-gradient(45deg, #1ebfff 0%, #87ceeb 100%);
	transition: .4s;
}

.btn-sand:hover {
	background-image: linear-gradient(45deg, #1ebfff 0%, #1ebfff 100%);
}

/*orange*/

input.btn-sand3 {
	border: 1px solid #ffffff;
	background-color:#d2691e;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	width:190px;
	letter-spacing:2;
	height:30px;
	color:#fff;
	border-radius: 25px;
	font-weight:bold;
	box-shadowx: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
}



input.btn-sand-small {
	border: 1px solid #333;
	background-color: #fff;
	font-family:"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	width: 50px;
	height: 29px;
	color: #333;
	border-radius: 5px;
	transition: all 0.5s ease;
}

.btn-sand-small:hover {
	color: #fff;
	background-color: #333;
}

/*green*/

input.btnblue {
	border:1px solid #fff;
	background-color:#006400;
	font-family:'Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	width:200px;
	letter-spacing:1;
	height:23px;
	color:#fff;
	border-radius: 5px;
}

input.sel {
	border: 1px solid #333;
	background-color: #fff;
	font-size: 12px;
	width: 75px;
	height: 30px;
	color: #333;
	border-radius: 5px;
	font-family: osaka,verdana;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
}

input.sel:hover {
	background-color: #1e90ff;
	color: #fff;
	box-shadow: none;

}

input.del {
	border: 1px solid #999;
	background-color: #fff;
	font-size: 12px;
	width: 20px;
	height: 20px;
	color: #333;
	border-radius: 5px;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	font-family: osaka,verdana;
}

input.del:hover {
	background-color: #1e90ff;
	color: #fff;

}

input.xdel {
	border:1px solid #999;
	background-color:#000;
	font-size:12px;
	width:16px;
	height:16px;
	color:#dcdcdc;
	border-radius:5px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
}

input.xbtn-sand2 {
	border: 2px solid #ffffff;
	background-color:#1e90ff;
	font-family:'Milonga', cursive," q   M m p S Pro W3", "Hiragino Kaku Gothic Pro", "   C   I", Meiryo, Osaka, " l r  o S V b N", "MS PGothic", sans-serif;
	font-size:16px;
	width:180px;
	letter-spacing:2;
	height:50px;
	color:#fff;
	border-radius: 25px;
	font-weight:bold;
}


input.icopy {
	border: 1px solid #999;
	background-color: #fff;
	color: #666;
	font-size: 11px;
	border-radius: 3px;
	font-family: osaka,verdana;
	width: 60px;
}

input.icopy2 {
	border: 1px solid #fff;
	background-color: #fff;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	width: 85%;
}

input.icopy8 {
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	width: 85%;
}

textarea.pcopy {
	border: 1px solid #fff;
	background-color: #fff;
	color: #666;
	font-size: 12px;
	border-radius: 5px;
	padding: 5px;
	margin-top: 20px;

	resize: auto;
	max-width: 400px;
	max-height: 100px;
	min-width: 90%;
	min-height: 60px;
	width: 90%;
	height: 60px;
}

textarea.pcopy8 {
	border: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	color: #666;
	font-size: 12px;
	width: 90%;
	height: 50px;
	border-radius: 5px;
	padding: 5px;
	margin-top: 20px;

	resize: auto;
	max-width: 400px;
	max-height: 100px;
	min-width: 90%;
	min-height: 60px;
	width: 90%;
	height: 60px;

}

input.btn-delsand {
	border: 2px solid #fff;
	background-color: #ececec;
	font-family:"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	width: 230px;
	xletter-spacing: 4px;
	height: 50px;
	color: #fff;
	border-radius: 25px;
	xfont-weight: bold;
	display: inline-block;
	background-image: linear-gradient(45deg, #333 0%, #999 100%);
	transition: .4s;
}

.btn-delsand:hover {
	background-image: linear-gradient(45deg, #333 0%, #666 100%);
}






/*select*/

select.select-sand {
	border: 1px solid #333;
	background-color: #fff;
	font-family:"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	width: 75px;
	height: 29px;
	color: #333;
	border-radius: 5px;
}

.cp_ipselect {
	overflow: hidden;
	width: 300px;
	height: 30px;
	text-align: left;
	color:#333;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
}

.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 15px;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#333;
}

.cp_ipselect select::-ms-expand {
	display: none;
}

.cp_ipselect.cp_sl01 {
	position: relative;
	border: 2px solid #999;
	border-radius: 5px;
	background: #fff;
	border-radius: 5px;
	padding: 1px 5px;
}

.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}

.cp_ipselect.cp_sl01 select {
	padding: 5px 38px 5px 5px;
	color: #333;
}

/*checkbox,radio*/

input.trans {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

div.sradio label{
	position: relative;
	padding-left: 1.5em;
}

div.sradio label:before {
	content: "";
	display: block;
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	position: absolute;
	border: 1px solid #666;
	top: 50%;
	bottom: 0;
	margin-top: -10px;
	transition: 0.3s;
	border-radius: 50%;
	background: #fff;
}

div.sradio label:after {
	content: "";
	display: block;
	box-sizing: border-box;
	height: 10px;
	width: 10px;
	position: absolute;
	background: #1e90ff;
	top: 50%;
	left: 4px;
	margin-top: -6px;
	transition: 0.3s;
	opacity: 0;
	border-radius: 50%;
}

div.sradio input[type="radio"]:checked + label:after {
	opacity: 1;
}

/*RADIO*/
/*=====*=====*=====*/

.one {
	position: relative;
	display: block;
	padding-left: 28px;
	cursor: pointer;
	user-select: none;
	margin-top: 3px;
	-webkit-tap-highlight-color: transparent;
}

.one input {
	display: none;
}
 
.two {
	position: absolute;
	left: 0;
	height: 17px;
	width: 17px;
	border: solid 1px #666;
	border-radius: 50%;
	box-sizing: border-box;
	background-color: #fff;
	margin-top: 3px;
	-webkit-tap-highlight-color: transparent;

}
 
.two:after {
	content: "";
	position: absolute;
	background: #439fc6;
	border-radius: 50%;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	opacity: 0;
}
 
.one input:checked + .two:after {
	opacity: 1;
}


/*bg-radio*/


.bg-radio {
	margin: 1px;
}

.bg-radio input[type=radio] {
	position: relative;
	cursor: pointer;
	height: 18px;
	width: 18px;
	margin-top: -1px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	transition: .3s;
}

.bg-radio input[type=radio]:checked {
	background: #439fc6;
	border: none;
}

.bg-radio input[type=radio]:checked::before {
	position: absolute;
	transition: 0.3s;
	opacity: 0;
	border-radius: 50%;
	border: none;
	content: "";
	display: block;
	box-sizing: border-box;
}


div.scheck label {
	position: relative;
	padding-left: 1.5em;
}

div.scheck label:before {
	content: "";
	display: block;
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	position: absolute;
	border: 2px solid #a9a9a9;
	top: 50%;
	bottom: 0;
	margin-top: -8px;
	transition: 0.3s;
	background: #fff;
}

div.scheck label:after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	transition: 0.3s;
	transform: rotate(45deg);
	border-bottom: 3px solid #333;
	border-right: 3px solid #333;
	width: 9px;
	height: 15px;
	left: 7px;
	margin-top: -10px;
	opacity: 0;
}

div.scheck input[type="checkbox"]:checked + label:after {
	opacity: 1;
}


/*CHECKBOX*/
/*=====*=====*=====*/

.bg-checkbox {
	margin: 1px;
}

.bg-checkbox input[type=checkbox] {
	position: relative;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin-top: -1px;
	border-radius: 3px;
	background-color: #fff;
	border: 2px solid #666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	transition: .3s;
}

.bg-checkbox input[type=checkbox]:checked {
	background: #439fc6;
	border: none;
}

.bg-checkbox input[type=checkbox]:checked::before {
	position: absolute;
	padding: 4px;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	content: '\f00c';
	border: none;
}

/*textarea*/

textarea {
	background-color: #fff;
	color: #000;
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

textarea.textarea-sand {
	border: 2px solid #999;
	background-color: #fff;
	xfont-family: ms gothic,Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	xfont-family:'Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	padding: 5px 5px;
	line-height: 160%;
	resize: auto;
	max-width: 400px;
	max-height: 800px;
	min-width: 90%;
	min-height: 300px;
	width: 90%;
	height: 600px;


}

textarea.textarea-sand-normal2 {
	border: 2px solid #999;
	background-color: #fff;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #333;
	border-radius: 5px;
	padding: 5px 5px;
	line-height: 140%;
	resize: auto;
	max-width: 400px;
	max-height: 300px;
	min-width: 80%;
	min-height: 100px;
	width: 80%;
	height: 150px;

}

textarea.textarea-sand-small {
	border: 2px solid #999;
	xbackground-color: #f5f5dc;
	background-color: #ffffe0;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: ms gothic,Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 13px;
	width: 80%;
	height: 150px;
	xcolor: #556b2f;
	color: #333;
	border-radius: 5px;
	padding: 5px 5px;
	line-height: 140%;
	resize: auto;
	max-width: 80px;
	max-height: 300px;
	min-width: 80%;
	min-height: 100px;

}

/* mailbox */

textarea.textarea-sand-small2 {
	border: 2px solid #999;
	background-color: #fff;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	width: 500px;
	height: 100px;
	color: #333;
	border-radius: 5px;
	padding: 5px 5px;
	line-height: 140%;
	resize: auto;
	max-width: 500px;
	max-height: 200px;
	min-width: 500px;
	min-height: 100px;

}



/*BOX*/
/*=====*=====*=====*/

.box30 {
	margin: 120px 20px 50px 20px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.box30 .box-title {
	font-size: 17px;
	background: #87ceeb;
	text-align: left;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 15px 20px;
	font-family:"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
	text-shadow: 1px 1px 1px #a9a9a9;
	background-image: linear-gradient(45deg, #1ebfff 0%, #87ceeb 100%);
}

.box30 p {
	padding: 15px 20px;
	margin: 0;
}


.box26 {
	margin: 80px 20px 80px 20px;
	position: relative;
	padding: 0.5em 1em;
	border: 1px dashed #a9a9a9;
	border-radius: 8px;
	max-width: 500px;
}

.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 17px;
	background: #fff;
	color: #69b076;
	font-weight: bold;
}

.box26 p {
	padding: 5px 5px 3px 20px;
	font-size: 13px;
	color: #666;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 23px;
	text-align: left;
}


.box27 {
	margin: 20px 20px 20px 20px;
	position: relative;
	padding: 0.5em 1em;
	border: 1px dashed #a9a9a9;
	border-radius: 8px;
	max-width: 500px;
}

.box27 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 17px;
	background: #fff;
	color: #69b076;
	font-weight: bold;
}

.box27 p {
	padding: 5px 5px 3px 20px;
	font-size: 15px;
	color: #333;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 23px;
	text-align: left;
}


/* for mobile */

.box27sp {
	margin: 0px;
	position: relative;
	padding: 0.5em 1em;
	border: 1px dashed #a9a9a9;
	border-radius: 8px;
	max-width: 400px;
}

.box27sp .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 14px;
	background: #fff;
	color: #69b076;
	font-weight: bold;
}

.box27sp p {
	padding: 0px 5px;
	font-size: 13px;
	color: #333;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 23px;
	text-align: left;
}




/* memo */

.boxmemo {
	margin: 10px 0px 10px 0px;
	position: relative;
	xpadding: 0.5em 1em;
	border: 1px dashed #a9a9a9;
	border-radius: 8px;
}

.boxmemo .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 17px;
	background: #fff;
	color: #69b076;
	font-weight: bold;
}

.boxmemo p {
	padding: 5px;
	font-size: 12px;
	color: green;
	text-align: left;
}


/* fuki */

.boxfuki {
	margin: 10px 0px 10px 0px;
	border-radius: 8px;
	display: flex;
	justify-contentx: center;
	position: relative;
	max-width: 100%;
	background-color: #f2f2f2;
	border:2px solid #f2f2f2;

}

.boxfuki p {
	padding: 5px 25px;
	font-size: 12px;
	color: #006400;
	text-align: left;
}


.boxfuki::before {
	position: absolute;
	top: -15px;
	left: 25px;
	width: 30px;
	height: 15px;
	background-color: #f2f2f2;
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	content: '';
}



/* tuzuki */

.boxmini {
	margin: 10px 5px 0px 0px;
	font-weight: normal;
	color: #333;
	background: #ffffe0;
	border: 3px solid #6091d3;
	border-radius: 10px;
}

.boxmini p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-width: 450px;
	font-size: 12px;
	color: #333;
	line-height: normal;
	word-break: break-all;
	padding: 0px 8px;
}

/* members */

.boxmem {
	margin: 10px;
	font-weight: normal;
	color: #333;
	background: #ffffe0;
	border: 3px solid #6091d3;
	border-radius: 10px;
}

.boxmem p {
	padding: 5px 15px;
	font-size: 13px;
	color: #006400;
	text-align: left;
}


/* box */

.box-021 {
	position: relative;
	max-width: 600px;
	margin: 1em auto;
	padding: 80px 30px 30px 30px;
	border: 3px solid #333;
	border-radius: 3px;
	color: #333;
	box-shadow: 1px 1px 1px #a9a9a9;
	line-height: 28px;
	font-size: 15px;
	text-align: center;
}

.box-021::before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1.5em;
	left: 8.5em;
	width: 60%;
	height: 3em;
	border-radius: 5px;
	background-color: #fff;
	border: 3px solid #333;
	color: #000;
	content: attr(data-number);
	text-shadow: none;
	xfont-weight: bold;
	font-size:15px;

}


/* box */

.box-022 {
	position: relative;
	max-width: 600px;
	margin: 1em auto;
	padding: 30px 30px 40px 30px;
	border: 2px solid #666;
	border-radius: 3px;
	color: #333;
	box-shadow: 1px 1px 1px #a9a9a9;
	line-height: 28px;
	font-size: 15px;
	text-align: left;
}


/*READ MORE*/
/*=====*=====*=====*/

.read-more {
	position: relative;
}

.read-more p {
	position: relative;
	max-height: 200px;
	margin-bottom: 0;
	overflow: hidden;
	transition: max-height 1s;
}

.read-more:has(:checked) p {
	max-height: 100vh;
}

.read-more p::after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #fff);
	content: '';
}

.read-more:has(:checked) p::after {
	content: none;
}

.read-more label {
	display: flex;
	align-items: center;
	gap: 0 4px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #4f96f6;
	font-size: .8em;
}

.read-more label:hover {
	background-color: #ececec;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	border-radius: 5px;
}

.read-more:has(:checked) label {
	display: none;
}

.read-more input {
	display: none;
}



/*LINK*/
/*=====*=====*=====*/

a {
	text-decoration: underline;
	color: #1e90ff;
	-webkit-tap-highlight-color: transparent;
}

a:link, a:visited {
	color: #1e90ff;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:link.shine, a:visited.shine {
	color: #1e90ff;
	transition: all 0.5s ease;
}

a:hover.shine {
	color: #000;
	text-decoration: none;
	text-shadow: 0px 0px 1px #fff,
 	0px 0px 3px #fff,
	0px 0px 3px #fff,
	0px 0px 3px #fff,
	0px 0px 3px #fff;
}

/* non */

a:link.non, a:visited.non {
	color: #1e90ff;
	text-decoration: none;
	font-size: 13px;
}

a:hover.non {
	text-decoration: none;
	background-color: #ececec;
	color: #333;
	border-radius: 5px;
	text-shadow: none;
	padding: 3px 0px;
}


/* non2 */

a:link.non2, a:visited.non2 {
	color: #555;
	text-decoration: none;
	font-size: 15px;
}

a:hover.non2 {
	text-decoration: none;
	background-color: #f5f5f5;
	color: #333;
	border-radius: 5px;
	text-shadow: none;
	padding: 3px 30px;
	color: #000;
}

/* non3 */

a:link.non3, a:visited.non3 {
	color: #555;
	text-decoration: none;
	font-size: 13px;
}

a:hover.non3 {
	text-decoration: none;
	background-color: #f5f5f5;
	color: #333;
	border-radius: 5px;
	text-shadow: none;
	padding: 3px 30px;
	color: #000;
}


/* slide2 */

a:link.slide2,a:visited.slide2 {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.slide2 {
	box-shadow: 1px 1px 1px #a9a9a9;
	color: #666;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333;
	border-radius: 10px;
	width: 200px;
	height: 30px;
	padding: 3px 10px;
	font-weight: normal;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background: #fff;
}

.slide2 span {
	display: inline-block;
	transition: .5s;
}

.slide2:hover span {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);

}

.slide2:hover {
	box-shadow: none;
}


/* close2 */

a:link.close2,a:visited.close2 {
	background-color:#666;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.close2 {
	xbox-shadow: 1px 1px 1px #a9a9a9;
	color: #666;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid #333;
	border-radius: 25px;
	width: 150px;
	height: 30px;
	padding: 3px 10px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background-color:#666;
}

.close span {
	display: inline-block;
	transition: .5s;
}

.close2:hover span {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);

}

.close2:hover {
	box-shadow: none;
}


/* toast */

#topToast {
	position: fixed;
	z-index: 9999;
	display: flex;
	top: -140px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	max-width: 600px;
	padding: 20px 25px;
	border-radius: 5px;
	background: #1e90ff;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	filter: drop-shadow(0px 2px 8px #ddd);
	transition: 0.8s ease-in-out;

}

#topToast.show {
	top: 40px;
}

.topToastFace {
	box-sizing: border-box;
	overflow: hidden;
	width: 500px;
}

.topToastMessege p {
	color: #fff;
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
	letter-spacing: 0.04rem;
	font-family: osaka,verdana;

}

a.toast_link {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}



/* kiji-title */

a:link.kjsub, a:visited.kjsub {
	font-size: 15px;
}

.kjsub {
	font-weight: bold;
	padding: 3px 8px;
	text-shadow: none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 100%;
	xbackground: #ececec;
	border-radius: 3px;
	text-decoration: none;
	transition: all 0.5s ease;
}

.kjsub:hover {
	color: #000;
	background: #fff;
	text-decoration: none;
}


/* edit */

a:link.edit, a:visited.edit {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.edit {
	box-shadow: 1px 1px 1px #a9a9a9;
	color: #333;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 0px 8px;
	font-weight: normal;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background: #fff;
}

.edit span {
	display: inline-block;
	transition: .5s;
}

.edit:hover span {
	-webkit-transform: rotateX(360deg);
	transform: rotateX(360deg);

}

.edit:hover {
	box-shadow: none;
	background: #ececec;
	text-shadow: none;
}

/* flat */

a:link.flat, a:visited.flat {
	xcolor: #1e90ff;
	text-decoration: none;
	font-size: 15px;
	xfont-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.flat {
	color: #1e90ff;
	text-decoration: none;
	transition: all 0.5s ease;
	width: 100%;
	background: #fff;
	padding:15px 0px;
	xtransition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}

.flat:hover {
	background: #f5f5f5;
	color: #000;
	width: 100%;

}

/* flat2 */

a:link.flat2, a:visited.flat2 {
	xcolor: #1e90ff;
	text-decoration: none;
	font-size: 15px;
	xfont-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.flat2 {
	color: #1e90ff;
	text-decoration: none;
	transition: all 0.5s ease;
	width: 80%;
	background: #fff;
	padding: 10px;
	xtransition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}

.flat2:hover {
	background: #f5f5f5;
	color: #000;
	width: 97%;

}

/* flat3 */

a:link.flat3, a:visited.flat3 {
	xcolor: #1e90ff;
	text-decoration: none;
	font-size: 14px;
	xfont-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.flat3 {
	color: #1e90ff;
	text-decoration: none;
	transition: all 0.5s ease;
	xwidth: 80%;
	background: #fff;
	padding: 8px;
	xtransition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	font-size: 14px;
}

.flat3:hover {
	background: #f5f5f5;
	color: #000;
	width: 97%;

}


/* flat4 */

a:link.flat4, a:visited.flat4 {
	xcolor: #1e90ff;
	text-decoration: none;
	font-size: 15px;
	xfont-family: 'Zen Maru Gothic',Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.flat4 {
	color: #1e90ff;
	text-decoration: none;
	transition: all 0.5s ease;
	width: 80%;
	background: #fff;
	padding: 5px;
	position: relative;
	display: inline-block;
	outline: none;
}

.flat4:hover {
	background: #f5f5f5;
	color: #000;
	width: 97%;
	border-radius: 5px;

}


a.info {
	color: #ff8c00;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	xmargin-top:15px;
	padding: 3px;
}

/* orange */

a:link.info ,a:visited.info {
	color: #ff8c00;
	text-decoration: none;
	text-shadow: none;
}

a:hover.info {
	text-decoration: none;
	background-color: #ff8c00;
	color: #fff;
	border-radius: 5px;
	text-shadow: none;
}


/* sp */

a:link.blacks, a:visited.blacks {

	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid #333;
	border-radius: 15px;
	font-size: 12px;
	width: 100px;
	xheight: 25px;
	padding: 5px 20px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background: #333;



}


/*ACCORDION*/
/*=====*=====*=====*/

/* Contenedor Principal */

.accordion {
	max-width: 360px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #dcdcdc;
	padding: 0.5em;
	font-size: 15px;
	width: 90%;
}

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #fff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
	list-style-type: square;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #333;
}

.accordion li.open i {
	color: #333;
}

.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* sub menu */

ul.submenu {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

.submenu {
	display: none;
	background-color: #ffffff;
	font-size: 14px;
	margin: 0;
}

.submenu li {
	border-bottom: 1px solid #f5f5f5;
	margin: 0;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #1e90ff;
	padding: 12px;
	padding-left: 22px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover {
	background-color: #f5f5f5;
	color: #333;
	text-decoration: none;
	text-shadow: none;
}

.submenu a:link.sx {
	display: inline;
	color: #1e90ff;
	padding: 12px;
	text-decoration: underline;
	text-shadow: none;
}

.submenu a:hover.sx {
	background-color: #fff;
	color: #333;
	text-decoration: none;
	text-shadow: none;

}


/* sub menu open */

ul.submenu_open {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

.submenu_open {
	display: block;
	background-color: #fff;
	font-size: 14px;
	margin: 0;
}

.submenu_open li {
	border-bottom: 1px solid #f5f5f5;
	margin: 0;
}

.submenu_open a {
	display: block;
	text-decoration: none;
	color: #1e90ff;
	padding: 12px;
	padding-left: 22px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	text-decoration: underline;
}

.submenu_open a:hover {
	background-color: #f5f5f5;
	color: #333;
	text-decoration: none;
	text-shadow: none;
}


.submenu_open a:link.sx {
	display: inline;
	color: #1e90ff;
	padding: 12px;
	text-decoration: underline;
	text-shadow: none;
}

.submenu_open a:hover.sx {
	background-color: #fff;
	color: #333;
	text-decoration: none;
	text-shadow: none;

}


a.s-none {
	text-decoration: none;
	color: #1e90ff;
	transition: all 0.5s ease;
}

a:link.s-none, a:visited.s-none {
	color: #1e90ff;
}

a:hover.s-none {
	color: #000;
	text-decoration: none;
}

a.s-none2 {
	text-decoration: none;
	color: #cc0000;
	transition: all 0.5s ease;
}

a:link.s-none2, a:visited.s-none2 {
	color: #cc0000;
}

a:hover.s-none2 {
	color: #000;
	text-decoration: none;
}


/*NAV*/
/*=====*=====*=====*/

nav {
	display: none;
	cursor: pointer;
}

.nav-open {
	background: #fff;
	font-size: 14px;
	cursor: pointer;
	box-shadow: 1px 1px 1px #a9a9a9;
	color: #666;
	text-align: center;
	width: 300px;
	height: 30px;
	border-radius: 10px;
	letter-spacing: 2;
	text-decoration: none;
	border: 1px solid #333;
	padding-top: 5px;
	font-weight: normal;
	position: relative;
	text-shadow: none;
	transition: all 0.5s ease;
}

.nav-open::before {
	content: "▲";
	position: absolute;
	right: 20px;
	color: #333;
}

.nav-open.active::before{
	content: "▼";
	color: #333;

}

.nav-open:hover {
	background: #ececec;
	color: #333;
	box-shadow: none;
}




/*MIDASHI*/
/*=====*=====*=====*/

h4 {
	position: relative;
	padding: 16px 10px 16px 25px;
	border-radius: 5px;
	box-shadow: 7px 7px #add8e6, 7px 7px 0 3px #444;
	outline: 3px solid #444;
	background-color: #fff;
	color: #444;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	width: 90%;
	letter-spacing: 1px;
	text-shadow: none;
}

h6 {
	position: relative;
	xpadding: 10px 10px 10px 0px;
	xpadding: 10px 0px 20px 10px;
	border-radius: 5px;
	box-shadow: 7px 7px #fcc800, 7px 7px 0 3px #212121;
	outline: 3px solid #212121;
	background-color: #fff;
	color: #212121;
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	width: 95%;
	letter-spacing: 1px;
	text-shadow: none;
	height: 110px;
}



a:link.slv13,a:visited.slv13 {
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

a.slv13 {
	color: #333;
	text-align: left;
	text-decoration: none;
	border:1px solid #fff;
	border-radius: 5px;
	font-size: 12px;
	width: 90%;
	height: 75px;
	padding: 12px 20px 20px 40px;
	font-weight: normal;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background: #fff;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

a.slv13:hover {
	color: #333;
	font-weight: normal;
	box-shadow: none;
	border: 1px solid #fff;
	text-decoration: none;
	background: #f5f5f5;
}

a.slv13:active {
	color:#333;
	font-weight:normal;
	box-shadow:none;
	border:1px solid #fff;
	text-decoration:none;
	background:#dcdcdc;
}

a.slv13::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
	transform: scale(10, 10);
	opacity: 0;
	transition: transform 0.3s, opacity 1s;
}

a.slv13:active::after {
	transform: scale(0, 0);
	transition: 0s;
	opacity: 0.3;
}


/*CIRCLE*/
/*=====*=====*=====*/

.icon-circle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.icon-circle img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.icon-circle img:before {  
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% + 0px);
	width: 100%;
	background-color: #f5f5f5;
	border: 3px solid #f5f5f5;
}
 
.icon-circle img:after {  
	content: "\f127";
	display: block;
	font-size: 15px;
	font-style: normal;
	font-family: FontAwesome;
	color: #d3d3d3;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 100%;
	text-align: left;
	text-shadow: none;
}



.icon-circle2 {
	width: 70px;
	height: 70px;
	border-radius: 20%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.icon-circle2 img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.icon-circle2 img:before {  
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% + 0px);
	width: 100%;
	background-color: #fff;
	border: 3px solid #fff;
}
 
.icon-circle2 img:after {  
	xcontent: "\f127";
	xcontent: "リンク切れ" "\f83f" ;
	content: "画像がみつかりません" ;
	xcontent: "\f6e2";
	display: block;
	font-size: 12px;
	font-style: normal;
	font-family: FontAwesome;
	color: #d3d3d3;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	text-align: left;
	text-shadow: none;
}

/* topics */

.icon-circle2top {
	width: 70px;
	height: 70px;
	border-radius: 20%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	margin: 0;
}

.icon-circle2top img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.icon-circle2top img:before {  
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% + 0px);
	width: 100%;
	background-color: #f5f5f5;
	border: 3px solid #f5f5f5;
}
 
.icon-circle2top img:after {  
	content: "\f127";
	display: block;
	font-size: 15px;
	font-style: normal;
	font-family: FontAwesome;
	color: #d3d3d3;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 100%;
	text-align: left;
	text-shadow: none;
}


/* souko */

.icon-circle3 {
	width: 90px;
	height: 90px;
	border-radius: 15%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.icon-circle3 img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}


.icon-circle4 {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.icon-circle4 img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.icon-circle4 img:before {  
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% + 0px);
	width: 100%;
	background-color: #d3d3d3;
	border: 3px solid #d3d3d3;
}
 
.icon-circle4 img:after {  
	content: "\f007";
	display: block;
	font-size: 15px;
	font-style: normal;
	font-family: FontAwesome;
	color: #fff;
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	text-align: center;
	text-shadow: none;
}


/*MARKER*/
/*=====*=====*=====*/

.error_u {
	color: #cc0000;
	background: linear-gradient(transparent 75%, #ffd700 0%);
	padding: 0 1px;
	text-shadow: none;
	padding: 5px;
	font-weight: bold;
}

.marker_g {
	background: #dcdcdc;
	padding: 3px 10px 3px 10px;
	border-radius: 3px;
	color: #000;
	font-size: 15px;
	xtext-shadow: 1px 1px 1px #fff;
	margin-top: 15px;
}

.marker_g_u {
	background: linear-gradient(transparent 75%, #dcdcdc 0%);
	padding: 0 1px;
	width: 95%;
}

.marker_s_u {
	background: linear-gradient(transparent 50%, #f5f5f5 0%);
	padding: 0 1px;
	width: 100%;
	font-size: 17px;
	color: #69b076;
	font-weight: bold;
}

.marker_y {
	background-color: #ffd700;
	padding: 0 3px;
}

.marker_y_u {
	background: linear-gradient(transparent 75%, #ffd700 0%);
	padding: 0 1px;
}

.marker_p_u {
	background: linear-gradient(transparent 75%, #ffe4e1 0%);
	padding: 0 1px;
}

.marker_b {
	background-color: #a9a9a9;
	padding: 0 3px;
	color: #fff;
	border-radius: 5%;
	text-shadow: none;
}

.marker_r {
	background-color: #ff7f50;
	padding: 0 3px;
	color: #fff;
	border-radius: 5%;
	text-shadow: none;
}





.text-overflow-lines {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-width: 450px;
	padding: 15px 5px 0px 0px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	font-weight: normal;
}


.text-overflow-lines_top_title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 450px;
	font-size: 14px;
	color: #444;
	line-height: normal;
	font-weight: bold;
	word-break: break-all;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.text-overflow-lines_top_text {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-width: 460px;
	padding: 5px 0px 3px 0px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	max-height: 34px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	word-break: break-all;
}

.text-overflow-lines_top_title3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 450px;
	font-size: 13px;
	color: #1e90ff;
	line-height: normal;
	font-weight: bold;
	word-break: break-all;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0px 10px;
}

.text-overflow-lines_top_text3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-width: 450px;
	padding: 5px 5px 0px 5px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	max-height: 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	word-break: break-all;
	padding: 0px 5px;
}

.text-overflow-lines_top_text2 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	max-width:450px;
	padding:5px 5px 3px 0px;
	font-size:12px;
	color:#666666;
	line-height:normal;
	max-height: 200px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}

/* new comment */

.text-overflow-lines9 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 95%;
	font-size: 13px;
	color: #006400;
	line-height: normal;
	font-weight: normal;
	xfont-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 15px;
}


/* name */

.text-overflow-lines_name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 480px;
	font-size: 12px;
	color: #555;
	xline-height: normal;
	xfont-weight: bold;
	word-break: break-all;
}



/*daily,new*/

.text-overflow-lines_sub {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	xmax-width: 480px;
	max-width: 95%;
	font-size: 15px;
	color: #555;
	line-height: normal;
	font-weight: bold;
	word-break: break-all;
}


.text-overflow-lines_com {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	max-width: 480px;
	padding: 15px 5px 0px 0px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	max-height: 65px;
	font-familyx:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	word-break: break-all;
}

.text-overflow-lines_com2 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-width: 480px;
	padding: 15px 5px 0px 0px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	max-height: 45px;
	font-familyx:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	word-break: break-all;
}





/*flag*/

.flag-none {
	color: #fff;
	background-color: #999;
	font-size: 11px;
	padding: 0px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
	text-shadow: none;
}

.flag-open {
	color: #fff;
	background-color: #0000cd;
	font-size: 11px;
	padding: 0px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
	text-shadow: none;
}

.flag-yoyaku {
	color: #fff;
	background-color: #cc0000;
	font-size: 11px;
	padding: 0px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
	text-shadow: none;
}

.flag-close {
	color: #fff;
	background-color: #333;
	font-size: 11px;
	padding: 0px 12px;
	border-radius: 20px;
	margin-bottom: 10px;
	text-shadow: none;
}

.flag-orange {
	color: #333;
	background-color: #ffd700;
	font-size: 11px;
	padding: 0px 2px;
	border-radius: 5px;
	margin-bottom: 10px;
	text-shadow: none;
}


/*SMALL*/
/*=====*=====*=====*/

.small {
	padding-top: 2px;
	font-size: 12px;
	color: #808080;
	line-height: normal;
}

.small2 {
	padding-top: 2px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.small3 {
	padding: 5px 5px 3px 20px;
	font-size: 12px;
	color: #666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 23px;
}

.small5 {
	padding: 5px 5px 0px 0px;
	font-size: 12px;
	color: #808080;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 20px;
	text-align: left;
}

.small6 {
	font-size: 14px;
	color: #333;
}

.small7 {
	font-size: 13px;
	color: #333;
}



.mini2 {

	font-size: 11px;
	color: #999;

}


/*AD*/
/*=====*=====*=====*/

.icon-circle-hd {
	width: 300px;
	height: 300px;
	border-radius: 5%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.icon-circle-hd img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.icon-circle-bn {
	width: 240px;
	height: 240px;
	border-radius: 5%;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}

.icon-circle-bn img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}


/* box-ad */

.xboxad {
	position: relative;
}

.top-right {
	position: absolute;
	top: -10px;
	right: 190px;
	font-size: 13px;
}

.top-right2 {
	position: absolute;
	top: 0px;
	right: 50px;
	font-size: 13px;
}


.top-right3 {
	position: absolute;
	top: 0px;
	right: 50px;
	font-size: 13px;
}

#boxad {
	position: relative;
	padding: 0;
}


#xboxad span {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: #fff;
	padding: 5px;
	font-size: 13px;
	text-shadow: none;
	xfont-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#boxad span {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #dcdcdc;
	xbackground: #fff;
	padding: 0 5px;
	font-size: 11px;
	text-shadow: none;
}


/* ad */

a.banner {
	color: #666;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	transition: all 0.5s ease;
	display: block;
}

a:link.banner ,a:visited.banner {
	color: #666;
	text-decoration: none;
}

a:hover.banner {
	color:#666;
	text-decoration:none;
	opacity: 0.8;
}

.banner img {
	transition: 0.3s;
	display: block;
	width: 100%;
}

.banner:hover img {
	opacity: 0.8;
}




/*ETC*/
/*=====*=====*=====*/

/*page-link*/

div.page {
	text-align: right;
	padding: 2px 30px 2px 30px;
	text-shadow: none;
}

.page-circle {
	color: #87befd;
	text-align: center;
	border-radius: 50%;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #87befd;
	display: inline-block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	line-height: 18px;
	font-size: 12px;
	letter-spacing: 0;
}

a:link.page-circle2,a:visited.page-circle2 {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0;
}

.page-circle2 {
	color: #fff;
	text-align: center;
	border-radius: 50%;
	text-decoration: none;
	font-weight: normal;
	background: #87befd;
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	line-height: 18px;
	transition: all 0.5s ease;
	letter-spacing: 0;
}

.page-circle2:hover {
	background: #1e90ff;

}


/* Tooltip */

.tooltip::after {
	content: 'copied';
	background: #555;
	display: inline-block;
	color: #fff;
	border-radius: .4rem;
	position: absolute;
	right: 0px;
	top: -10px;
	transform: translate(-50%, 0);
	font-size: .75rem;
	padding: 2px 5px;
	animation: fade-tooltip .5s 1s 1 forwards;
	text-shadow: none;
}
 
/* Animation */
@keyframes fade-tooltip {
to { opacity: 0; }
}

.copy-value {
	cursor: pointer;
	position: relative;
}

.copy-value:hover {
	background: #f5f5f5;
}

.copy-value2 {
	height: 1px;
	width: 20%;
}


/*msg-box*/

#target_msg_box {
	display: none; 
}

.msg_box {
	color: #000;
	text-decoration: none;
	border-radius: 20px;
	font-size: 15px;
	padding: 10px 30px;
	background: #ffb6c1;
	position: fixed;
	top: 22%;
	left: 25%;
	margin: 0 auto;
	z-index: 5;
}

#target_msg_box2 {
	display: none; 
}

.xxmsg_box2 {
	border: 1px solid #333;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	color: #666;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	font-size: 15px;
	width:250px;
	height:210px;
	position: fixed;
	top: 22%;
	left: 25%;
	margin: 0 auto;
	z-index: 9999;
	display: inline-block;

}

.msg_box2 {
	border: 1px solid #333;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	color: #666;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	font-size: 15px;
	width:250px;
	height:210px;
	margin: 0 auto;
	z-index: 9999;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

}


#target_msg_box2 a {
	color: #333;
	text-decoration: none;
	transition: all 0.5s ease;
	font-weight: bold;
	width: 100%;
	background: #fff;
	padding:15px 0px;
	xtransitionx: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}

#target_msg_box2 a:hover {
	background: #f5f5f5;
	width: 100%;

}


#target_msg_box3 {
	display: none; 
}

.xmsg_box3 {
	border: 1px solid #333;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	color: #666;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	font-size: 15px;
	width:350px;
	height:250px;
	position: fixed;
	top: 22%;
	left: 25%;
	margin: 0 auto;
	z-index: 9999;
	display: inline-block;
}

.msg_box3 {
	border: 1px solid #333;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	color: #666;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	font-size: 15px;
	width:350px;
	height:250px;
	margin: 0 auto;
	z-index: 9999;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


#target_msg_box3 a {
	color: #333;
	text-decoration: none;
	transition: all 0.5s ease;
	font-weight: bold;
	width: 100%;
	background: #fff;
	padding:15px 0px;
	xtransitionx: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}

#target_msg_box3 a:hover {
	background: #f5f5f5;
	width: 100%;

}



#target_msg_box4 {
	display: none; 
}


.msg_box4 {
	border: 1px solid #333;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	color: #666;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	font-size: 15px;
	width:250px;
	height:240px;
	margin: 0 auto;
	z-index: 9999;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

}


#target_msg_box4 a {
	color: #333;
	text-decoration: none;
	transition: all 0.5s ease;
	font-weight: bold;
	width: 100%;
	background: #fff;
	padding:10px 0px;
	xtransitionx: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
}

#target_msg_box4 a:hover {
	background: #f5f5f5;
	width: 100%;

}





#pp-switch {
	display: none;
}

.pp-background {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	z-index: 1000;
}

.pp-close {
	position: relative;
	display: inline-block;
	background: #09f;
	color: #fff;
	padding: 0 1em;
	border-radius: 3px;
	cursor: pointer;
	left: 50%;
	transform: translateX(-50%);
}

#pp-switch:checked ~ .pp-background, #pp-switch:checked ~ .pp-box {
	display: none;
}


/*tooltip*/

.tooltip-003 {
	display: inline-block;
	position: relative;
}

.tooltip-003 > div {
	cursor: pointer;
}

.tooltip-003 > span {
	display: flex;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	padding: .5em 1em;
	border-radius: 3px;
	background-color: #ffd700;
	color: #000;
	font-size: 12px;
	white-space: nowrap;
	transition: opacity .3s;
	text-shadow: none;
}

.tooltip-003 > span::before {
	position: absolute;
	left: -6px;
	width: 6px;
	height: 9px;
	background-color: inherit;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	content: '';
	text-shadow: none;
}

.tooltip-003:hover > span {
	visibility: visible;
	opacity: 1;
}


/*topics menu*/

.jmenu {
	display: flex;
	width: 60%;
	padding: 0;
	margin: 0 auto;
}

.jmenu > li {
	width: 100%;
}

.jmenu li {
	position: relative;
	list-style: none;
}

.jmenu li a {
	padding: 1em 1.5em;
	text-decoration: none;
	background: #f5f5f5;
	text-align: left;
	display: block;
	color: #333;
	xfont-size: 14px;
	border-radius: 5px;
	text-shadow: none;
}

.jmenu a:hover{
	background: #333;
	color: #fff;
}

.jmenu__child li {
	height: 0;
	overflow: hidden;
	transition: 0.3s;
}

.jmenu ul {
	padding: 0px 0px;
}

.jmenu li:hover > ul > li {
	xheight: 3.2rem;
	height: 58px;
	overflow: visible;
}





/*thumbnail*/

.ig {
	width: 100%;
	height: 100px;
	object-fit: cover;
	cursor: pointer;
}

.ig2 {
	width: 65px;
	height: 65px;
	border-radius: 20%;
	padding: 10px;
}


/*LINE*/
/*=====*=====*=====*/

hr {
	border: 0;
	border-top: 1px dashed #999966;
	border-bottom: 1px solid #fff;
	width: 95%;
	text-align: center;
}

hr.dot {
	border: 0;
	border-top: 1px dashed #999966;
	border-bottom: 1px solid #fff;
	width: 100%;
	text-align: center;
}

hr.solid {
	border: 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #fff;
	width: 100%;
	text-align: center;
}

.hr3 {
	height: 10px;
	background-image: repeating-linear-gradient(45deg, #dcdcdc 0, #dcdcdc 3px, transparent 0, transparent 50%);
	background-size: 10px 10px;
	background-color: #f5f5f5;
	border-top: 1px solid #fff;
}


.section1 {
	height: 75px;
}

.section2 {
	height: 30px;
}

.section3 {
	height: 40px;
}

.section4 {
	height: 20px;
}


/*MIDASHI*/
/*=====*=====*=====*/
.ms {
	padding: .5em .7em;
	border-left: 6px solid #dcdcdc;
	color: #333333;
}



/*FOOTER*/
/*=====*=====*=====*/

.footer-2 {
	display: flex;
	align-items: left;
	flex-direction: column;
	padding: 25px 10px 10px;
	background-color: #dcdcdc;
}

.footer-2__link {
	margin: 0;
	color: #a9a9a9;
	font-weight: 200;
	font-size: .8em;
	xtransition: all 0.5s ease;

}

.footer-2__copyright {
	margin: 0;
	color: #fff;
	font-weight: 200;
	font-size: 11px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer2 a:link {
	text-decoration: none;
	color: #a9a9a9;
	text-align: center;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 450px;
	transition: all 0.5s ease;

}

footer2 a:visited {
	text-decoration: none;
	color: #a9a9a9;
}

footer2 a:hover {
	color: #fff;
	text-shadow: 0px 0px 1px #fff,
 	0px 0px 1px #999,
	0px 0px 1px #999,
	0px 0px 1px #999,
	0px 0px 1px #999;
}



/*CHECKBOX*/
/*=====*=====*=====*/

@supports (-webkit-appearance: none) or (-moz-appearance: none) {

.checkbox-wrapper-14 input[type=checkbox] {
	--xactive: #275EFE;
	--active: #439fc6;

	--active-inner: #fff;
	--focus: 2px rgba(39, 94, 254, .3);
	--border: #BBC1E1;
	--border-hover: #275EFE;
	--background: #fff;
	--disabled: #F6F8FF;
	--disabled-inner: #E1E6F9;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 21px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	cursor: pointer;
	border: 1px solid var(--bc, var(--border));
	background: var(--b, var(--background));
	transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

.checkbox-wrapper-14 input[type=checkbox]:after {
	content: "";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}

.checkbox-wrapper-14 input[type=checkbox]:checked {
	--b: var(--active);
	--bc: var(--active);
	--d-o: .3s;
	--d-t: .6s;
	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}

.checkbox-wrapper-14 input[type=checkbox]:disabled {
	--b: var(--disabled);
	cursor: not-allowed;
	opacity: 0.9;
}

.checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
	--b: var(--disabled-inner);
	--bc: var(--border);
}

.checkbox-wrapper-14 input[type=checkbox]:disabled + label {
	cursor: not-allowed;
}

.checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {
	--bc: var(--border-hover);
}

.checkbox-wrapper-14 input[type=checkbox]:focus {
	box-shadow: 0 0 0 var(--focus);
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
	width: 21px;
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
	opacity: var(--o, 0);
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
	--o: 1;
}

.checkbox-wrapper-14 input[type=checkbox] + label {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 4px;
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
	border-radius: 7px;
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
	width: 5px;
	height: 9px;
	border: 2px solid var(--active-inner);
	border-top: 0;
	border-left: 0;
	left: 7px;
	top: 4px;
	transform: rotate(var(--r, 20deg));
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
	--r: 43deg;
}

.checkbox-wrapper-14 input[type=checkbox].switch {
	width: 38px;
	border-radius: 11px;
}

.checkbox-wrapper-14 input[type=checkbox].switch:after {
	left: 2px;
	top: 2px;
	border-radius: 50%;
	width: 17px;
	height: 17px;
	background: var(--ab, var(--border));
	transform: translateX(var(--x, 0));
}

.checkbox-wrapper-14 input[type=checkbox].switch:checked {
	--ab: var(--active-inner);
	--x: 17px;
}

.checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
	opacity: 0.6;
}
}

.checkbox-wrapper-14 * {
	box-sizing: inherit;
}

.checkbox-wrapper-14 *:before, .checkbox-wrapper-14 *:after {
	box-sizing: inherit;
}


/*KEYWORD*/
/*=====*=====*=====*/

.search-form-6 {
	display: flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid #dfe1e5;
	border-radius: 24px;
}

.search-form-6:hover {
	box-shadow: 0 1px 6px rgb(32 33 36 / 28%);
}

.search-form-6::before {
	width: 45px;
	height: 15px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%239aa0a6%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
	background-position: center;
	background-repeat: no-repeat;
	content: '';
}

.search-form-6 input {
	width: 230px;
	height: 30px;
	padding: 5px 0px 5px 0;
	border: none;
	box-sizing: border-box;
	outline: none;
}

input.search-btn-6 {
	background-color: #fff;
	font-size: 12px;
	width: 80px;
	color: #1e90ff;
}

input.btn-sand5 {
	border: 2px solid #fff;
	background-color: #666;
	font-family: "メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	width: 80px;
	height: 30px;
	color: #fff;
	border-radius: 25px;
}

input.text-sand-small5 {
	border: 1px solid #666;
	background-color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	width: 250px;
	height: 25px;
	color: #000;
	border-radius: 5px;
}


/*FLEX-IMAGE*/
/*=====*=====*=====*/

.flex-container {
	display: flex;
	border: 1px solid #fff;
	border-radius: 25px;
}

.flex-item {
	flex-basis: 50%;
}

.flex-item_s {
	flex-basis: 30%;
}

.flex-item_l {
	flex-basis: 100%;
}

.image-wrap{
	position: relative;
	overflow: hidden;
	padding-top: 80%;
	margin: 5px 5px;
}

.image-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*TEXT-SAME*/

.same {
	max-width: 350px;
	text-align: center;
}

.same span {
	display: inline-block;
	text-align: left;
}






/*LIST*/
/*=====*=====*=====*/

ul {
	list-style: none;
	text-align: left;
	margin: 0 0 2px 5px;
	padding-left: 20px;
	list-style-position: outside;
}

li.image {
	list-style-image: url(img/icon.gif);
	margin: 4px 0 4px 0em;
	line-height: 120%;
	text-align: left;
	padding: 3px;
	font-size: 1em;
}

li.square {
	list-style-type: square;
	margin: 4px 0 4px 0em;
	line-height: 120%;
	text-align: left;
	padding: 3px;
	font-size: 14px;
}

li.square2 {
	list-style-type: square;
	margin: 4px 0 4px 0em;
	line-height: 120%;
	text-align: left;
	padding: 3px;
	font-size: 13px;
}

li.none {
	list-style-type: none;
	margin: 4px 0 4px 0em;
	line-height: 120%;
	text-align: left;
	padding: 3px;
	font-size: 1em;
}

li.decimal {
	list-style-type: decimal;
	margin: 4px 0 4px 0em;
	line-height: 120%;
	text-align: left;
	padding: 3px;
	font-size: 13px;
}

li.alpha {
	list-style-type: upper-alpha;
	margin: 4px 0 4px 0em;
	line-height: 120%;
	text-align: left;
	padding: 3px;
	font-size: 1em;
}

li.disc {
	list-style-type: disc;
	margin: 5px 0px 5px 0px;
	line-height: 120%;
	text-align: left;
	padding: 6px;
	font-size: 15px;
	color: #333;
}


/*MYPAGE*/
/*=====*=====*=====*/

/* box-menu */

a:link.boxmenu,a:visited.boxmenu {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-shadow: none;
	font-weight: bold;
}

a.boxmenu {
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 15px;
	font-size: 12px;
	width: 100px;
	height: 100px;
	cursor: pointer;
	transition: all 0.5s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background: #00a1e9;

}

a.boxmenu:hover {
	color: #fff;
	box-shadow: none;
	text-decoration: none;
	background: #2589d0;
}

.boxmenu span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5%;
	right: -5%;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #001e43;
	color: #fff;
	font-size: .9em;
}


.boxmenu span2 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8%;
	right: 8%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #990000;
	color: #fff;
	font-size: .8em;
}

/*MODAL*/
/*=====*=====*=====*/

/* modal-close */

input.btn-sands033 {
	border: none;
	background-color: #fff;
	font-size: 23px;
	color: #333;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

input.btn-sands033sp {
	border: none;
	background-color: #fff;
	font-size: 23px;
	color: #333;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input.btn-sands01 {
	border: 2px solid #fff;
	background-color: #1e90ff;
	font-size: 13px;
	width: 130px;
	height: 30px;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
}

input.btn-sands05 {
	border: 2px solid #fff;
	background-color: #1e90ff;
	font-size: 12px;
	width: 65px;
	height: 28px;
	color: #fff;
	border-radius: 20px;
	xfont-weight: bold;
}


textarea.textarea-sand-modal {
	border: 2px solid #666;
	background-color: #fff;
	font-family: sans-serif,"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	width: 90%;
	height: 80px;
	color: #333;
	border-radius: 5px;
	xpadding: 5px 5px;
	xline-height: 140%;
	resize: auto;
	max-width: 90%;
	max-height: 80px;
	min-width: 90%;
	min-height: 80px;



}

.foot {
	font-size: 11px;
	font-family: sans-serif,"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	xletter-spacing: 1px;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 480px;
	xfont-size: 12px;
	color: #555;
	xline-height: normal;
	xfont-weight: bold;
	word-break: break-all;

}

/* modal-cancel */

input.btn-sand4-sp {
	border: 2px solid #fff;
	background-color:#666;
	font-family: sans-serif,"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	width: 190px;
	letter-spacing: 2;
	height: 45px;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
}

input.btn-sand-sp {
	border: 2px solid #fff;
	background-color: #1e90ff;
	font-family: sans-serif,"メイリオ",'Source Code Pro','Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	width: 190px;
	letter-spacing: 2;
	height: 45px;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
}

a:link.link-sand4-sp ,a:visited.link-sand4-sp {
	background-color:#666;
	font-size: 15px;
	padding: 10px 20px;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
	text-shadow: none
	text-decoration: none;
}

a:hover.link-sand4-sp {
	background-color: #dcdcdc;
	color: #fff;

}

/* adv */

.ass {
        margin-bottom: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 380px;
}