

//main {background-color: #E2F0D9;border: 2px solid #D9D9D9;}
.container img{width: 100%;vertical-align: bottom;}
.container a{text-decoration: none;}
.container ul, .container li{margin: 0;padding: 0;list-style: none;}

.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

/* ----------------------
	共通ヘッダー
-------------------------*/
header .header-logo{text-align:center;margin: 0 auto;padding: 1% 0;}
header .header-logo img{width: 90%;max-width:600px;vertical-align: bottom;}
header .sub-menu{display: grid;grid-template-columns: repeat(3, 1fr);text-align: center;background: #A9D18E;border-top: 1px solid #009900;border-bottom: 1px solid #009900;font-size: 3.15px;}
header .sub-menu div{padding: 3% 0;}
header .sub-menu div:nth-child(2){border-left: 1px solid #009900;border-right: 1px solid #009900;}

/* ----------------------
	サイトTOP
-------------------------*/
article .title-banner{width: 95%;margin: 0 auto;}
article .common-text{margin: 0 auto;padding: 1% 0 3%;width: 90%;font-size: 15px;}
article .common-banner{width: 92%;margin: 0 auto;}
article img{width: 100%;vertical-align: bottom;}
article .top-link {margin: 0 auto;padding-top: 2%;text-align: center;width: 95%;}
article .top-link a{font-size: 14px;color: #0000FF;text-decoration: none;border-bottom: 1px solid #0000FF;padding-bottom: 1px;}
article .top-button{margin: 0 auto;width: 95%;}
article .archive-content{margin: 0 auto;padding: 5% 0;width: 90%;font-size: 15px;}

/* ----------------------
	講座
-------------------------*/
article .course .introduction{margin: 2% 5%;white-space: pre-wrap;font-size: 18px;line-height: 1.5;}
article .course .participate{margin: 2%;padding: 3%;white-space: pre-wrap;background: #E2F0D9;font-size: 15px;line-height: 1.8;}
article .course .caution{font-size: 16px;padding-top: 2%;text-align: center;color: #FF0000;font-weight: bold;}
article .course .caution-content{margin: 1% 2% 2%;font-size: 15px;border: 1px solid #ccc;border-radius: 4px;height: 200px;overflow-y: scroll;padding: 6px 12px;line-height: 1.5;}
article .course .check{height: 25px;width: 25px;margin-bottom: 10px;padding-bottom: 10px;accent-color: #96C78C;vertical-align: middle;}
article .course .chk-disabled{color: #afafaf;}
article .course .get-ticket{margin-bottom: 5%;}
article .course .course-full{margin-bottom: 2%;text-align: center;font-size: 26px;font-weight: bold;color: #ff0000;}
article .course .course-full-text{margin: 1% 2% 2%;font-size: 15px;padding: 6px 12px;line-height: 1.5;color: #ff0000;}

article .course .ticket-text{margin: 2% 5% 5%;font-size: 15px;line-height: 1.5;}
article .course .ticket-cancel{width: 75%;margin: 0 auto;margin-bottom: 10%;}
article .course .ticket-box{margin: 0 auto;margin-bottom: 10%;padding: 5%;background: #009900;}
article .course .ticket-box .guide{text-align: center;font-size: 28px;font-weight: bold;color: #ffffff;line-height: 1.3;margin-bottom: 5%;}
article .course .ticket-box .mobile-ticket{position: relative;}
article .course .ticket-box .ticket-tap{margin: 5% 0;font-size: 18px;color: #ffffff;line-height: 1.3;}
article .course .ticket-box .ticket-used{display: none;position: absolute;top: 0;left: 0;}
article .ticket-cancel{padding: 1% 5% 5%;font-size: 15px;}

article .archive .introduce{margin: 5% 5% 0;white-space: pre-wrap;font-size: 15px;line-height: 2;}
article .archive .schedule{margin-top: 3%;text-align: center;font-size: 26px;font-weight: bold;color: #ff0000;}
article .archive-sort{display: flex;justify-content: center;}

article .archive-detail .title{text-align: center;font-size: 16px;font-weight: bold;margin: 2% 0 1%;}
article .archive-detail .introduce{margin: 1% 5%;white-space: pre-wrap;font-size: 15px;line-height: 2;}

/* ----------------------
	クーポン
-------------------------*/
.coupon1-text{padding: 2% 6% 10%;font-size: 15px;line-height: 1.3;}
article .coupon-banner{width: 95%;margin: 0 auto;}
article .coupon-margin{margin-bottom: 8%;}
article .coupon-code{text-align: center;color: #ff0000;letter-spacing: 15px;}

/* ----------------------
	お知らせ
-------------------------*/
.notice {margin: 0 5px;}
.notice .title{width: 30%;margin: 5% 2% 2%;padding: 1.5%;text-align: center;font-size: 15px;color: #ffffff;background: #A9D18E;}
.notice .box{background: #fff;padding: 10px 5px;margin: 5px 0 10px;border: solid #EFEFF0;border-width: 0px 2px 2px 2px;box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.5);}
.notice .box .date{padding-left: 1%;font-size: 3.15px;margin-bottom: 2%;}
.notice .box .lecture{display: -webkit-box;display: flex;}
.notice .box .lecture .lecturer{width: 30%;}
.notice .box .lecture .lecture-detail{width: 66%;margin-left: 4%;}
.notice .box .lecture .lecture-detail .text{font-size: 15px;line-height: 1.2;}
.notice .box .entry{padding: 5% 0;}
.notice .box .entry .button{width: 95%;margin: 0 auto;padding: 3% 0;text-align: center;background: #09A940;border: none;border-radius: 10px;}
.notice .box .entry .button a{text-decoration: none;font-size: 15px;color: #ffffff;}
.notice .box .archive{text-decoration: none;font-size: 15px;color: #ff0000;}
.notice .box .usual{font-size: 15px;}
.notice .box .usual a{text-decoration: none;font-size: 15px;color: #000000;}

.entry-box {background: #fff;padding: 10px 5px;margin: 5px 0 10px;border: solid #EFEFF0;border-width: 0px 2px 2px 2px;box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.5);}
.entry-box .lecture {text-align: center;}
.entry-box .lecture .date {padding-bottom: 4%;font-size: 14px;}
.entry-box .lecture .lecturer {width: 30%;margin: 0 auto;}
.entry-box .lecture .explain {padding: 4% 0;font-size: 15px;font-weight: bold;}
.entry-box .lecture .access {font-size: 15px;}
.entry-box .entry{padding: 5% 0;}
.entry-box .entry .button{width: 95%;margin: 0 auto;padding: 3% 0;text-align: center;background: #09A940;border: none;border-radius: 10px;}
.entry-box .entry .button a{text-decoration: none;font-size: 15px;color: #ffffff;}
.entry-box .archive{text-decoration: none;font-size: 15px;color: #ff0000;}
.entry-box .usual{font-size: 15px;}
.entry-box .usual a{text-decoration: none;font-size: 15px;color: #000000;}

/* ------------------------------
	今日の朝カルクイズ
---------------------------------*/
//.title img{width: 100%;vertical-align: bottom;}
.daily_quiz {background: #fff;}
.daily_quiz .header{margin: 0 auto;width: 95%;}
.daily_quiz .title-answer{padding: 2% 0;background: #0EA537;text-align: center;font-size: 15px;color: #fff;}
.daily_quiz .question_top{padding: 1% 5%;font-size: 15px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 2;}
.daily_quiz .question{padding: 0 5% 5%;font-size: 15px;line-height: 2;}
.daily_quiz .question2{padding: 5% 5%;font-size: 15px;line-height: 2;}

/* クイズ解答 */
.daily_quiz_answer_item {display:block;margin:0 auto;width:90%;border:1px solid #000;padding:3% 5%;background-color:#ffffff;border-radius: 10px;color:#000000;font-size: 15px;/*font-weight:bold*/;margin-bottom:6%;text-align:center;}

/* クイズ結果 */
.quiz-result {margin-bottom: 8%;padding-top: 5px;background: #E2F0D9;text-align: center;}
.quiz-result .quiz-answer img {width: 65%;vertical-align: bottom;}
.quiz-result .lottery-box {width: 90%;margin: 10px auto 5%;text-align: center;padding: 10px 0;background: #fff;font-size: 15px;border: 2px solid #A9D18E;}
.quiz-result .lottery-box .challenge {width: 70%;margin: 4% auto 0;;padding: 1% 0;}
//.quiz-result .lottery-box .challenge a {display: block;text-decoration: none;}
.daily_quiz_contents .daily_quiz_correct_answer {font-weight:bold; font-size:14px; text-align:center;}
.daily_quiz_contents .daily_quiz_answer_block {display: grid;place-items: center;background: #E2F0D9;font-size: 15px;grid-gap: 6vw 0;padding: 5%;}
.daily_quiz_contents .daily_quiz_answer_block div {position: relative;width: 90%;padding: 2vw 15px;background: #fff;border: solid 1px #000;border-radius: 5px;text-align: center;/*font-weight: bold;*/}
.daily_quiz_contents .daily_quiz_answer_block span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.daily_quiz_contents .daily_quiz_answer_block span img{width: 75%;}

/* ----------------------
	footer
-------------------------*/
footer .submenu{padding-bottom: 5%;text-align: center;font-size: 14px;}
footer .submenu div{padding-bottom: 1%;}
footer .submenu a{text-decoration: none;color: #009900;}
/*
footer .retop a{text-align:center;font-size: 13px;color: #3c3c3c;padding: 5px 20px 20px 20px;font-weight: bold;height: 75px;font-size: 10px}
footer .reload a{padding-left:0;padding-top:5px;height:75px;font-size:10px}
footer .submenu{background: #fff;border-top: 0;margin: 0;padding: 0;margin-bottom: 1%}
footer .submenu:after{content: "";display: block;clear: both}
footer .submenu li{float: left;width: 45%;padding-right: 10px;border-bottom: 1px solid #dcdcdc}
footer .submenu li:nth-child(odd){margin-right: 2%}
footer .submenu li:nth-child(even){margin-left: 2%}
footer .submenu li a{color: #3c3c3c;padding: 11px 16px;height: 66px;background: url(https://sugotoku3.imgs.jp/asacul/image/arrow.png) no-repeat right; background-size:16px;display: table-cell;vertical-align: middle;width: inherit;text-decoration: none;}
footer .submenu .full{width:100%;}
*/

footer .copyright{background: #282828;padding-bottom: 0;}
footer .copyright p{text-align: center;color: #fff;margin: 0;padding: 15px 0px;font-family: Arial,Helvetica,sans-serif;font-size:13px}
