/*
Theme Name:ftcl
*/
@charset "utf-8";
body {font: 100%/2 "meiryo","Hiragino Sans GB","Microsoft YaHei","Wenquanyi Micro Hei",sans-serif;padding: 0;font-size:15px;background:url(../images/bg01.gif) repeat-x left top;color:#444;}

body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6 { padding:0; margin:0;}
ul,ol,dl { list-style:none; }

a {color: #444;text-decoration: none;}
a:hover {color: #ff7676;text-decoration: underline;}
a img {border: none;}
.clear {clear: both;line-height: 0px;height:0px;font-size:0px;}
.content {width:955px; margin: 0 auto;}
.left {float:left;}
.right {float:right;}

.headertop {padding-top:11px;height:108px;}
.photo {
	width:300px;
	font-size:12px;
	background:url(../images/bg02b.gif) no-repeat right bottom;
	background-color: #fdffee;
	color:#787974;
	margin-top:12px;
	padding:8px 0;
	border: 1px solid #c2c2c0;
	line-height: 180%;
}
.photo h3 {font-size:12px;padding:5px 0 0 5px;}
.photo p { padding-left:18px;}

/*menu*/
.header{position:fixed; background-color:#ffffff; width:100%;height:190px;z-index:1;}
.navbg {height:190px;}
#menu {margin-top:5px auto 0 auto; width:955px;overflow:hidden;}
#nav {width:1000px;}
#nav .mainlevel {float:left; width:235px;margin-right:5px;}
#nav .mainlevel ul {background:#848484;width:280px;margin-left:20px;padding:0 5px 15px 5px;display:none;}
#nav .mainlevel ul li {border-bottom:1px #d5d5d5 dotted;}
#nav .mainlevel ul li a {display:inline-block;width:240px;color:#fff;background:url(../images/bg03.gif) no-repeat 15px 25px;padding:15px 0 12px 40px;font-size:18px;}
#nav .mainlevel ul li a:hover {text-decoration:none;background:#8d8d8d url(../images/bg04.gif) no-repeat 15px 25px;}
.hdd {height:2px;}

#menu2 {margin-top:5px auto 0 auto;overflow:hidden;}
#nav2 {width:720px; margin: 0 auto;}
#nav2 .mainlevel {float:left; width:235px;margin-right:5px;}
#nav2 .mainlevel ul {background:#848484;width:280px;margin-left:20px;padding:0 5px 15px 5px;display:none;}
#nav2 .mainlevel ul li {border-bottom:1px #d5d5d5 dotted;}
#nav2 .mainlevel ul li a {display:inline-block;width:240px;color:#fff;background:url(../images/bg03.gif) no-repeat 15px 25px;padding:15px 0 12px 40px;font-size:18px;}
#nav2 .mainlevel ul li a:hover {text-decoration:none;background:#8d8d8d url(../images/bg04.gif) no-repeat 15px 25px;}

.banner { width:1100px; height:350px; clear:both; margin:0 auto;}
.mainbox {margin-top:14px; z-index:0;}
.viewbox {width:955px;height:100%;overflow:hidden;}
.viewbox ul {width:1100px;}
.viewbox li {float:left;width:303px;margin-right:22px;}

.viewbox li div.image {text-align:center;padding-top:105px; padding-bottom:20px;}
.viewbox li.v01{background:url(../images/viewimg01.jpg) no-repeat center bottom; height:237px;}
.viewbox li.v02{background:url(../images/viewimg02.jpg) no-repeat center bottom; height:237px;}
.viewbox li.v03{background:url(../images/viewimg03.jpg) no-repeat center bottom; height:237px;}


.viewbox li div.image h3 a {display:inline-block;width:182px;height:36px;padding-top:2px;color:#fff;background:#cb90bc;z-index:99;}
.viewbox li div.image h3 a:hover {text-decoration:none;background:#be7fae;}

.newsbox {height:100%;overflow:hidden;margin-top:30px;}
.news {width:560px;}
.news ul {padding:0 12px;}
.news li {padding-bottom:10px;}
.news li a {color:#757575;}
.news li span a {color:#fff;display:inline-block;width:100%;height:100%;}
.news li span a:hover {text-decoration:none;color:#fff;}
.news li h3 {font-size:16px;color:#737373;padding:0; margin:5px 0 10px 0;}
.news li h3 span {display:inline-block;margin-left:10px;}
.news li h3 span img{ vertical-align:middle; padding-bottom:3px;}
.news li a:hover {color:#cb90bc;}

.nsbace{ clear:both; overflow:hidden;}
.nsbace h2 img{ margin:0; padding:0; vertical-align:bottom;}
.nsbace ul{ clear:both; overflow:auto; border-left:1px dotted #999999; border-right:1px dotted #999999; margin:0; padding-bottom:15px; width:558px; height:385px;}
.nsbace ul li{ padding:17px 15px 0px 15px; list-style:none outside; overflow:hidden;}
.nsbace ul li .date{ float:left; width:20%; font-size:16px; font-weight:bold;}
.nsbace ul li .ns_cat{ float:right; width:75%;}
.nsbace ul li .ns_cat img{ float:left; padding-right:3px; padding-bottom:3px; }
.nsbace ul li .tit{clear:both;}

.fbox {width:360px;height:360px;overflow:hidden;}
.jzimg {margin-top:18px;}

.link {background:url(../images/bg05.gif) top repeat-x;margin-top:32px; background-color:#fee2f9; overflow:hidden; padding-top:31px; padding-bottom:15px;}
.link ul {width:1100px; margin:0; padding:0; overflow:hidden; }
.link li {float:left;margin-right:10px;margin-top:5px;}

.foot {height:58px;line-height:58px;color:#fffeff;background:#cb90bc; font-size:13px;}
.foot span {float:right;}
.foot a {color:#fffeff;}
.foot a:hover {color:#a75f95;}

/**/
.where {font-size:12px;color:#797979;height:38px;}
.list a {color:#797979;padding:0 5px;}
.list li {float:left;}
.list a:hover {color:#cb90bc;text-decoration:none;}



.pagebox {padding:0 18px;}
.nypagetxt {line-height:25px;font-size:14px;padding-top:28px;}
.nypagetop {background:url(../images/bg06.gif) no-repeat left bottom;height:70px;}
.nypagetop h2 {font-size:25px;font-weight:normal;color:#545454;padding:5px 0 0 50px;}
.pagetxt {padding-bottom:60px;}
.pagetxt div {height:159px;margin-top:24px;}
.pagetxt div p {color:#555;font-size:14px;padding:110px 0 0 44px;}
.pagetxt div.an01 {background:url(../images/an01.jpg) no-repeat;}
.pagetxt div.an02 {background:url(../images/an02.jpg) no-repeat;}
.pagetxt div.an03 {background:url(../images/an03.jpg) no-repeat;}

.mapbox {height:455px;padding-top:20px;}
.mapbox p {font-size:14px;line-height:24px;}
.mapimg {width:453px;height:321px;overflow:hidden;margin-top:10px;}
.embuttom {text-align:center;padding:10px 0 10px 0;}


.schedule { width:800px; margin:40px auto;}

.nynews {padding-top:30px;}
.nynews ul {padding:0 12px;}
.nynews li {padding:0 0 20px 0; }
.nynews li a {color:#757575;}
.nynews li em {font-style:normal;font-size:14px;color:#737373;padding:5px 0;font-weight:bold;font-size:15px;}
.nynews li span {display:inline-block;line-height:180%; margin:0 10px;}
.nynews li span img{vertical-align:bottom;}


.lecturerlist {padding:30px 0;min-height:600px;}
.lecturerlist li  {height:100%;overflow:hidden;color:#555;padding:30px 0; border-bottom:#999 dotted 1px;}
.lecturerlist li h3 { padding:0 0 5px 0;font-weight:normal;font-size:24px;}
.lecturerlist li h3 .name{color:#d48097; }
.lecturerlist li h3 .ktgk{ font-size:14px; padding-left:10px;}
.lecturerlist li p {line-height:180%;}
.lecturerlist li h4 {font-weight:normal;margin-top:20px;}
.lecturerlist li h4 a {display:inline-block;width:276px;height:52px;text-align:center;line-height:52px;border:1px #000 solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.lecturerlist li h4 a:bover {text-decoration:none;font-size:14px;}

.nypagetop0 {margin-top:20px;}
.contract {background:#cb90bc url(../images/tb04.png) no-repeat 40px center;}
.telbox {height:100%;overflow:hidden;padding:30px 20px 10px 20px;}
.teltit {text-align:center;line-height:24px;background:#cb90bc;padding:10px 50px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#fff; margin-left:50px;}

.table01 p {font-size:14px;padding:10px;}
.table01 table {border-left:1px #777 solid;border-top:1px #777 solid;}
.table01 table td {border-right:1px #777 solid;border-bottom:1px #777 solid;padding:15px;}
.table01 table td.td01 {background:#fee2f9;width:200px;font-weight:bold;color:#777;font-size:18px;text-align:center;}
.table01 table td.td01 em {color:#fa0000;}
.table01 table td.td02 span {padding:0 5px; margin:0;}
.table01 table td.td02 p{ padding:5px 0 0 0; line-height:180%;}
.table01 table td.td03 {text-align:center;padding-bottom:20px;}
.table01 table td.td03 input {padding:15px;font-size:16px;border:1px #cfcfcd solid;}
.bottom01 {text-align:center;padding:40px; font-size:16px; color:#666666;}
.bottom01 input {background:url(../images/but.jpg) no-repeat;width:273px;height:69px;border:none;cursor:pointer;font-size:16px; margin-left:20px; color:#666666;}

#recap{width:300px; margin:30px auto 0 auto; clear:both; text-align:center; font-size:12px; line-height:150%;}


.tbg{background-image:url(../images/tit.png); background-repeat:no-repeat; background-position:right bottom;}


.page01{ padding:10px 0; overflow:hidden;}
.page01 img {float:right;margin-left:20px;}
.page01 p {padding:10px 0;}
.nypagetop1 {margin-top:10px;line-height:55px;}

.ppbox {height:100%;overflow:hidden;padding:20px;}
.ppbox div {border:1px #bcbcbc solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fdffef url(../images/img02.jpg) no-repeat right center;width:420px;height:200px;}
.ppbox div.box02 {background:#fdffef url(../images/img03.jpg) no-repeat right center;}
.ppbox div h3 {padding:20px 0 10px 20px;}
.ppbox div p {padding-left:18px;background:url(../images/tb06.gif) no-repeat left 7px;margin-left:25px;}
.nypage01 h3 {padding:30px 40px;font-size:18px;}
.nytitle01 {background:#9a99ff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;color:#fff;font-weight:bold;font-size:16px;padding:20px;}
.pagbox {padding:0 25px;}
.pagbox p {padding:10px;}
.money {background:#fdffef url(../images/tb07.gif) no-repeat right bottom;border:1px #cccdc8 solid;margin-bottom:20px;height:100%;overflow:hidden;padding:15px;font-size:12px;}
.money h3,.money p {padding:0 0;}
.tt02 {border-left:1px #54564b dotted;height:100%;padding-left:15px;padding-right:20px;width:500px;}
.tt01 {width:300px;}
.tt01 h3 {font-size:25px;color:#6262d0;line-height:45px;}
.tt02 p {background:url(../images/tb08.gif) no-repeat left 10px;padding-left:10px;line-height:24px;}
.tt02 h4 {font-weight:normal;}
.nytitle02 {background:#9acc99;}
.nytitle03 {background:#e6a551;}
.tt002 {height:142px;}
.nynews01 li em {padding-right:20px;}


.page01 h4 {font-size:22px; color:#666666; line-height:180%;}
.jzbox {background:#fdffef url(../images/img05.jpg) no-repeat left center;height:155px;padding:30px 0 10px 495px;border:1px #bcbdb8 solid;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;margin:25px;}
.jzbox p {padding-left:18px;background:url(../images/tb06.gif) no-repeat left 7px;margin-left:25px;}
.jzbox01 {background:#fdffef url(../images/img06.jpg) no-repeat left center;}
.money {margin-bottom:40px;}



.nytitle {
	height:100px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
.nytitle h2 {
	color:#fff;
	padding:22px 0 0 120px;
	font-size:30px;
	font-weight:normal;
	}
.bacetit{ background-color:#7476bf; background-image:url(../images/tb01.png);
background-repeat: no-repeat; background-position:right bottom;
}
.yellow { background-color:#cdbf21; background-image:url(../images/tit.png);
background-repeat: no-repeat; background-position:right bottom; }
.yellow h2,.red h2 { padding-left:30px; }
.red { background-color:#ec6d82; background-image:url(../images/tit.png);
background-repeat: no-repeat; background-position:right bottom; }
.personal { background-color:#cb90bc; background-image:url(../images/tit.png);
background-repeat: no-repeat; background-position:right bottom; }
.personal h2 { padding-left:30px; }
.psychology { background-color:#7978a2; background-image:url(../images/tit.png);
background-repeat: no-repeat; background-position:right bottom; }
.psychology h2 { padding-left:30px; }
.lecture { background-color:#b9ad25; background-image:url(../images/tb02.png);
background-repeat: no-repeat; background-position:right bottom; }
.lecturer { background-color:#cb637c; background-image:url(../images/tb03.png);
background-repeat: no-repeat; background-position:right bottom; }


.listbox {padding-top:20px;}
.listbox li {margin-bottom:40px;}
.listbox li h3 {font-size:18px;color:#555;}
.listbox li h2 {background:url(../images/bg06.gif) no-repeat left bottom; padding-left:50px;height:65px;font-size:25px;font-weight:normal;color:#555;margin-bottom:25px;}
.listbox li div {padding-bottom:28px; overflow:hidden;}
.listbox li div p {font-size:14px;line-height:24px;}
.listbox li h4 { border-top:1px #555 dotted; text-align:right;font-weight:normal;padding:12px 0;}
.listbox li h4 span {padding-left:10px;vertical-align:middle;}
.listbox li h4 span a {display:inline-block;vertical-align:middle;width:69px;height:20px;padding:0 5px;}


.listbox2 {padding-top:30px;}
.listbox2 ul{ clear:both; padding-bottom:50px;}
.listbox2 li {margin-bottom:20px; overflow:hidden;}
.listbox2 li h2 {background:url(../images/bg06.gif) no-repeat left bottom; padding-left:50px;height:65px;font-size:25px;font-weight:normal;color:#555;margin-bottom:10px; clear:both;}
.listbox2 li .date{ padding:0; line-height:150%; width:15%; font-size:18px; font-weight:bold;}
.listbox2 li .cat{ text-align:right; line-height:150%;}



/* form */
.cf01{padding:10px; background-color:#FFFDE6; width:95%; border:#999 solid 1px;}
.cf02{padding:10px; background-color:#FFFDE6; width:10%; border:#999 solid 1px;}
.cf03{padding:10px; background-color:#FFFDE6; width:50%; border:#999 solid 1px;}
.wpcf7-form-control-wrap check{
	margin:0;
}
span.wpcf7-list-item {
display: block;
}

/* sns */
.twitter-share-button {margin:3px 0 0 10px; float:right;}
.fb-like { margin:0; padding:0; float:right; line-height:normal; vertical-align:middle;}

/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:200;
}
.pagetop a {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 35px;
	text-decoration: none;
	line-height: 70px;
}
.pagetop a:visited {
	color: #ffffff;
}

/* editer */
.mtop{ padding-top:10px;}
.mbottom{ padding-bottom:10px;}
.mright{ padding-right:10px;}
.mleft{ padding-left:10px;}

.listbox li div img{
	max-width:913px;
	height:auto;
}

.aligncenter {
    display: block;
    margin: 0 auto;
	text-align:center;
}
.alignright { float: right; }
.alignleft { float: left; }

.listbox li div ol{
	padding:0;
	margin:0 0 0 40px;
	clear:both;
}
.listbox li div ol li{
	list-style-type: decimal;
	list-style-position:outside;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 175%;
}
.listbox li div ul{
	padding:0;
	margin:0 0 0 40px;
	clear:both;
}
.listbox li div ul li{
	list-style:disc;
	list-style-position:outside;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 175%;
}
/* pagenavi */
.tablenav {
	color: #2583ad;
	background:white;
	margin: 0px auto;
	line-height:2em;
	text-align:center;	
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 5px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:16px;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
/* 201604 */
.lecturerlist .kcom{float:left;}
.lecturerlist .imgbox1 {float:left;width:180px;height:180px;-moz-border-radius:180px;-webkit-border-radius:180px;border-radius:180px;margin-right:20px;}
.lecturerlist .imgbox1 img{ width:100%; height:auto;}
.lecturerlist .imgbox2{ width:230px; padding:5px 0; clear:both; }
.lecturerlist .imgbox2 img{ width:100%; clear:both; }

/* 202004 */
.top_bace{clear: both; overflow: hidden; background-image:url("../images/topbace.png"); background-repeat: no-repeat; background-position: top center;}
.top_bace .wrapper{
	max-width: 1000px;
	margin: 0 auto;
	min-height: 600px;
}

.fmin {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_bace h1 {text-align: center; padding: 100px 0; width: 293px; margin: 0 auto; }
.top_bace h2 { font-size: 2.0em; text-align: center; color: #000000; padding: 20px 0; }
.top_bace .wrapper ul.jigyo{
	width: 100%;
	max-width: 1000px;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.top_bace .wrapper ul.jigyo li{
	list-style:none;
	margin: 0;
	padding: 0;
	width: 25%;
	box-sizing: border-box;
}
.top_bace .wrapper ul.jigyo li img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.top_bace .wrapper .txtbox01{clear: both; overflow: hidden; width:95%; margin: 20px auto; text-align: center; }
.top_bace .wrapper .txtbox01 p{ font-size: 1.2em; line-height: 250%;}

.newsbox2 { clear:both; overflow:hidden; border-top:2px solid #888888; margin-bottom: 20px;}
.newsbox2 li{ clear:both; overflow:hidden; border-bottom:2px solid #888888; margin:0px; padding:0 10px; } 
.newsbox2 li .date{ text-align: center; font-weght:bold; float:left; width: 14%; margin: 15px 0; padding: 10px 0; color:#54548e; font-weight: bold;}
.newsbox2 li .category{ text-align: center; font-weght:bold; float:left; width: 12%; margin: 15px 0;}
.newsbox2 li .cat1{background-color:#6aa56d; color: #ffffff; padding: 10px 0; }
.newsbox2 li .cat2{background-color:#7978a2; color: #ffffff; padding: 10px 0; }
.newsbox2 li .cat3{background-color:#ec6d82; color: #ffffff; padding: 10px 0; }
.newsbox2 li .cat4{background-color:#cdbf21; color: #ffffff; padding: 10px 0; }
.newsbox2 li .cat5{background-color:#cb90bc; color: #ffffff; padding: 10px 0; }
.newsbox2 li .cat6{background-color:#6699cc; color: #ffffff; padding: 10px 0; }
.newsbox2 li .cat7{background-color:#e29866; color: #ffffff; padding: 10px 0; }

.newsbox2 li .title{ font-weght:bold; float:right; width: 74%; margin: 15px 0;padding: 10px 0;}
.newsbox2 li .title a{text-decoration:none;}
.more {clear:both; width:25%; margin:10px auto 30px auto; border: 1px solid #888888;}
.more a{ text-decoration:none; font-weight:bold; font-size: 1.5em; padding:0.4em 0 0.3em 0; text-align:center; color:#888888; display:block; }

.footer{clear:both; overflow:hidden; margin-top: 20px; width:100%; box-sizing: border-box;}
.footer iframe { vertical-align: bottom; width:100%; box-sizing: border-box;}
.footer .ft_menu{ background-color:#efcbe8; padding:0 0 20px 0; text-align: center; color: #935f89; width:100%; box-sizing: border-box;}
.footer .ft_menu p{ line-height: 180%; color: #935f89;}
.footer .ft_menu .add{ font-weight: bold; padding: 20px 0; width:100%; box-sizing: border-box;}
.footer .ft_menu a{ text-decoration:none; color: #935f89;}
.footer .ft_copy{ background-color:#cb90bc; padding: 15px 0; text-align: center; color: #ffffff; width:100%; box-sizing: border-box;}


/* 20210916追加 */
ul.information{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin:50px 0 80px 0;
	column-gap: 15px;
}
ul.information li{
	list-style: none;
	display: flex;
	align-items: center;
	width: 32%;
	margin: 0;
	padding: 0;
	border: 3px solid #ccc;
	background: #fff;
	border-radius: 20px;
	font-size: 1.2em;
	line-height: 150%;
	font-weight: bold;
	box-sizing: border-box;
}
ul.information li a{
	padding: 30px 10px 30px 115px;
	display: block;
}
.ig{
	background-image:url("../images/insta.png");
	background-repeat: no-repeat;
	background-position:20px 50%;
}
.fb{
	background-image:url("../images/fb.png");
	background-repeat: no-repeat;
	background-position:20px 50%;
}


/* 20211001 */
.shindan {
padding: 15px 25px;	
}
.shindan ul{
	margin: 0 0 10px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.shindan ul li{
	list-style: none;
	margin: 0 0;

}
.shindan .sdflow1{
	width: 24%;
	border: 2px solid #ccc;
	border-radius: 10px;
	padding:10px 3%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	background: #fdffef;
	font-size: 1.2em;
	color: #ce6a84;
	line-height: 180%;
}
.shindan .sdflow2{
	flex: 1;
	justify-content: center;
	display: flex;
	align-items: center;
	font-size: 1.4em;
	color: #999;
}
.shindan .sdflow3{
	border: 2px solid #ccc;
	padding:10px 3%;
	border-radius: 10px;
	margin-bottom: 15px;
	background: #fdffef;
	line-height: 180%;
	font-size: 1.2em;
}


.shindan p{
	line-height: 180%;
}
.shindan h3{
	margin: 0;
	padding: 25px 0 10px 0;
}

/* 20250520 */
ul.top_news{
	width: 100%;
	margin: 0;
	border-top: 3px dotted #ccc;
	padding: 0;
	box-sizing: border-box;
}
ul.top_news li{
	list-style: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	border-bottom: 3px dotted #ccc;
	padding: 15px;
	box-sizing: border-box;
	column-gap: 15px;
}
.thumbbox{
	width: 120px;
	height: 90px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
}
.thumbbox img{
	width: 100%;
	height: auto;
}
.news_info{
	flex:1;
	align-items: flex-start;
	font-size: 1.2em;
}
.archives{
	width: 200px;
	margin: 30px auto;
	text-align: center;
	box-sizing: border-box;
}
.archives a{
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	color: #fff;
	background-color: #cb90bc;
	transition: 0.5s;
	line-height: 60px;
	border-radius: 15px;
}
.archives a:hover{
	text-decoration: none;
	transition: 0.5s;
	opacity: 0.3;
}

.re_header{
	width: 100%;
	height: 100px;
	background-color: #fff;
	padding:0;
	position: fixed;
	top: 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}
.re_header h1{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.re_header h1 img{
	width:100%;
	height: auto;
	vertical-align: bottom;
}
.re_page{
	margin: 100px 0 0 0;
	width: 100%;
	box-sizing: border-box;
}
.re_page h2{
	background-color: #cb90bc;
	color: #fff;
	text-align: center;
	margin: 0 0 50px 0;
	padding: 30px 0;
	line-height: 100%;
	box-sizing: border-box;
	font-size: 2.0em;
}
.archivelist{
	width:90%;
	max-width: 1100px;
	margin: 0 auto;
}
.re_post{
	width:90%;
	max-width: 1100px;
	min-height: 300px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	box-sizing: border-box;
	border-bottom: 3px dotted #ccc;
	font-size: 1.2em;
}
.re_post h3{
	margin: 0 0 20px 0;
	padding: 10px 0;
	font-size: 1.4em;
	line-height: 120%;
	border-bottom: 3px dotted #ccc;
}


/* メニューボタン */
.hamburger-menu{
	display: block;
}

.menu-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 200;
    background:rgba(15,15,15,0.8);
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
/* メニュー展開 */
.open_menu{
	width: 85%;
	max-width: 800px;
	margin: 110px auto 0 auto;
    padding: 0 0 15px 0;
	box-sizing: border-box;
	z-index: 100;
}
.menu-content ul {
	padding: 0;
	box-sizing: border-box;
	border-top: 3px dotted #ccc;
}
.menu-content ul li{
	width: 100%;
	margin: 0;
	padding: 0;
    list-style: none;
	border-bottom: 3px dotted #ccc;
	box-sizing: border-box;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 1.0em;
    box-sizing: border-box;
    color:#333;
    text-decoration: none;
    padding: 10px 35px 10px 10px;
    position: relative;
	background-image: url("../images/ar_right.png");
	background-repeat: no-repeat;
	background-position: right 10px;
	background-position: calc(100% - 10px) center;
	transition: 0.5s;
}
.menu-content ul li a:hover{
	opacity: 0.3;
	transition: 0.5s;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 150;
    background:rgba(255,255,255,0.9);
    transition: all 0.5s;/*アニメーション設定*/
	backdrop-filter: blur(8px);
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

/* pagenation */
.pagination{
	width: 90%;
	max-width: 1100px;
	margin:40px auto 0 auto;
}
.nav-links{
   display:flex;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:10px;
   padding:8px 13px;
   color:#333;
   border-radius:5px;
   background:#fff;
	border: 1px solid #ccc;
}
.pagination .current{
   padding:8px 13px;
   background:#ccc;
   color:#fff;
	border: 1px solid #ccc;
}
.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#333;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}
.pagination a{
	text-decoration: none;
}

.pc{display:block;}
.sp{display:none;}