@charset "utf-8";@import url(https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/css/lightbox.css);body,html{width:100%;height:100%}body{margin:0;padding:0;color:#67574a;font-family:"ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:15px;line-height:2.2;background:#e3dfd7;-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin:0;padding:0;font-size:100%}ul{list-style-type:none}ol{padding-left:40px;padding-bottom:15px}img{border:none;max-width:100%;height:auto;vertical-align:middle}table{border-collapse:collapse;font-size:100%;border-spacing:0}iframe{width:100%}a{color:#67574a;transition:.4s}a:hover{color:#6983a9;text-decoration:none}header{width:100%;height:110%;overflow:hidden;position:relative;background:#e3dfd7 url(https://6601.natsume.college/images/xbg.jpg.pagespeed.ic.L-vKI_N2Br.jpg) no-repeat center center;background: #e3dfd7 url(../images/bg.jpg) no-repeat center center / cover}header h1{position:absolute;top:0;width:100%;text-align:center;background:#99918b;background:rgba(0,0,0,.5);color:#fff;font-weight:normal;letter-spacing:.2em;font-size:12px;z-index:10}.inner{overflow:hidden;max-width:1400px;padding:50px 10%}.bg1{background:#d4cec8}.bg2{background:#000 url(https://6601.natsume.college/images/bg2.jpg.pagespeed.ce.6sTEs1m7Hu.jpg) no-repeat center center;background: #000 url(../images/bg2.jpg) no-repeat center center / cover;color:#fff!important}.bg2 a{color:#fff!important}.contents h2{clear:both;margin-bottom:30px;font-size:40px;text-align:center;letter-spacing:.2em;line-height:1.5}.contents h2 span{display:block;font-size:12px}.contents h3{clear:both;margin-bottom:20px;font-size:20px;background:url(https://6601.natsume.college/images/line1.png) no-repeat center bottom;background: url(../images/line1.png) no-repeat center bottom / 100% 2px;padding:0 10px}.contents p{padding:0 10px 30px}.contents p+p{margin-top:-10px}.contents section+section{margin-top:50px}.list{width:33%;float:left;background:#000}.list a img{opacity:.5}.list a:hover img{opacity:1}footer{clear:both;text-align:center;background:#222;color:#fff;padding:10px 0}footer a{text-decoration:none;color:#fff}footer .pr{display:block;font-size:12px}#new dl{padding:0 10px}#new dt{float:left;width:9em;letter-spacing:.1em}#new dd{padding-left:9em}.ta1{width:100%;margin:0 auto 30px}.ta1,.ta1 td,.ta1 th{border:1px solid #67574a;padding:10px 15px;word-break:break-all}.ta1 caption{border:1px solid #67574a;border-bottom:none;padding:10px 15px;background:rgba(255,255,255,.3);text-align:left}.ta1 th{width:140px;text-align:center}.scroll-show{display:block}.scroll a{display:block;text-decoration:none;text-align:center;width:50px;line-height:50px;position:fixed;right:30px;bottom:30px;color:#fff;background:rgba(0,0,0,.4);border:1px solid #fff}.scroll a:hover{background:rgba(0,0,0,.8)}.newicon{background:red;color:#fff;font-size:70%;line-height:1.5;padding:2px 5px;border-radius:2px;margin:0 5px;vertical-align:text-top}.look{background:#c3b5a2;background:rgba(0,0,0,.1);padding:5px 10px;border-radius:4px}.mb15,.mb1em{margin-bottom:15px!important}.mb30{margin-bottom:30px!important}.mb50{margin-bottom:50px!important}.clear{clear:both}ul.disc{padding:0 25px 15px;list-style:disc}.color1,.color1 a{color:#b52654!important}.pr{font-size:10px}.wl{width:96%}.ws{width:50%}.c{text-align:center}.r{text-align:right}.l{text-align:left}.fl{float:left}.fr{float:right}.big1{font-size:40px}.mini1{font-size:11px;display:inline-block;line-height:1.5}.sh{display:none}@media screen and (max-width:800px){.inner{padding:50px 3%}body.s-n #sub,body.s-n #footermenu,.m-n{display:none}.big1{font-size:20px}.fl{float:none}.fr{float:none}.sh{display:block}.pc{display:none}}@media screen and (max-width:480px){body{font-size:12px;line-height:1.5}.inner{padding:30px 3%}.contents h2{margin-bottom:20px;font-size:24px;letter-spacing:normal}.contents h3{margin-bottom:10px;font-size:16px;padding-bottom:5px}.contents p{padding:0 10px 20px}.contents section+section{margin-top:20px}.ta1,.ta1 td,.ta1 th{padding:5px}.ta1 th{width:100px}.ws,.wl{width:94%}.big1{font-size:16px}}@charset "utf-8";#menubar-s{display:none}#menubar_hdr{display:none}#menubar li{width:25%;max-width:500px;animation-duration:1.5s;animation-fill-mode:both;animation-timing-function:ease-in-out;border:10px solid #fff;box-shadow:2px 2px 5px rgba(0,0,0,.3);position:absolute;background:#000;text-align:center;transition:.2s}#menubar li:hover{width:26%}#menubar a span{position:absolute;bottom:0;left:0;width:100%;font-size:10px;color:#fff;background:#000;background:rgba(0,0,0,.6)}#menubar a span::first-line{font-size:20px}#menubar li a{animation-name:photo;animation-delay:5.5s;animation-duration:1s;animation-fill-mode:both}@keyframes photo {
/*0コマ目*/
0% {
	opacity: 0.6;	/*60%写真に色がついた状態。ここでの背景色は上の「#menubar li」の「background: #000;」の黒となるので暗くなります。*/
}
/*100コマ目*/
100% {
	opacity: 1;		/*100%色がでた状態*/
}
}#menubar a span{animation-name:menu-title;animation-delay:6.5s;animation-duration:.5s;animation-fill-mode:both}@keyframes menu-title {
/*0コマ目*/
0% {
	opacity: 0;	/*0%色がついた状態。つまり全く見えない状態の事。*/
}
/*100コマ目*/
100% {
	opacity: 1;	/*100%色がでた状態*/
}
}#menu1{animation-name:menu1;animation-delay:2s;z-index:5}@keyframes menu1 {
/*0コマ目*/
0% {
	transform: rotate(130deg);	/*回転の角度*/
	left: 20%;	/*ウィンドウの左からの配置指定*/
	top: 23%;	/*ウィンドウの上からの配置指定*/
}
/*70コマ目*/
70% {
	transform: rotate(-30deg);	/*回転の角度*/
	left: 0%;	/*ウィンドウの左からの配置指定*/
	top: 3%;	/*ウィンドウの上からの配置指定*/
}
/*100コマ目*/
100% {
	transform: rotate(-20deg);	/*回転の角度*/
	left: 1%;	/*ウィンドウの左からの配置指定*/
	top: 4%;	/*ウィンドウの上からの配置指定*/
}
}#menu2{animation-name:menu2;animation-delay:2.4s;z-index:4}@keyframes menu2 {
/*0コマ目*/
0% {
	transform: rotate(170deg);	/*回転の角度*/
	left: 42%;	/*ウィンドウの左からの配置指定*/
	top: 24%;	/*ウィンドウの上からの配置指定*/
}
/*70コマ目*/
70% {
	transform: rotate(-20deg);	/*回転の角度*/
	left: 37%;	/*ウィンドウの左からの配置指定*/
	top: -3%;	/*ウィンドウの上からの配置指定*/
}
/*100コマ目*/
100% {
	transform: rotate(-10deg);	/*回転の角度*/
	left: 37%;	/*ウィンドウの左からの配置指定*/
	top: -2%;	/*ウィンドウの上からの配置指定*/
}
}#menu3{animation-name:menu3;animation-delay:2.8s;z-index:3}@keyframes menu3 {
/*0コマ目*/
0% {
	transform: rotate(-140deg);	/*回転の角度*/
	right: 18%;	/*ウィンドウの右からの配置指定*/
	top: 28%;	/*ウィンドウの上からの配置指定*/
}
/*70コマ目*/
70% {
	transform: rotate(30deg);	/*回転の角度*/
	right: 0%;	/*ウィンドウの右からの配置指定*/
	top: 6%;	/*ウィンドウの上からの配置指定*/
}
/*100コマ目*/
100% {
	transform: rotate(20deg);	/*回転の角度*/
	right: 1%;	/*ウィンドウの右からの配置指定*/
	top: 7%;	/*ウィンドウの上からの配置指定*/
}
}#menu4{animation-name:menu4;animation-delay:3.2s;z-index:2}@keyframes menu4 {
/*0コマ目*/
0% {
	transform: rotate(160deg);	/*回転の角度*/
	left: 25%;		/*ウィンドウの左からの配置指定*/
	bottom: 30%;	/*ウィンドウの下からの配置指定*/
}
/*70コマ目*/
70% {
	transform: rotate(10deg);	/*回転の角度*/
	left: 11%;		/*ウィンドウの左からの配置指定*/
	bottom: 11%;	/*ウィンドウの下からの配置指定*/
}
/*100コマ目*/
100% {
	transform: rotate(20deg);	/*回転の角度*/
	left: 10%;		/*ウィンドウの左からの配置指定*/
	bottom: 12%;	/*ウィンドウの下からの配置指定*/
}
}#menu5{animation-name:menu5;animation-delay:3.6s;z-index:1}@keyframes menu5 {
/*0コマ目*/
0% {
	transform: rotate(-150deg);	/*回転の角度*/
	right: 27%;		/*ウィンドウの右からの配置指定*/
	bottom: 22%;	/*ウィンドウの下からの配置指定*/
}
/*70コマ目*/
70% {
	transform: rotate(-10deg);	/*回転の角度*/
	right: 9%;	/*ウィンドウの右からの配置指定*/
	bottom: 14%;	/*ウィンドウの下からの配置指定*/
}
/*100コマ目*/
100% {
	transform: rotate(-20deg);	/*回転の角度*/
	right: 10%;	/*ウィンドウの右からの配置指定*/
	bottom: 13%;	/*ウィンドウの下からの配置指定*/
}
}@media screen and (orientation:portrait){@keyframes menu1 {
/*0コマ目*/
0% {
	transform: rotate(160deg);
	left: 6%;
	top: 38%;
}
/*70コマ目*/
70% {
	transform: rotate(-30deg);
	left: 0%;
	top: 3%;
}
/*100コマ目*/
100% {
	transform: rotate(-20deg);
	left: 1%;
	top: 4%;
}
}@keyframes menu2 {
/*0コマ目*/
0% {
	transform: rotate(100deg);
	left: 35%;
	top: 36%;
}
/*70コマ目*/
70% {
	transform: rotate(-20deg);
	left: 37%;
	top: -3%;
}
/*100コマ目*/
100% {
	transform: rotate(-10deg);
	left: 37%;
	top: -2%;
}
}@keyframes menu3 {
/*0コマ目*/
0% {
	transform: rotate(-160deg);
	right: 10%;
	top: 40%;
}
/*70コマ目*/
70% {
	transform: rotate(30deg);
	right: 0%;
	top: 6%;
}
/*100コマ目*/
100% {
	transform: rotate(20deg);
	right: 1%;
	top: 7%;
}
}@keyframes menu4 {
/*0コマ目*/
0% {
	transform: rotate(160deg);
	left: 25%;
	bottom: 38%;
}
/*70コマ目*/
70% {
	transform: rotate(10deg);
	left: 11%;
	bottom: 11%;
}
/*100コマ目*/
100% {
	transform: rotate(20deg);
	left: 10%;
	bottom: 12%;
}
}@keyframes menu5 {
/*0コマ目*/
0% {
	transform: rotate(-120deg);
	right: 27%;
	bottom: 38%;
}
/*70コマ目*/
70% {
	transform: rotate(-10deg);
	right: 9%;
	bottom: 7%;
}
/*100コマ目*/
100% {
	transform: rotate(-20deg);
	right: 10%;
	bottom: 8%;
}
}}@media screen and (orientation:portrait) and (max-width:420px){#menubar li{width:35%;border:5px solid #fff}#menubar a span::first-line{font-size:14px}@keyframes menu2 {
/*0コマ目*/
0% {
	transform: rotate(100deg);
	left: 35%;
	top: 36%;
}
/*70コマ目*/
70% {
	transform: rotate(-20deg);
	left: 30%;
	top: 15%;
}
/*100コマ目*/
100% {
	transform: rotate(-10deg);
	left: 30%;
	top: 16%;
}
}@keyframes menu3 {
/*0コマ目*/
0% {
	transform: rotate(-160deg);
	right: 10%;
	top: 40%;
}
/*70コマ目*/
70% {
	transform: rotate(30deg);
	right: 0%;
	top: 0%;
}
/*100コマ目*/
100% {
	transform: rotate(20deg);
	right: 1%;
	top: 1%;
}
}@keyframes menu4 {
/*0コマ目*/
0% {
	transform: rotate(160deg);
	left: 25%;
	bottom: 38%;
}
/*70コマ目*/
70% {
	transform: rotate(10deg);
	left: 11%;
	bottom: 16%;
}
/*100コマ目*/
100% {
	transform: rotate(20deg);
	left: 10%;
	bottom: 17%;
}
}@keyframes menu5 {
/*0コマ目*/
0% {
	transform: rotate(-120deg);
	right: 27%;
	bottom: 38%;
}
/*70コマ目*/
70% {
	transform: rotate(-10deg);
	right: 10%;
	bottom: 10%;
}
/*100コマ目*/
100% {
	transform: rotate(-20deg);
	right: 9%;
	bottom: 11%;
}
}}@media screen and (orientation:landscape) and (max-height:420px){#menubar li{width:20%;border:5px solid #fff}}