@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@700&family=Potta+One&family=Rampart+One&family=Mochiy+Pop+One&family=Reggae+One&family=Dela+Gothic+One&family=RocknRoll+One&family=Shippori+Antique+B1&family=Zen+Kurenaido&family=Zen+Old+Mincho:wght@500&family=BIZ+UDGothic&family=Zen+Maru+Gothic&family=M+PLUS+1+Code&family=Noto+Serif+JP&family=Hina+Mincho&family=Kaisei+Decol&family=Kiwi+Maru&family=Klee+One:wght@600&family=New+Tegomin&family=Noto+Sans+JP&family=Stick&family=Yuji+Boku&display=swap');

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

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

}


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

#title {
	width: 100%;
	float: left;
	font-size: 20px;
	text-align: left;
	text-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;
}

#descript {
	padding: 5px 150px 5px 70px;
	font-size: 12px;
	text-align: left;
	text-shadow: 1px 1px 1px #696969;
}

#title_s {
	width: 100%;
	float: left;
	font-size: 14px;
	text-align: left;
	text-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_b {
	width: 100%;
	float: left;
	font-size: 28px;
	text-align: left;
	text-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;
}


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

td {
	word-break: break-all;
}

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

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

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

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


td.xtoppage_sub {
	font-size: 14px;
	background-color: #f5f5f5;
	text-shadow: 1px 1px 1px #fff;
	padding: 5px;
	height: 20px;
}

/*comment*/

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




/*normal*/

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

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

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

.table01 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;
}



/*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;
}


/*pic-up*/

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

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

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

.table05p td {
	padding: 0px;
	border: 1px dashed #999;
}




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

a {
	text-decoration: underline;
	color: #1e90ff;
}

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

a:hover {
	color: #000;
	text-decoration: 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;
}



/* 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;
}


/* keyword */

a:link.key, a:visited.key {
	color: #1e90ff;
	text-decoration: none;
	font-size: 14px;
	font-family:"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
}

a:hover.key {
	text-decoration: none;
	color: #333;
	text-shadow: none;
}

/* follow */

a.fr {
	color: #666;
	text-decoration: none;
}

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

a:hover.fr {
	color: #666;
	text-decoration: 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%;

}

a:link.copy,a:visited.copy {
	color:#999;
	text-decoration:none;
}

a:hover.copy {
	color:#999;
	text-decoration:underline;
}

a:link.none {
	text-decoration:none;
}


/*page*/

a:link.css-button-fully-rounded--sand,a:visited.css-button-fully-rounded--sand {
	color: #a9a9a9;
	text-decoration: none;
	font-size: 18px;
}

.css-button-fully-rounded--sand {
	min-width: 70px;
	height: 20px;
	padding: 5px 10px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	border-radius: 20px;
	border: 2px solid #dcdcdc;
	background: #fff;
}
.css-button-fully-rounded--sand:hover {
	background: #ececec;
	color: #333;
}

/*blue*/

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

.ble {
	color: #fff;
	text-decoration: none;
	transition: all 0.5s ease;
	background: #2589d0;
	padding:5px 23px;
	text-shadow: none;
	border-radius: 5px;
}

.ble:hover {
	opacity: 0.9;

}


/* edit */

a:link.edit, a:visited.edit {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	xfont-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: 3px;
	padding: 15px 10px;
	font-weight: normal;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	outline: none;
	background: #fff;
}

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


a:link.black, a:visited.black {

	text-decoration: none;
	text-shadow: none;
	background-color: #000;
	font-size: 12px;
	border-radius: 15px;
	padding: 7px 30px;
	color: #fff;

}

/* page-top */

.float-button__wrap {
	box-shadow: 1px 1px 1px #a9a9a9;
	color: #333;
	text-align: center;
	text-decoration: none;
	xborder: 1px solid #333;
	xborder-radius: 3px;
	xpadding: 15px 10px;
	font-weight: normal;
	xcursor: pointer;
	transition: all 0.3s ease;
	xposition: relative;
	position: fixed;
	display: inline-block;
	outline: none;
	background: #fff;
	bottom: 20px;
	right: 30px;
	z-index: 10;
}

.float-button__wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 5px;
	text-decoration: none;
	background-color: #fff;
	color: #333;
	font-size: 13px;
	cursor: pointer;
	padding: 15px 10px;
	border: 1px solid #333;
	border-radius: 3px;
}

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

.float-button__wrap:active {
	box-shadow: none;
	background: #ececec;
	text-shadow: none;
}


/* mypage */

.float-mybutton__wrap {
	box-shadow: 1px 1px 1px #a9a9a9;
	color: #333;
	text-align: center;
	text-decoration: none;
	xborder: 1px solid #333;
	xborder-radius: 3px;
	xpadding: 15px 10px;
	font-weight: normal;
	xcursor: pointer;
	transition: all 0.3s ease;
	xposition: relative;
	position: fixed;
	display: inline-block;
	outline: none;
	background: #fff;
	bottom: 20px;
	right: 80px;
	z-index: 10;
}

.float-mybutton__wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 5px;
	text-decoration: none;
	background-color: #fff;
	color: #333;
	font-size: 13px;
	cursor: pointer;
	padding: 15px 10px;
	border: 1px solid #333;
	border-radius: 3px;
}

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

.float-mybutton__wrap:active {
	box-shadow: none;
	background: #ececec;
	text-shadow: none;
}


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

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;
}

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%);
}

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;
}




/*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: #f5f5f5;
	border: 3px solid #f5f5f5;
}
 
.icon-circle2 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-circle4 {
	width: 40px;
	height: 40px;
	min-height: 1px;
	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: 5px;
	left: 0;
	width: 100%;
	text-align: center;
	text-shadow: none;
}

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

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

.icon-circle4kj 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-circle4kj img:after {  
	content: "\f007";
	display: block;
	font-size: 15px;
	font-style: normal;
	font-family: FontAwesome;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	text-shadow: none;
}

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

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

.icon-circle4kjres 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-circle4kjres img:after {  
	content: "\f007";
	display: block;
	font-size: 12px;
	font-style: normal;
	font-family: FontAwesome;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	text-shadow: none;
}




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

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

.icon-circle5 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-circle5 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;
}


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


.marker_s_u {
	background: linear-gradient(transparent 50%, #f5f5f5 0%);
	padding: 0 1px;
	width: 100%;
	font-size: 17px;
	color: #69b076;
	font-weight: bold;
	font-family:"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
	xfont-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}


.marker_s_u2 {
	xbackground: linear-gradient(transparent 50%, #f5f5f5 0%);
	padding: 0 1px;
	width: 100%;
	font-size: 17px;
	color: #444;
	font-weight: bold;
	font-family:"游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, sans-serif;
}

/*TEXT-OVERFLOW*/
/*=====*=====*=====*/

/*kiji*/

.text-overflow-lines_sub {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 480px;
	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;
}


/*pic-up*/

.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;

}

/* 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;
}



/*IMAGE*/
/*=====*=====*=====*/

.flex-container {
	display: flex;
}

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

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

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

.flex-item_ss {
	flex-basis:10%;
}

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

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

}

.image-wrap img:before {
	content: " ";
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	height: calc(100% + 10px);
	width: 100%;
	background-color: #f5f5f5;
	border-radius: 3px;

}
 
.image-wrap img:after {  
	content: "\f127";
	display: block;
	font-size: 16px;
	font-style: normal;
	font-family: FontAwesome;
	color: #d3d3d3;
	position: absolute;
	top: 5px;
	left: 15px;
	width: 100%;
	text-align: left;
	text-shadow; none;
}


/*画像を並べる*/

.flex-container_w {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
}

.flex-item_w {
	flex-basis:45%;
}

.flex-container_w img {
	width: 100%;
	height: 250px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	object-fit: cover;
	border-radius: 8px;
}

/*画像の横に文字*/

figure.gazo-box {
	float: left;
	padding-right: 20px;
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #cc0000;
	xobject-fit: cover;
	border-radius: 8px;
	text-align: center;
}

.flex-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.flex-box-text {
	width: 50%;
	text-align: left;
	margin-left: 20px;
	font-size: 14px;
	line-height: 180%;
}


.flex-box-img {
	width: 50%;
}

.flex-box-img img {
	width: 100%;
	height: 300px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	object-fit: cover;
	border-radius: 8px;
}


/*thumbnail*/

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

.thumb-bar {
	xposition: relative;
	xoverflow: hidden;
	xpadding-top: 80%;
	xmargin: 5px 5px;
	xborder-radius: 5%;

}

.thumb-bar img {
	width: 100%;
	height: 100px;
	display: block;
	position: relative;
	border-radius: 3px;

}

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

/*ヘッダーアイコン*/

.icon-header img {
	max-width: 60px;
	max-height: 20px;
	xmin-width: 60px;
	min-height: 1px;
	position: relative;
}

.icon-header img:before {  
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: calc(100% + 0px);
	width: 100%;
}
 
.icon-header 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;
}









hr {
	border:0;
	xborder-top:1px dashed #999966;
	border-top:1px dashed #a9a9a9;
	border-bottom:1px solid #ffffff;
	width:100%;
	text-align:left;
}



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

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

div.small2 {
	padding-top: 2px;
	font-size: 12px;
	color: #666;
	line-height: normal;
	font-family: YuGothic, Verdana, Oaska, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "BIZ UDPGothic", sans-serif;
}

div.small3 {
	padding: 5px 5px 3px 10px;
	font-size: 12px;
	color: #666;
	line-height: normal;
}

.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;
}


.small8 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 480px;
	padding: 15px 5px 0px 0px;
	font-size: 11px;
	color: #a9a9a9;
	line-height: normal;
	font-weight: normal;
	word-break: break-all;
}



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


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



div.copy {
	font-family:'Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	text-align: right;
	color: #999;
	letter-spacing: 1px;
	width: 100%;
	height: 80px;
	padding: 8 0 0 0px;
}




.box-007 {
	max-width: 370px;
	margin: 0 auto;
	border: 2px solid #0080c0;
	border-radius: 5px;
	color: #333333;
}

.box-007 div {
	display: inline-flex;
	align-items: center;
	position: relative;
	top: -13px;
	left: 10px;
	margin: 0 7px;
	padding: 0 8px;
	background: #fff;
	color: #0080c0;
	font-weight: 600;
	vertical-align: top;
	font-size:13px;
}

.box-007 svg {
	padding-right: 4px;
}

.box-007 p {
	margin: 0;
	padding: 0 1.5em 1em;
	font-size:12px;
}


/* MIDASHI */

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

h2 {
	font-size: 20px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 2px solid #333;
}

h3 {
	font-size: 17px;
	color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #333;
	padding:5px 15px;
	border-radius: 7px;
	text-shadow: none;
}

h4 {
	font-size: 16px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 5px 15px;
	border: 3px dashed #a9a9a9;
	border-radius: 10px;
	background-color: #fff;
}

h5 {
	font-size: 16px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 5px 15px;
	border: 2px solid #a9a9a9;
	border-radius: 10px;
	box-shadow: 5px 5px #a9a9a9;
	background-color: #fff;
}

.pro_01 {
	font-size: 25px;
	color: #333;
	font-family:'Rampart One', sans-serif;
}

.pro_02 {
	font-size: 25px;
	color: #333;
	font-family:'Potta One', sans-serif;
}


.pro_03 {
	font-size: 25px;
	color: #333;
	font-family:'RocknRoll One', sans-serif;
}

.pro_04 {
	font-size: 25px;
	color: #333;
	font-family:'Mochiy Pop One', sans-serif;
}

.pro_05 {
	font-size: 25px;
	color: #333;
	font-family:'Kaisei Opti', sans-serif;
}

.pro_06 {
	font-size: 25px;
	color: #333;
	font-family:'Reggae One', sans-serif;
}

.pro_07 {
	font-size: 25px;
	color: #333;
	font-family:'Dela Gothic One', sans-serif;
}


.section1 {
	height: 75px;
}

.section2 {
	height: 30px;
}

.section3 {
	height: 40px;
}

.section4 {
	height: 20px;
}




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

div.footer {
	font-family:'Hammersmith One','Milonga', cursive,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	text-align: left;
	color: #999;
	letter-spacing: 1px;
}



.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;
}

/* box-ad */

.xboxad {
	position: relative;
}


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

.top-right {
	position: absolute;
	top: -5px;
	right: 202px;
	font-size: 13px;
}


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

.top-right2 {
	position: absolute;
	top: -5px;
	right: 48px;
	font-size: 13px;
}

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

.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;
}

#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;
}



/* RES */
/*=====*=====*=====*/

.boxres {
	xmargin: 10px 20px;
	border-radius: 8px;
	display: flex;
	xjustify-content: center;
	position: relative;
	xmax-width: 100%;
	background-color: #f2f2f2;
	border:2px solid #f2f2f2;

}

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

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