@charset "UTF-8";
/* CSS Document */


/*　PC　*/
@media screen and (min-width:787px) { 
	
	/* トップページ */
	.top-main-title { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-size: 34px; margin-bottom: 70px; line-height: 1.5em;}

	ul.top-searvice { width: 1000px; margin: 0 auto;}
	ul.top-searvice li { width: 33.33% !important; float: left !important;}
	ul.top-searvice li img { width: 100%;}
	ul.top-searvice {}
	.contact-intro {}
	.top-intro { position: relative;}
	.inner-text { position: absolute; top: 35%; width: 100%;}
	.inner-text h2 { width: 1000px; margin: 0 auto; text-align: right;}
	.inner-text h2 img { height: 30%;}
	.under-page { padding: 80px 0;}
	
	/*  お問い合わせ */
	.thanks-subtitle { text-align: center; margin-bottom: 40px;}
.thanks-subtitle img { height: 154px; width: auto;}
	.thanks-text { width: 402px; margin: 0 auto; color: #000000; padding-bottom: 40px; font-size: 14px;}
	.contact-subtitle { text-align: center; margin-bottom: 40px;}
.contact-subtitle img { height: 23px;}
	
	/* 朝刊を紐解く */
	#cat-newspaper { width: 1000px; margin: 0 auto;}
	#cat-newspaper dl { float:left  !important; width: 320px !important; margin-right: 20px !important;  background: #32C7CC; color: #FFFFFF; text-align: center; padding: 20px 0;}
	#cat-newspaper dl:nth-child(3n) { margin-right: 0 !important;}
	#cat-newspaper dt { margin-bottom: 0.5em; font-size: 18px;}
	#cat-newspaper dd { font-size: 14px;}
	#cat-newspaper dl a { color: #FFFFFF;}
	#cat-newspaper dl:nth-child(2n) { background: #4FE1BE;}
	.search-box { text-align: center; padding: 50px 0;}
	.search-box input { border: solid 1px #4FE1BE; height: 30px; width: 350px; display: inline-block; vertical-align: middle;}
	.search-box button { background: url(../img/newspaper/icon_search.png) no-repeat #4FE1BE; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-newspaper .left-area { width: 180px; float: left; margin-top: 40px;}
	#cat-newspaper .left-area ul { margin-bottom: 20px;}
	#cat-newspaper .left-area ul li {}
	#cat-newspaper .left-area ul li a { display: block; background: #4FE1BE; color: #FFFFFF; padding: 15px 20px;}
	#cat-newspaper .left-area ul li a:hover { background: #32C7CC;}
	#cat-newspaper .left-area .search input { border: solid 1px #4FE1BE; height: 30px; display: inline-block; vertical-align: middle; width: 150px;}
	#cat-newspaper .left-area .search button { background: url(../img/newspaper/icon_search.png) no-repeat #4FE1BE; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-newspaper .right-area { float: right; width: 740px; color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; margin-top: 40px;}
	#cat-newspaper .right-area h3 { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: normal; line-height: 1.4em;}
	#cat-newspaper .right-area p { color: #526D7B; line-height: 2.2em; text-align: justify; font-size: 16px;}
	
	/* コラム */
	#cat-column { width: 1000px; margin: 0 auto;}
	#cat-column dl { float:left  !important; width: 320px !important; margin-right: 20px !important;  background: #32C7CC; color: #FFFFFF; text-align: center; padding: 20px 0;}
	#cat-column dl:nth-child(3n) { margin-right: 0 !important;}
	#cat-column dt { margin-bottom: 0.5em; font-size: 18px;}
	#cat-column dd { font-size: 14px;}
	#cat-column dl a { color: #FFFFFF;}
	#cat-column dl:nth-child(2n) { background: #4FE1BE;}
	.search-box { text-align: center; padding: 50px 0;}
	.search-box input { border: solid 1px #4FE1BE; height: 30px; width: 350px; display: inline-block; vertical-align: middle;}
	.search-box button { background: url(../img/newspaper/icon_search.png) no-repeat #4FE1BE; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-column .left-area { width: 180px; float: left; margin-top: 40px;}
	#cat-column .left-area ul { margin-bottom: 20px;}
	#cat-column .left-area ul li {}
	#cat-column .left-area ul li a { display: block; background: #32C7CC; color: #FFFFFF; padding: 15px 20px;}
	#cat-column .left-area ul li a:hover { background: #4FE1BE;}
	#cat-column .left-area .search input { border: solid 1px #32C7CC; height: 30px; display: inline-block; vertical-align: middle; width: 150px;}
	#cat-column .left-area .search button { background: url(../img/newspaper/icon_search.png) no-repeat #32C7CC; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-column .right-area { float: right; width: 740px; color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; margin-top: 40px;}
	#cat-column .right-area h3 { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: normal; line-height: 1.4em;}
	#cat-column .right-area p { color: #526D7B; line-height: 2.2em; text-align: justify; font-size: 16px;}
	
	
	.top-column { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; text-align: center; padding-top: 80px;}
	.top-column .title { font-size: 36px; margin-bottom: 0.8em;}
	.top-column .text { line-height: 2.4em; font-size: 18px;}
	
.regist-body { background-image: url(../img/regist/regist_bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 220px 0 120px; overflow: hidden; min-height: 100vh;}
.regist-body p { padding: 0 10% !important;}
.regist-body p.alert {
    padding: 20px 20% !important;
    max-width: 1380px;
    margin: 0 auto;
    text-align: left; }
.regist-content { width: 800px; margin: 0 auto; background-color: rgba(255,255,255,0.8);  padding: 50px;}
.regist-title { text-align: center; padding-bottom: 60px;}
.regist-title img { height: 37px; width: auto;}
.regist-subtitle { text-align: center; margin-bottom: 40px;}
.regist-subtitle img { height: 31px; width: auto;}
/*.regist-content input { border: #526D7B solid 1px !important;}*/
.regist-content .labels { color: #526D7B; font-weight: bold !important;}
.regist-content .labels span { color: #FF0000; font-size: 0.9em;}
.regist-content .lines { border-top: solid 1px #526D7B; padding-top: 20px; margin-top: 5px;}
	
	.to-top { text-align: center;}
	.to-top a { display: inline-block !important; background: #32C7CC !important; border: solid 1px #32C7CC !important; margin: 0 5px !important; float:none; color: #FFFFFF; padding: 13px 35px; font-size: 16px; font-weight: bold; border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ }

	
.regist-content .approval { background: #FFFFFF; border: /*#526D7B*/#ccc solid 1px !important; padding: 20px; font-size: 14px; line-height: 1.5em; color: #000000; height: 200px; overflow-y: scroll;}
.regist-content .line { border-bottom: #526D7B solid 1px !important; margin-bottom: 20px;}
.regist-content .mini { width: 100px !important; display: inline-block !important;}
.approval-check { text-align: center !important; padding: 30px 0; color: #526D7B;}
.approval-check input { display: inline-block !important; border: solid 1px #526D7B; margin-right: 10px;}
#approval { display: inline-block !important;}
.text-center { text-align: center !important; width: 100%;}
.text-center input[type="submit"] { display: inline-block !important; background: #32C7CC !important; border: solid 1px #32C7CC !important; margin: 0 5px !important; float:none; color: #FFFFFF; padding: 13px 35px; font-size: 16px; font-weight: bold; border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  }  

	.regist-content p.labels { height:3.5em;}
	.regist-confirm .lines { border-top: solid 1px #526D7B; padding-top: 50px; margin-top: 5px;}
	.login-content { width: 600px; margin: 0 auto; background-color: #32C7CC;  padding: 30px;}
	.login-content .labels { font-weight: bold; color: #FFFFFF; margin-bottom: 10px;}
	.login-content .form-area input { width: 100% !important; border: none;}
	.login-content .form-area { margin-bottom: 20px;}
	.login-content .text-center { text-align: center !important; width: 100%; margin-top: 30px;}
 .login-content .text-center input[type="submit"] { display: inline-block !important; background: #FFFFFF !important; border: solid 1px #32C7CC !important; margin: 0 auto !important; float:none; color: #32C7CC; padding: 10px 0; width: 150px;}
	
	.new-regist { text-align: center; margin-top: 40px;}
	.new-regist a { display: inline-block; background: #4FE1BE; color: #FFFFFF; padding: 10px 0; width: 220px;}
	.new-regist a:hover { background: #47D1AD;}
	.lost-password { text-align: center; padding: 20px 0 0;}
	.lost-password a { text-decoration: underline; color: #526D7B;}
	.lost-password a:hover { text-decoration: none;}
	.text-center input[type="submit"].back-btn { background: #ccc !important; border: solid 1px #ccc !important;}
	#back-btn { background: #ccc !important;}
	}

/*　SP　*/
@media screen and (max-width:786px) { 

.regist-body { background-image: url(../img/regist/regist_bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 80px 0; overflow: hidden; min-height: 100vh;}
.regist-body p { padding: 0 10% !important;}
.regist-body p.alert {padding: 20px 10%; text-align: left; }
.regist-content { width: 90%; margin: 0 auto; background-color: rgba(255,255,255,0.8);  padding: 50px 10px;}
.regist-title { text-align: center; padding-bottom: 40px;}
.regist-title img { height: 37px; width: auto;}
.regist-subtitle { text-align: center; margin-bottom: 40px;}
	.regist-content .lines-sp {border-bottom: solid 1px #526D7B; margin-bottom: 10px;}
.regist-subtitle img { height: 31px; width: auto;}
	.regist-content p.labels { margin-bottom: 15px;}
.regist-content input { border: #526D7B solid 1px !important;}
	.regist-content p.labels { height:3.5em;}
	.to-top { text-align: center;}
	.to-top a {  display: inline-block !important; background: #32C7CC !important; border: solid 1px #32C7CC !important; margin: 0 5px !important; float:none; color: #FFFFFF; padding: 10px 25px; font-size: 14px; font-weight: bold; border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  margin-bottom: 10px;}
.regist-content .labels { color: #526D7B; font-weight: bold !important;}
.regist-content .labels span { color: #FF0000; font-size: 0.9em;}
.regist-content td {}
.regist-content .approval { background: #FFFFFF; border: #526D7B solid 1px !important; padding: 20px; font-size: 14px; line-height: 1.5em; color: #000000; height: 200px; overflow-y: scroll;}
.regist-content .line { border-bottom: #526D7B solid 1px !important; margin-bottom: 20px;}
.regist-content .mini { width: 100px !important; display: inline-block !important;}
.approval-check { text-align: center !important; padding: 30px 0; color: #526D7B;}
.approval-check input { display: inline-block !important; border: solid 1px #526D7B; margin-right: 10px;}
#approval { display: inline-block !important;}
.text-center { text-align: center !important; width: 100%;}
.text-center input[type="submit"] { display: inline-block !important; background: #32C7CC !important; border: solid 1px #32C7CC !important; margin: 0 5px !important; float:none; color: #FFFFFF; padding: 10px 25px; font-size: 14px; font-weight: bold; border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  margin-bottom: 10px;}
	.text-center input[type="submit"].back-btn { background: #ccc !important; border: solid 1px #ccc !important;}
	#back-btn { background: #ccc !important;}
	.login-content { width: 90%; margin: 0 auto; background-color: #32C7CC;  padding: 30px;}
	.login-content .labels { font-weight: bold; color: #FFFFFF; margin-bottom: 10px;}
	.login-content .form-area input { width: 100% !important; border: none;}
	.login-content .form-area { margin-bottom: 20px;}
	.login-content .text-center { text-align: center !important; width: 100%; margin-top: 30px;}
 .login-content .text-center input[type="submit"] { display: inline-block !important; background: #FFFFFF !important; border: solid 1px #32C7CC !important; margin: 0 auto !important; float:none; color: #32C7CC; padding: 10px 0; width: 150px;}
	
	.new-regist { text-align: center; margin-top: 40px;}
	.new-regist a { display: inline-block; background: #4FE1BE; color: #FFFFFF; padding: 10px 0; width: 220px;}
	.new-regist a:hover { background: #47D1AD;}
	.lost-password { text-align: center; padding: 20px 0 0;}
	.lost-password a { text-decoration: underline; color: #526D7B;}
	.lost-password a:hover { text-decoration: none;}
	
	
	/* トップページ */
	.top-main-title { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-size: 18px; margin-bottom: 40px; line-height: 1.5em;}

	ul.top-searvice { width: 100%; margin: 0 auto;}
	ul.top-searvice li { width: 33.33% !important; float: left !important;}
	ul.top-searvice li img { width: 100%;}
	ul.top-searvice {}
	.contact-intro { padding: 0; margin: 0; height: auto; display: none;}
	.intro-area { padding: 0; margin: 0; height: auto;}
	.top-intro { position: relative; margin-top: 60px;}
	.inner-text { position: absolute; top: 25%;}
	.inner-text h2 { text-align: right; width: 85%; margin: 0 auto;}
	.inner-text h2 img { width: 60%;}
	.under-page {}
	
	/*  お問い合わせ */
	.thanks-subtitle { text-align: center; margin-bottom: 40px;}
.thanks-subtitle img { width: 90%}
	.thanks-text { width: 90%; margin: 0 auto; color: #000000; padding-bottom: 40px; font-size: 14px;}
	.contact-subtitle { text-align: center; margin-bottom: 40px;}
.contact-subtitle img { height: 23px;}
	
	/* 朝刊を紐解く */
	#cat-newspaper { width: 95%; margin: 0 auto;}
	#cat-newspaper dl { float:left  !important; width: 48% !important; margin-right: 4% !important;  background: #32C7CC; color: #FFFFFF; text-align: center; padding: 20px 0;}
	#cat-newspaper dl:nth-child(2n) { margin-right: 0 !important;}
	#cat-newspaper dt { margin-bottom: 0.5em; font-size: 16px;}
	#cat-newspaper dd { font-size: 14px;}
	#cat-newspaper dl a { color: #FFFFFF;}
	#cat-newspaper dl:nth-child(2n) { background: #4FE1BE;}
	.search-box { text-align: center; padding: 50px 0;}
	.search-box input { border: solid 1px #4FE1BE; height: 30px; width: 100px; display: inline-block; vertical-align: middle;}
	.search-box button { background: url(../img/newspaper/icon_search.png) no-repeat #4FE1BE; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-newspaper .left-area { margin-top: 40px;}
	#cat-newspaper .left-area ul { margin-bottom: 20px;}
	#cat-newspaper .left-area ul li {}
	#cat-newspaper .left-area ul li a { text-align: center; display: block; background: #4FE1BE; color: #FFFFFF; padding: 15px 20px;}
	#cat-newspaper .left-area ul li a:hover { background: #32C7CC;}
	#cat-newspaper .left-area .search { text-align: center;}
	#cat-newspaper .left-area .search input { border: solid 1px #4FE1BE; height: 30px; display: inline-block; vertical-align: middle; width: 150px;}
	#cat-newspaper .left-area .search button { background: url(../img/newspaper/icon_search.png) no-repeat #4FE1BE; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-newspaper .right-area { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; margin-top: 40px;}
	#cat-newspaper .right-area h3 { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: normal; line-height: 1.4em;}
	#cat-newspaper .right-area p { color: #526D7B; line-height: 2.2em; text-align: justify; font-size: 16px;}
	
	/* コラム */
	#cat-column { width: 95%; margin: 0 auto;}
	#cat-column dl { float:left  !important; width: 48% !important; margin-right: 4% !important;  background: #32C7CC; color: #FFFFFF; text-align: center; padding: 20px 0;}
	#cat-column dl:nth-child(2n) { margin-right: 0 !important;}
	#cat-column dt { margin-bottom: 0.5em; font-size: 18px;}
	#cat-column dd { font-size: 14px;}
	#cat-column dl a { color: #FFFFFF;}
	#cat-column dl:nth-child(2n) { background: #4FE1BE;}
	.search-box { text-align: center; padding: 50px 0;}
	.search-box input { border: solid 1px #4FE1BE; height: 30px; width: 100px; display: inline-block; vertical-align: middle;}
	.search-box button { background: url(../img/newspaper/icon_search.png) no-repeat #4FE1BE; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-column .left-area { margin-top: 40px;}
	#cat-column .left-area ul { margin-bottom: 20px;}
	#cat-column .left-area ul li {}
	#cat-column .left-area ul li a { display: block; background: #32C7CC; color: #FFFFFF; padding: 15px 20px; text-align: center;}
	#cat-column .left-area ul li a:hover { background: #4FE1BE;}
	#cat-column .left-area .search { text-align: center;}
	#cat-column .left-area .search input { border: solid 1px #32C7CC; height: 30px; display: inline-block; vertical-align: middle; width: 150px;}
	#cat-column .left-area .search button { background: url(../img/newspaper/icon_search.png) no-repeat #32C7CC; border: none; height: 30px; width: 30px; display: inline-block; vertical-align: middle; background-size: 80%; background-position: 25%; 25%;}
	#cat-column .right-area {color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; margin-top: 40px;}
	#cat-column .right-area h3 { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: normal; line-height: 1.4em;}
	#cat-column .right-area p { color: #526D7B; line-height: 2.2em; text-align: justify; font-size: 16px;}
	
	
	.top-column { color: #526D7B; font-family:'游明朝体', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; text-align: center; padding-top: 40px;}
	.top-column .title { font-size: 20px; margin-bottom: 0.8em; line-height: 1.5em;}
	.top-column .text { line-height: 2.4em; font-size: 14px;}
	
	
	}