@charset "UTF-8";

/* reset
--------------------------------------------------------------------- */
html,body {
height: 100%;
font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
-webkit-text-size-adjust: 100%;
}
* {
margin: 0;
padding: 0;
}
ol li,
ul li {
list-style: none;
}
#base_wrapper {
width: 100%;
overflow: inherit;
height: 100%;
min-width: 320px;
}
#base_wrapper * {
box-sizing: border-box;
}
#base_wrapper img {
width: 100%;
height: auto;
}
/* header
--------------------------------------------------------------------- */
header#base_header {
position: relative;
display: block;
background: #fff;
border-top: 5px solid #1919a9;
border-bottom: 1px solid #eee;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
padding: 0!important;
z-index: 100;
}
.base_header_in {
position: relative;
max-width: 950px;
margin: 0 auto;
padding: 10px 10px 0 10px;
min-height: 70px;
}
.base_header_in .logo {
max-width: 272px;
padding-bottom: 10px;
}
#base_gnav {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#base_gnav > * {
text-align: center;
vertical-align: middle;
line-height: 1.2;
}
#base_gnav > *:last-child {
font-size: 90%;
line-height: 1;
}
#base_gnav > * a {
display: table;
width: 100%;
height: 40px;
color: #666;
text-decoration: none;
border-bottom: 3px solid transparent;
}
#base_gnav > * a:hover {
text-decoration: none!important;
border-bottom: 3px solid #ddd;
}
#base_gnav > * a > * {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#base_gnav > * a > * span {
display: inline-block;
}
#base_menu_btn {
display: none;
}
#base_menu {
position: absolute;
top: -100%;
left: 0;
display: none;
z-index: 10;
}
#base_menu.active {
display: block;
width: 100%;
top: 70px;
background: #fff;
box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
}
.base_menu_bg {
content: "";
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 99;
cursor: pointer;
}
.base_menu_bg.active {
display: block;
}
#base_menu.active a {
display: block;
padding: 10px;
border-bottom: 1px solid #ddd;
text-decoration: none;
color: #111184;
}
.base_menu_close {
text-align: center;
padding: 20px;
}
.base_menu_close > *.close_btn {
display: inline-block;
cursor: pointer;
position: relative;
padding: 0 0 0 20px;
color: #111184;
}
.base_menu_close > *.close_btn:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_cross.png) no-repeat center center #111184;
background-size: contain;
}
	@media screen and (max-width: 780px) {
	header#base_header {
	font-size: 120%;
	}
	#base_gnav {
	display: none;
	}
	#base_menu_btn {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 40px;
	height: 40px;
	background: url(../images/icon_menu.png) no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
	margin-top: -20px;
	cursor: pointer;
	}
	.base_header_in {
	width: 100%;
	}
	}
	@media screen and (max-width: 420px) {
	.base_header_in {
	min-height: 44px;
	}
	#base_menu.active {
	top: 45px;
	}
	.base_menu_close {
	padding: 10px;
	}
	.base_header_in .logo {
	max-width: 136px;
	padding-bottom: 5px;
	}
	}
/* footer
--------------------------------------------------------------------- */
footer#base_footer {
background: #ebebf9;
width: 100%;
overflow: hidden;
font-size: 12px;
}
footer#base_footer a {
text-decoration: none;
}
footer#base_footer a:hover {
text-decoration: underline;
}
#foot {
display: block;
width: 100%;
position: static !important;
text-shadow:none !important;
overflow: hidden;
margin-top: 0!important;
}
#foot ul,
#foot ol,
#foot dl,
#foot dt,
#foot dd { 
margin:0;
padding:0;
text-decoration:none !important;
line-height: 1.5 !important;
}
#foot ul li {
padding: 0 9px;
display: inline-block;
*display: inline;
}
#foot p {
margin:0 !important;
padding: 0 !important;
}
#foot .footTop {
background: #ebebf9;
color: #333;
}
#foot .footTop a {
color: #333;
}
#foot .footTop .footTopInner {
max-width: 950px;
margin: 0 auto;
text-align: center;
padding: 40px 10px;
position: relative;
}
#foot ul.linkTop li {
padding: 7px 6px;
}
#foot ul.linkTop.bold{
font-weight:bold;
}
.footTopInner dl:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.footTopInner dl {
min-height: 1px;
}
* html .footTopInner dl {
height: 1px; /*＼*//*/ height: auto; overflow: hidden; /**/
}
#foot .footTop .footTopInner dl {
text-align: center;
text-align: left;
}
#foot .footTop .footTopInner dl dt,
#foot .footTop .footTopInner dl dd {
float: left;
line-height: 2;
}
#foot .footTop .footTopInner dl dt {
margin-right: 10px;
font-weight:bold;
}
#foot .footTop .footTopInner dl dd li {
padding: 0px 6px;
}
#foot .footTop .footTopInner dl.bdrTop {
border-top: 1px solid #8e8eb6;
padding-top: 40px;
margin-top: 35px;
margin-bottom: 15px;
}
#foot .footBtm {
background: #343474;
padding: 20px 0px !important;
text-align: center;
color: #fff;
margin:0 !important;
}
#foot .footBtm a {
color: #fff;
}
#foot .footBtm #copy {
padding-top: 20px;
font-size:10px;
}
#foot .footBtmInner{
width:970px;
margin:0 auto;
}
#foot ul.linkTop li {
padding: 7px 6px !important;
line-height: 1.3 !important;
}
#foot ul.linkTop {
clear: both;
}
#foot .footTop .footTopInner dl.bdrTop {
clear: both;
padding-top: 40px !important;
margin-top: 35px !important;
margin-bottom: 15px !important;
}
#foot .footTop .footTopInner dl dd li {
padding: 0px 6px;
}
#foot .footBtm p#copy {
color: #fff !important;
padding-top: 20px !important;
}
.foot_sp {
display: none;
font-size: 90%;
}
.foot_sp a {
color: #0065d6;
}
.foot_sp ul.linkBtm{
padding:10px 10px;
}
.foot_sp ul.linkBtm:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.foot_sp ul.linkBtm li{
width:50%;
float:left;
padding:5px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#copy_sp{
background:#343474;
text-align: center;
color:#fff;
font-size:8px;
padding:10px 0;
}
#pagetop {
text-align: right;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 50;
width: 72px;
}
	@media screen and (max-width: 780px) {
	#pagetop {
	width: 32px;
	}
	.foot_sp {
	display: block;
	}
	#foot {
	display: none;
	}
	}
/* contents
--------------------------------------------------------------------- */
#base_contents {
background: #eee;
font-size: 100%;
border-bottom: 1px solid #ddd;
}
.base_contents_in {
position: relative;
max-width: 950px;
padding: 0 10px;
margin: 0 auto;
}
	@media screen and (max-width: 780px) {
	#base_contents {
	font-size: 100%;
	}
	.base_contents_in {
	width: 100%;
	}
	}
	@media screen and (max-width: 420px) {
	.base_contents_in {
	width: 100%;
	}
	}
/* activity
--------------------------------------------------------------------- */
.activity a,
.activitya:visited,
.activity a:link {
text-decoration: none;
color: #111184;
}
.activity a:visited:hover,
.activity a:link:hover,
.activity a:hover {
text-decoration: underline;
color: #111184;
}
.activity_title {
color: #fff;
font-size: 150%;
font-weight: normal;
padding: 30px 0;
}
.activity_title > * {
display: inline;
font-weight: normal;
font-size: 100%;
}
.activity_box {
display: block;
}
.activity_box > * {
display: block;
padding: 0;
}
	@media screen and (max-width: 780px) {
	.activity_title {
	font-size: 130%;
	padding: 30px 10px;
	}
	#base_contents.activity:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 600px;
	left: 0;
	top: 0;
	z-index: 0;
	background: linear-gradient(rgba(0,0,0,0.2), transparent);
	}
	}
	@media screen and (max-width: 420px) {
	.activity_title {
	padding: 30px 10px 10px 10px;
	}
	#base_contents.activity.activity_bg00001:before {
	height: 200px;
	}
	}
/* main
--------------------------------------------------------------------- */
/* sort
--------------------------------------------------------------------- */
.activity_sort > ul {
display: table;
margin-bottom: 20px;
}
.activity_sort > ul > li {
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 0 10px;
}
.activity_sort a {
display: block;
width: 100%;
text-decoration: none;
text-shadow: 1px 1px 10px rgba(0,0,0,0.3);
padding: 0 20px;
}
.activity_sort a:hover {
text-decoration: none!important;
}
.activity_sort a .item {
display: table;
position: relative;
height: 40px;
margin: 0 auto;
}
.activity_sort a .item .text {
display: table-cell;
text-align: center;
color: #fff!important;
padding: 0;
vertical-align: middle;
border-bottom: 2px solid transparent;
}
.activity_sort li.sel .item .text,
.activity_sort li .item .text:hover {
opacity: 0.7;
text-decoration: none!important;
border-color: rgba(255,255,255,1.0);
}
.activity_sort li .item .text span {
display: inline-block;
}
	@media screen and (max-width: 780px) {
	.activity_sort {
    background: rgba(0,0,0,0.4);
    border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding: 10px 0;
	margin-bottom: 20px;
	}
	.activity_sort > ul {
	width: 100%;
	table-layout: fixed;
	margin-bottom: 10px;
	}
	}
	@media screen and (max-width: 550px) {
	.activity_sort > ul {
	width: 100%;
	table-layout: fixed;
	}
	.activity_sort a {
	padding: 0;
	}
	}
/* list
--------------------------------------------------------------------- */
.activity_list {
position: relative;
}
.base_loading_box {
top: 0;
left: 50%;
width: 60px;
height: 60px;
margin-left: 0;
position: absolute;
text-align: center;
padding: 50px 0;
z-index: 99;
}
.base_loading {
position: absolute;
top: 50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
padding: 6px 0 3px 0;
border-radius: 5px;
background: #000;
opacity: 0.6;
color: #fff;
font-size: 90%;
}
.base_loading img {
max-width: 32px;
}
.activity_list_item {
margin-bottom: 20px;
padding: 15px;
padding-bottom: 0;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 3px;
}
.activity_plan {
padding-bottom: 10px;
}
.activity_search_info {
display: table;
margin-bottom: 10px;
width: 100%;
}
.activity_search_info > * {
display: table-cell;
}
.activity_search_purpose {
}
.activity_search_purpose > *:before { content:""; display:table;}
.activity_search_purpose > *:after { content:""; display:table; clear:both;}
.activity_search_purpose > * { zoom:1;}
.activity_search_purpose .icon {
display: block;
float: left;
box-sizing: inherit;
line-height: 1;
font-size: 90%;
background: #333;
color: #fff;
border-radius: 3px;
padding: 5px;
margin-right: 5px;
margin-bottom: 3px;
word-break: normal;
word-wrap: normal;
letter-spacing: 0;
}
.activity_search_area {
text-align: right;
font-size: 90%;
width: 200px;
}
.activity_search_area span {
display: inline-block;
margin: 0 3px;
}
.activity_plan_title {
font-weight: normal;
margin-bottom: 10px;
font-size: 130%;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.activity_plan_info {
width: 100%;
display: table;
}
.activity_plan_info > * {
display: table-cell;
}
.activity_priority ul {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
padding-bottom: 5px;
}
.activity_priority li {
position: relative;
padding: 0 0 0 20px;
margin: 0 5px 5px 0;
color: #999;
}
.activity_priority li:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_priority01.png) no-repeat center center;
background-size: contain;
}
.activity_priority li.activity_priority_timezone:before {
background-image: url(../images/icon_priority01.png);
}
.activity_priority li.activity_priority_time:before {
background-image: url(../images/icon_priority02.png);
}
.activity_priority li.activity_priority_person:before {
background-image: url(../images/icon_priority03.png);
}
.activity_priority li.activity_priority_payment:before {
background-image: url(../images/icon_priority04.png);
}
.activity_plan_id {
text-align: right;
font-size: 90%;
width: 250px;
}
.activity_plan_box {
display: table;
width: 100%;
margin-bottom: 10px;
table-layout: fixed;
}
.activity_plan_box > * {
display: table-cell;
vertical-align: top;
}
.activity_plan_box > *.activity_price {
width: 270px;
padding-left: 20px;
}
.activity_photo > ul {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.activity_photo > ul > li {
width: 33.33%;
padding-right: 5px;
}
.activity_price {
text-align: right;
font-size: 120%;
}
.activity_price .max {
display: inline-block;
font-size: 125%;
line-height: 1.2;
letter-spacing: -0.05em;
}
.activity_price .type_line_through {
position: relative;
text-decoration: line-through;
color: #999;
padding-bottom: 1em;
font-size: 90%!important;
}
.activity_price .min {
display: inline-block;
font-size: 125%;
line-height: 1.2;
margin-bottom: 5px;
letter-spacing: -0.05em;
}
.activity_price .max span,
.activity_price .min span {
font-size: 70%;
font-weight: bold;
display: inline-block;
margin: 0 5px;
}
.activity_price .text {
display: block;
text-align: right;
font-size: 90%;
margin-bottom: 5px;
}
.activity_price .btn {
padding: 5px 0!important;
}
.activity_price .base_btn > span {
padding: 10px 20px;
}
.activity_icon ul {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
padding-bottom: 5px;
}
.activity_icon ul li {
margin-bottom: 5px;
}
.activity_icon .icon span {
display: inline-block;
margin-right: 5px;
background: #fffdbd;
line-height: 1;
padding: 4px 10px 3px 10px;
font-size: 90%;
border: 1px solid #111184;
text-align: center;
color: #111184!important;
}
.activity_plan_text {
margin-bottom: 10px;
}
.activity_plan_text_more {
text-align: right;
display: inline-block;
font-size: 90%;
color: #111184;
margin-left: 10px;
}
.activity_plan_text_more_contents {
display: none;
}
.activity_plan_text_more > *.close {
display: none;
}
.activity_plan_text_more > * {
cursor: pointer;
}
.activity_plan_text_more > *:hover {
text-decoration: underline;
}
.activity_list_notfound {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-bottom: 10px;
min-height: 200px;
text-align: center;
}
.activity_list_more {
text-align: center;
padding: 20px;
}
	@media screen and (min-width: 600px) and (max-width: 780px) {
	.activity_price .min,
	.activity_price .max {
	font-size: 120%;
	}
	}
	@media screen and (max-width: 780px) {
	.activity_price {
	font-size: 100%;
	}
	.activity_search_area,
	.activity_search_purpose .icon,
	.activity_plan_id,
	.activity_priority li {
	font-size: 80%;
	}
	}
	@media screen and (max-width: 600px) {
	.activity_search_area {
	max-width: 200px;
	}
	.activity_plan_info {
	padding-bottom: 5px;
	}
	.activity_plan_info,
	.activity_plan_info > * {
	display: block;
	text-align: left;
	}
	.activity_plan_box > * {
	display: block;
	}
	.activity_plan_box > *.activity_price {
	width: 100%;
	padding: 5px 0 0 0;
	text-align: center;
	}
	.activity_price .text {
	text-align: center;
	}
	.activity_search_info,
	.activity_search_info > * {
	display: block;
	text-align: left;
	width: 100%;
	}
	}
	@media screen and (max-width: 420px) {
	.activity_search_area {
	max-width: inherit;
	text-align: left;
	}
	.activity_priority li {
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 3px 5px 0;
	color: #999;
	}
	.activity_plan_box > * {
	display: block;
	}
	.activity_plan_id {
	width: 100%;
	}
	.activity_plan_box > *.activity_price {
	width: 100%;
	padding: 5px 0 0 0;
	text-align: center;
	}
	.activity_price .text {
	text-align: center;
	}
	}
/* course
--------------------------------------------------------------------- */
.activity_course_more {
text-align: right;
padding: 0;
border-top: 1px solid #ddd;
padding: 10px 10px 15px 10px;
}
.activity_course_more_contents {
position: relative;
display: none;
}
.activity_course_more_contents.sel {
display: block;
}
.activity_course_more > *.close {
display: none;
}
.activity_course_more > * {
position: relative;
}
.activity_course_more > * > *.text {
display: inline-block;
cursor: pointer;
position: relative;
padding: 0 0 0 20px;
color: #111184;
}
.activity_course_more > * > *.text:hover {
text-decoration: underline;
}
.activity_course_more > * > *.text:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: #ccc;
}
.activity_course_more > *.open *.text:before {
background: url(../images/icon_plus.png) no-repeat center center #111184;
background-size: contain;
}
.activity_course_more > *.close *.text:before {
background: url(../images/icon_cross.png) no-repeat center center #111184;
background-size: contain;
}
.activity_course_item {
border-top: 1px solid #ddd;
padding: 10px 0;
}
.activity_course_item > a:hover {
text-decoration: none!important;
}
.activity_course_box {
display: table;
width: 100%;
}
.activity_course_box > * {
display: table-cell;
vertical-align: top;
}
.activity_course_title {
padding-bottom: 5px;
}
.activity_course_title .title {
font-weight: normal;
font-size: 120%;
font-weight: normal!important;
margin-bottom: 10px;
}
.activity_course_item > a:hover .activity_course_title .title {
text-decoration: underline!important;
}
.activity_course_price {
text-align: right;
width: 250px;
vertical-align: middle;
color: #000;
}
.activity_course_price .activity_plan_id {
width: 100%;
text-align: right;
padding-bottom: 10px;
color: #000;
}
.activity_course_price .min {
display: inline-block;
font-size: 125%;
line-height: 1.2;
letter-spacing: -0.05em;
}
.activity_course_price .min.type_line_through {
position: relative;
text-decoration: line-through;
color: #999;
padding-bottom: 1em;
font-size: 90%;
}
.activity_course_price .max {
display: inline-block;
font-size: 125%;
line-height: 1.2;
margin-bottom: 5px;
letter-spacing: -0.05em;
}
.activity_course_price .min span,
.activity_course_price .max span {
font-size: 70%;
font-weight: bold;
display: inline-block;
margin: 0 5px;
}
.activity_course_price .text {
display: block;
text-align: right;
font-size: 90%;
margin-bottom: 5px;
}
	@media screen and (max-width: 780px) {
	.activity_course_more {
	padding: 0;
	}
	.activity_course_more > *.open,
	.activity_course_more > *.close {
	width: 100%;
	padding: 10px 10px 15px 10px;
	cursor: pointer;
	}
	}
	@media screen and (min-width: 600px) and (max-width: 780px) {
	.activity_course_price .max,
	.activity_course_price .min {
	font-size: 120%;
	}
	}
	@media screen and (max-width: 600px) {
	.activity_course_box > * {
	display: block;
	}
	.activity_course_box > *.activity_course_price {
	width: 100%;
	padding: 5px 0 0 0;
	text-align: center;
	}
	.activity_course_price .text {
	text-align: center;
	}
	}
	@media screen and (max-width: 420px) {
	.activity_course_box > * {
	display: block;
	}
	.activity_course_box > *.activity_course_price {
	width: auto;
	padding: 5px 0 0 0;
	text-align: center;
	}
	.activity_course_price .text {
	text-align: center;
	}
	}
/* info
--------------------------------------------------------------------- */
.activity_info_popup_btn {
}
.activity_info_popup_btn a {
display: inline-block;
position: relative;
padding: 0 10px 0 20px;
margin-right: 10px;
}
.activity_info_popup_btn a:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_info.png) no-repeat center center #111184;
background-size: contain;
}
.activity_info_popup_contents {
display: none;
}
.activity_info_popup {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.activity_info_popup_box {
background: #fff;
padding: 20px;
border-radius: 3px;
}
.activity_info_popup_box .activity_info_popup_title {
text-align: center;
padding-bottom: 20px;
font-size: 120%;
font-weight: bold;
}
.activity_course_info {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.activity_course_info > dl {
width: 25%;
}
.activity_course_info > dl > * {
text-align: center;
padding: 5px;
border: 1px solid #fff;
}
.activity_course_info > * dt {
background: #eee;
}
.activity_course_text {
background: #fff;
line-height: 1.6;
}
.activity_info_popup_box .activity_info_popup_close {
text-align: center;
padding-top: 20px;
}
.activity_info_popup_close > *.close_btn {
display: inline-block;
cursor: pointer;
position: relative;
padding: 0 0 0 20px;
color: #111184;
}
.activity_info_popup_close > *.close_btn:hover {
text-decoration: underline;
}
.activity_info_popup_close > *.close_btn:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_cross.png) no-repeat center center #111184;
background-size: contain;
}
.activity_info_popup_cross {
position: absolute;
right: 0;
top: -32px;
width: 32px;
height: 32px;
background: url(../images/icon_popup_cross.png) no-repeat center center;
background-size: contain;
text-indent: -9999px;
cursor: pointer;
}
.activity_info_logo {
height: 30px;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
}
	@media screen and (max-width: 780px) {
	.activity_course_info {
	font-size: 90%;
	}
	.activity_course_info > dl {
	width: 33.33%;
	}
	}
	@media screen and (max-width: 420px) {
	.activity_course_info > dl {
	width: 50%;
	}
	}
/* ban
--------------------------------------------------------------------- */
#activity_ban {
padding: 20px 0 10px 0;
}
.activity_ban_link {
text-align: right;
padding: 10px;
}
.activity_ban_link a {
display: inline-block;
position: relative;
padding: 0 0 0 20px;
}
.activity_ban_link a:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_arrow_r.png) no-repeat center center #111184;
background-size: contain;
}
.activity_ban_pc {
display: block;
}
.activity_ban_tab {
display: none;
}
.activity_ban_sp {
display: none;
}
.activity_ban_sp ul,
.activity_ban_tab ul,
.activity_ban_pc ul {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
align-content: stretch;
flex-direction: row;
}
.activity_ban_pc li {
text-align: center;
width: 24%;
}
.activity_ban_pc img {
max-width: 370px;
}
	@media screen and (max-width: 780px) {
	.activity_ban_pc {
	display: none;
	}
	.activity_ban_tab {
	display: block;
	}
	.activity_ban_sp {
	display: none;
	}
	.activity_ban_tab li {
	width: 49%;
	padding-bottom: 10px;
	}
	.activity_ban_tab li img {
	max-width: 400px;
	}
	}
	@media screen and (max-width: 420px) {
	.activity_ban_pc {
	display: none;
	}
	.activity_ban_tab {
	display: none;
	}
	.activity_ban_sp {
	display: block;
	}
	.activity_ban_sp li {
	width: 100%;
	}
	.activity_ban_sp li img {
	max-width: 640px;
	}
	}
/* article
--------------------------------------------------------------------- */
.activity_article {
border: 1px solid #ddd;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
padding: 20px;
border-radius: 3px;
}
.activity_article_title {
padding-bottom: 20px;
}
.activity_article_title.base_nextslide {
position: relative;
margin-bottom: 0;
cursor: pointer;
color: #000;
padding-right: 30px;
}
.activity_article_title.base_nextslide:before {
content: "";
width: 16px;
height: 16px;
position: absolute;
right: 0;
top: 0;
border-radius: 8px;
background: url(../images/icon_plus.png) no-repeat center center #999;
background-size: contain;
}
.activity_article_title.base_nextslide.sel:before {
background-image: url(../images/icon_minus.png);
background-size: contain;
}
.activity_article_title.base_nextslide + .base_nextslide_contents {
}
.activity_promotion {
padding-bottom: 10px;
}
.activity_promotion_ban {
text-align: center;
padding-bottom: 10px;
}
.activity_promotion_ban img {
max-width: 640px;
}
.activity_promotion_text {
text-align: center;
padding-bottom: 10px;
}
/* pager
--------------------------------------------------------------------- */
.activity_pager {
padding: 20px 0;
}
.activity_pager_list {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.activity_pager_list_sp {
display: none;
}
.activity_pager_list_sp > li,
.activity_pager_list > li {
padding: 2px;
line-height: 1;
}
.activity_pager_list_sp > li > *,
.activity_pager_list > li > * {
display: inline-block;
padding: 10px;
background: #bbb;
color: #fff!important;
}
.activity_pager_list_sp > li > *:hover,
.activity_pager_list > li > *:hover {
text-decoration: none!important;
background: #333;
color: #fff!important;
}
.activity_pager_list_sp > li.sel > *,
.activity_pager_list > li.sel > * {
background: #333;
color: #fff!important;
}

.activity_list_notfound {
background: url(../images/bg_search.png) no-repeat center center;
background-size: contain;
}
	@media screen and (max-width: 780px) {
	}
	@media screen and (max-width: 420px) {
	.activity_pager_list {
	display: none;
	}
	.activity_pager_list_sp {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	}
	.activity_pager_list_sp > * {
	padding: 0 5px;
	}
	}
/* sub
--------------------------------------------------------------------- */
#activity_sub {
width: 100%;
padding: 0;
text-align: right;
}
.activity_menu {
text-align: left;
display: block;
background: rgba(255,255,255,0.8);
background: rgba(0,0,0,0.4);
border-radius: 3px;
margin-bottom: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.activity_menu_sp {
text-align: left;
display: none;
}
.activity_menu ul {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content:stretch;
}
.activity_menu ul > li {
width: 25%;
border-bottom: 1px solid  rgba(255,255,255,0.2);
align-self: stretch;
}
.activity_menu ul > li:first-child > * {
border-right: 1px solid  rgba(255,255,255,0.2);
height: 100%;
}
.activity_menu ul > li:nth-child(2) > *,
.activity_menu ul > li:nth-child(3) > * {
border-right: 1px solid  rgba(255,255,255,0.2);
height: 100%;
}
.activity_menu ul > li:nth-child(4) > * {
height: 100%;
}
.activity_menu ul > li:last-child > * {
width: 100%;
text-align: center;
}
/*
.activity_menu .btn a {
position: relative;
display: table;
width: 100%;
height: 100%;
min-height: 50px;
}*/
.activity_menu .btn a {
position: relative;
display: table;
width: 100%;
height: 100%;
height: 50px;
}
.activity_menu .btn a,
.activity_menu .btn a:hover {
color: #fff!important;
}
.activity_menu_pc {
display: block;
}
.activity_menu_tab {
display: none;
}
.activity_menu .btn.calendar a {
padding-right: 30px;
}
.activity_menu .btn.calendar a:before {
content: "";
position: absolute;
top: 50%;
margin-top: -20px;
right: 5px;
width: 40px;
height: 40px;
background: url(../images/icon_calendar_w.png) no-repeat center center;
background-size: contain;
}
.activity_menu .btn a:hover {
text-decoration: none!important;
opacity: 0.7;
color: #fff!important;
}
.activity_menu .btn a > * {
display: table-cell;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: 10px;
word-break: break-all;
word-wrap: break-word;
}
.activity_menu .btn a > * span {
display: inline-block;
}
.activity_menu_set {
border-bottom: 1px solid rgba(255,255,255,0.2);
padding: 10px;
text-align: center;
-webkit-text-size-adjust: 100%;
}
.activity_menu_set .title {
margin-bottom: 5px;
text-align: center;
font-weight: bold;
}
.activity_menu_set {
color: #fff!important;
}
.activity_menu_set a {
color: #fff!important;
}
.activity_menu_bottom {
padding: 5px;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
align-content:stretch;
flex-direction: row-reverse;
}
.activity_menu_btn {
display: inline-block;
}
.activity_menu_btn .base_btn {
display: inline-block!important;
min-width: 160px;
}
.activity_menu_btn .base_btn > span {
position: relative;
padding: 8px 10px 8px 23px;
}
.activity_menu_btn .base_btn > span:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -10px;
content: "";
width: 20px;
height: 20px;
border-radius: 10px;
background: url(../images/icon_search.png) no-repeat center center;
background-size: contain;
}
.activity_menu_link {
padding: 10px 20px;
}
.activity_menu_link a {
display: inline-block;
position: relative;
padding: 0 0 0 20px;
color: #fff!important;
}
.activity_menu_link a:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_cross.png) no-repeat center center rgba(0,0,0,0.3);
background-size: contain;
}
	@media screen and (max-width: 780px) {
	.activity_menu_pc {
	display: none;
	}
	.activity_menu_tab {
	display: block;
	}
	.activity_menu_btn .base_btn {
	min-width: 120px;
	}
	}
	@media screen and (max-width: 420px) {
	.activity_menu {
	display: none;
	}
	.activity_menu_sp {
	display: inline-block;
	padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
	margin-bottom: 20px;
    border-radius: 3px;
	line-height: 1.6;
	font-size: 90%;
	letter-spacing: -0.05em;
	}
	.activity_menu_sp_conditions:before { content:""; display:table;}
	.activity_menu_sp_conditions:after { content:""; display:table; clear:both;}
	.activity_menu_sp_conditions { zoom:1;}
	.activity_menu_sp_conditions {
	display: inline;
	}
	.activity_menu_sp_search a {
	padding: 5px;
	}
	.activity_menu_sp_search a > * span {
	display: inline-block;
	}
	.activity_menu_sp_search_btn {
	float: right;
	padding: 2px 10px;
	}
	.activity_menu_sp_search_btn a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
	}
	.activity_menu_sp_search_btn a:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: url(../images/icon_search.png) no-repeat center center #111184;
    background-size: contain;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
    line-height: 1.2;
	}
	.activity_menu_sp_search_clear {
	float: right;
	padding: 2px 10px;
	}
	.activity_menu_sp_search_clear a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
	}
	.activity_menu_sp_search_clear a:before {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: url(../images/icon_cross.png) no-repeat center center #111184;
    background-size: contain;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
    line-height: 1.2;
	}
	.activity_menu_sp_set {
	line-height: 1.6;
	}
	.activity_menu_sp_set a {
	padding: 5px;
	}
	.activity_menu_sp_set a > * span {
	display: inline-block;
	}
	.activity_menu_sp_set .title {
	padding: 5px 0;
	}
	.activity_menu_sp_set .sel {
	display: inline;
	}
	}
/* menu contents
--------------------------------------------------------------------- */
#activity_menu_contents {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 999;
height: 100%;

opacity: 0;
display: block;
left: -100%;
}
#activity_menu_contents *,
#activity_menu_contents {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#activity_menu_contents.sel {
opacity: 1;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.activity_menu_bg {
content: "";
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 9;
cursor: pointer;
}
.activity_menu_bg.active {
display: block;
}
.activity_menu_box {
display: none;
position: relative;
left: 0;
top: 0;
height: 100%;
z-index: 9999;
}
.activity_menu_box.sel {
display: block;
}
/* menu page
--------------------------------------------------------------------- */
.activity_menu_box .menu_page {
position: absolute;
left: 0;
top: 0;
height: 100%;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
background: rgba(255,255,255,1.0);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
z-index: 99;
display: block;
}
.activity_menu_close {
position: absolute;
left: 0;
top: 0;
width: 50px;
z-index: 999;
}
.activity_menu_box > *.menu_page .menu_page {
display: none;
}
.activity_menu_box > *.menu_page .menu_page.sel {
display: block;
}/*
.menu_page_title {
position: relative;
display: table;
width: 100%;
background: #eee;
color: #222;
font-size: 100%;
table-layout: fixed;
min-height: 50px;
margin-bottom: 5px;
}*/
.menu_page_title {
position: relative;
display: table;
width: 100%;
background: #eee;
color: #222;
font-size: 100%;
table-layout: fixed;
height: 50px;
margin-bottom: 5px;
}
.menu_page_title > * {
display: table-cell;
line-height: 1;
text-align: center;
font-weight: normal;
padding: 10px 20px;
vertical-align: middle;
}
.menu_page > .menu_page_title:first-child {
position: absolute;
left: 0;
top: 0;
z-index: 100;
margin: 0;
}
.menu_page > .menu_page_title:first-child > * {
padding: 10px 30px 10px 50px;
}
/* menu list
--------------------------------------------------------------------- */
.menu_calendar_box,
.menu_page_list_box {
overflow-y: auto;
height: 100%;
padding-top: 55px;
}
.menu_calendar_box {
}
.menu_setup_box {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 70px;
z-index: 9999;
padding: 10px;
background: rgba(0,0,0,0.5);
min-width: 320px;
}
.menu_setup_box_btn {
display: inline-block!important;
width: auto;
min-width: 200px;
}
.menu_setup_box_btn.base_btn > span {
line-height: 1!important;
}
.menu_setup_box_clear {
display: inline-block;
position: relative;
padding: 0 0 0 20px;
margin: 0 10px;
color: #fff!important;
}
.menu_setup_box_clear:before {
position: absolute;
left: 0;
top: 50%;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_cross.png) no-repeat center center rgba(0,0,0,0.3);;
background-size: contain;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
line-height: 1.2;
}
.menu_setup_box + .menu_page .menu_page_list_box {
padding-bottom: 70px;
}
.menu_page_list {
}
.menu_page_bar {
border-bottom: 1px solid #ddd;
font-weight: bold;
margin-bottom: 5px;
}
.menu_freeword {
padding: 10px;
}
.menu_freeword input[type=text] {
padding: 10px;
width: 100%;
border: 1px solid #ccc;
border-radius: 3px;
}
.menu_back,
.menu_label,
.menu_btn {
position: relative;
display: block;
padding: 0 5px 5px 5px;
color: #111184;
cursor: pointer;
}
.menu_back {
background: #eee;
}
.menu_back:hover {
opacity: 0.7;
}
.menu_label input[type=checkbox],
.menu_label input[type=radio] {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
display: none;
}
.menu_label.sel:hover,
.menu_btn.sel:hover,
.menu_back:hover,
.menu_label:hover,
.menu_btn:hover {
text-decoration: none!important;
}
.menu_back .text,
.menu_label .text,
.menu_btn .text {
position: relative;
display: block;
padding: 15px;
padding-right: 20px;
border-radius: 3px;
}
.menu_back .text:before,
.menu_label .text:before,
.menu_btn .text:before {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
line-height: 1.2;
content: "";
width: 26px;
height: 26px;
border-radius: 13px;
background: url(../images/icon_check_w.png) no-repeat center center;
background-size: contain;
}
.menu_label .text:before {
background-image: url(../images/icon_check_g.png);
}
.menu_back .text:before {
background-image: url(../images/icon_arrow_l_b.png);
}
.menu_label.type_radio .text:before {
background-image: url(../images/icon_radio_off.png);
}
.menu_label.none .text:before {
background: none!important;
}
.menu_label:hover .text,
.menu_btn:hover .text,
.menu_label.sel .text,
.menu_btn.sel .text {
position: relative;
background: #619de5;
color: #fff;
}
.nextpage > .menu_btn .text:before {
background-image: url(../images/icon_arrow_r_b.png);
}
.menu_label.sel .text:before,
.menu_label:hover .text:before,
.menu_btn.sel .text:before,
.menu_btn:hover .text:before {
background-image: url(../images/icon_check_w.png);
}
.menu_label.type_radio.sel .text:before,
.menu_label.type_radio:hover .text:before {
background-image: url(../images/icon_radio_on.png);
}
.nextpage > .menu_btn.sel .text:before,
.nextpage > .menu_btn:hover .text:before {
background-image: url(../images/icon_arrow_r_w.png);
}
.menu_label.type_radio.sel:hover .text:before,
.menu_btn.type_radio.sel:hover .text:before {
background-image: url(../images/icon_radio_on.png);
}
.menu_label.none,
.menu_btn.none {
color: #999!important;
cursor: default;
}
.menu_label.none:hover .text,
.menu_btn.none:hover .text,
.menu_label.none.sel .text,
.menu_btn.none.sel .text {
color: #999!important;
background: none;
}
.menu_label.none:hover,
.menu_btn.none:hover {
text-decoration: none!important;
background: none!important;
}
	@media screen and (max-width: 420px) {
	.menu_setup_box_btn {
	display: inline-block!important;
	width: auto;
	min-width: 150px;
	}
	}
#activity_menu_area .menu_page.page01 {
left: 0;
z-index: 100;
}
#activity_menu_area .menu_page.page02 {
z-index: 99;
}
#activity_menu_area .menu_page.page03 {
z-index: 98;
}



#activity_menu_area.activity_menu_box .menu_page.sel {
/*min-width: 300px;*/
min-width: 180px;
}
#activity_menu_area.activity_menu_box .menu_page.page02.sel {
/*left: 300px;*/
left: 180px;
}
#activity_menu_area.activity_menu_box .menu_page.page03.sel {
/*left: 300px;*/
left: 180px;
}
#activity_menu_purpose.activity_menu_box .menu_page.sel {
/*width: 450px;*/
width: 250px;
}
#activity_menu_purpose.activity_menu_box .menu_page.page02.sel.sel {
/*left: 450px;*/
left: 250px;
}
#activity_menu_refine.activity_menu_box .menu_page.sel {
width: 400px;
}
#activity_menu_calendar.activity_menu_box .menu_page.sel {
width: 500px;
}



/* menu sp
--------------------------------------------------------------------- */
#activity_menu_sp_page {
position: relative;
font-size: 120%;
height: 100%;
}
.activity_menu_sp_box,
.activity_menu_sp_box .menu_page {
width: 100%;
height: 100%;
}
#activity_menu_sp_page a,
#activity_menu_sp_page a:visited,
#activity_menu_sp_page a:link {
text-decoration: none;
color: #111184;
}
#activity_menu_sp_page a:visited:hover,
#activity_menu_sp_page a:link:hover,
#activity_menu_sp_page a:hover {
text-decoration: none;
color: #111184;
}
#activity_menu_sp_page .menu_calendar_box,
#activity_menu_sp_page .menu_page_list_box {
padding-top: 50px;
}
.activity_menu_sp_close {
position: absolute;
left: 0;
top: 0;
width: 50px;
z-index: 999;
}
#activity_menu_sp_page .menu_page_title {
margin-bottom: 0;
}
#activity_menu_sp_page .menu_btn.sel:hover {
text-decoration: none!important;
}
#activity_menu_sp_page .menu_page_list {
padding: 0;
border-left: 1px solid #eee;
}
#activity_menu_sp_page .menu_page_list li {
padding: 0;
margin: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
margin-top: -1px;
}
#activity_menu_sp_page .menu_page_list_box .menu_page_title {
margin-top: -1px;
}
#activity_menu_sp_page .menu_page_list .menu_back,
#activity_menu_sp_page .menu_page_list .menu_label,
#activity_menu_sp_page .menu_page_list .menu_btn {
padding: 0;
height: 100%;
display: table;
width: 100%;
}
#activity_menu_sp_page .menu_page_list .menu_back {
font-weight: normal;
}
#activity_menu_sp_page .menu_page_list .menu_label .text,
#activity_menu_sp_page .menu_page_list .menu_bar .text,
#activity_menu_sp_page .menu_page_list .menu_btn .text {
display: table-cell;
vertical-align: middle;
padding: 15px 30px 15px 10px;
position: relative;
border-radius: 0;
height: 100%;
}
#activity_menu_sp_page .menu_page_list .menu_label .text:hover,
#activity_menu_sp_page .menu_page_list .menu_bar .text:hover,
#activity_menu_sp_page .menu_page_list .menu_btn .text:hover {
text-decoration: none!important;
}
#activity_menu_sp_page .nextpage > .menu_btn .text:before {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
line-height: 1.2;
content: "";
width: 26px;
height: 26px;
border-radius: 10px;
background: url(../images/icon_arrow_r_b.png) no-repeat center center;
background-size: contain;
}
#activity_menu_sp_page .nextpage > .menu_btn:hover .text:before {
background-image: url(../images/icon_arrow_r_w.png);
}
#activity_menu_sp_page .nextpage > .menu_btn.sel .text:before {
background: none;
}
#activity_menu_sp_page .menu_btn.sel:hover .text {
background-size: 20px;
}
#activity_menu_sp_page .menu_page_list {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: flex-start;
align-content: stretch;
}
#activity_menu_sp_page .menu_page_list > li {
width: 50%;
}
#activity_menu_sp_page .menu_page_list > li.menu_page_bar {
width: 100%;
}
#activity_menu_sp_page .activity_menu_setup_btn > span {
padding: 10px!important;
min-width: 120px
}
	@media screen and (max-width: 780px) {
	}
	@media screen and (max-width: 420px) {
	#activity_menu_sp_page .activity_menu_sp_box_btn .base_btn {
	min-width: 120px;
	}
	#activity_menu_sp_page .menu_page_list > li {
	width: 100%;
	}
	}
/* script
--------------------------------------------------------------------- */
.mfp-zoom-out-cur {
cursor: default!important;
}
.mfp-close {
font-size: 0;
background: url(../images/icon_popup_cross.png) no-repeat right center!important;
background-size: 32px!important;
cursor: pointer!important;
}
.mfp-arrow-left {
background: url(../images/icon_popup_arrow_l.png) no-repeat center center!important;
background-size: 64px!important;
cursor: pointer!important;
}
.mfp-arrow-left:before,
.mfp-arrow-left:after {
display: none;
}
.mfp-arrow-right {
background: url(../images/icon_popup_arrow_r.png) no-repeat center center!important;
background-size: 64px!important;
cursor: pointer!important;
}
.mfp-arrow-right:before,
.mfp-arrow-right:after {
display: none;
}
.mfp-title {
max-width: 90%;
line-height: 1.6;
font-size: 12px;
}
/* base
--------------------------------------------------------------------- */
.base_pankuzu {
padding: 10px 0;
font-size: 90%;
}
hr.base_line {
clear: both;
display: block;
visibility: inherit;
border: none;
border-top: 1px dotted #ccc;
font-size: 1px;
height: 0;
margin: 0;
margin-bottom: 20px;
}
hr.base_space {
clear: both;
display: block;
visibility: inherit;
border: none;
font-size: 1px;
height: 20px;
margin: 0;
}
.base_text,
p.base_text {
margin-bottom: 20px;
line-height: 1.4;
}
.base_btn_box,
p.base_btn_box {
margin: 0 auto;
max-width: 300px;
padding: 20px 0 20px 0;
}
.base_btn,
a:link.base_btn,
a:visited.base_btn {
display: block;
margin: 0;
font-size: 110%;
color: #fff!important;
background: #111184;
border: 1px solid #111184;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
cursor: pointer;
}
button.base_btn {
width: 100%;
cursor: pointer;
}
.base_btn:hover,
a:hover.base_btn {
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
.base_btn.type_o {
background-color: #FF9326!important;
border-color: #FF9326!important;
}
.base_btn.type_r {
background-color: #c40000!important;
border-color: #c40000!important;
}
.base_btn.type_g {
background-color: #579f2a!important;
border-color: #579f2a!important;
}
.base_btn.type_b {
background-color: #20a0ff!important;
border-color: #20a0ff!important;
}
.base_btn.type_next {
background-color: #FF9326!important;
border-color: #FF9326!important;
}
.base_btn.type_close {
background-color: #666!important;
border-color: #666!important;
}
.base_btn.type_regist {
background-color: #c40000!important;
border-color: #c40000!important;
}
.base_btn.type_print {
background-color: #222!important;
border-color: #333!important;
}
.base_btn.type_print span {
color: #fff!important;
padding: 5px 10px!important;
}
.base_btn_box .base_btn {
}
.base_btn > span {
display: inline-block;
padding: 15px 20px;
line-height: 1.2;
}
.base_btn > span > span {
display: inline-block;
}
.base_btn.type_s,
button.base_btn.type_s,
a:link.base_btn.type_s,
a:visited.base_btn.type_s {
display: inline-block;
font-size: 100%;
width: auto;
}
.base_btn.type_s > span {
padding: 10px;
}
.base_caution_box {
text-align: center;
margin-bottom: 20px;
}
.base_caution_box .text {
border: 2px solid #d21f1f;
background: #fff;
color: #d21f1f;
padding: 5px 20px;
text-align: left;
}
.base_link {
color: #111184;
}
.base_link.type_o {
color: #FF9326!important;
}
.base_link.type_r {
color: #c40000!important;
}
.base_link.type_g {
color: #579f2a!important;
}
.base_link.type_b {
color: #20a0ff!important;
}
.base_icon_exclamation {
display: inline-block;
cursor: pointer;
position: relative;
padding: 0 0 0 20px;
color: #111184;
text-align: left;
}
.base_icon_exclamation:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_info.png) no-repeat center center #111184;
background-size: contain;
}
.base_icon_exclamation.type_o:before {
background-color: #FF9326;
}
.base_icon_exclamation.type_r:before {
background-color: #c40000;
}
.base_icon_exclamation.type_g:before {
background-color: #579f2a;
}
.base_icon_exclamation.type_b:before {
background-color: #20a0ff;
}
	@media screen and (max-width: 780px) {
	.base_pankuzu {
	padding: 10px;
	}
	}
	@media screen and (max-width: 420px) {
	.base_btn_box,
	p.base_btn_box {
	max-width: none;
	}
	}
/* base calendar
--------------------------------------------------------------------- */
.base_calendar_table {
padding: 10px;
border-bottom: 1px solid #eee;
}
.base_calendar_table table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 10px;
}
.base_calendar_table th {
text-align: center;
vertical-align: middle;
}
.base_calendar_table th .item {
display: block;
padding: 10px 5px;
border-radius: 3px;
}
.base_calendar_table td {
text-align: center;
vertical-align: middle;
}
.base_calendar_table td .item {
display: block;
padding: 15px 5px;
border-radius: 3px;
}
.base_calendar_title {
position: relative;
text-align: center;
font-weight: normal;
padding: 20px 10px;
}
.base_calendar_title .next_btn {
position: absolute;
top: 50%;
right: 0;
display: inline-block;
margin-top: -8px;
padding: 0 20px 0 0;
color: #111184;
cursor: pointer;
}
.base_calendar_title .next_btn:hover {
text-decoration: underline;
}
.base_calendar_title .next_btn:before {
position: absolute;
right: 0;
top: 0;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_arrow_r.png) no-repeat center center #111184;
background-size: contain;
}
.base_calendar_title .prev_btn {
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
display: inline-block;
padding: 0 0 0 20px;
color: #111184;
cursor: pointer;
}
.base_calendar_title .prev_btn:hover {
text-decoration: underline;
}
.base_calendar_title .prev_btn:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 16px;
height: 16px;
border-radius: 8px;
background: url(../images/icon_arrow_l.png) no-repeat center center #111184;
background-size: contain;
}
.base_calendar_table th.sun {
color: #ea0641;
}
.base_calendar_table th.mon,
.base_calendar_table th.tue,
.base_calendar_table th.wed,
.base_calendar_table th.thu,
.base_calendar_table th.fri {
color: #999;
}
.base_calendar_table th.sat {
color: #186ebc;
}
.base_calendar_table .holiday .item {
background: #feeaef;
}
.base_calendar_table .menu_btn:hover,
.base_calendar_table .menu_btn.sel {
background: #619de5;
color: #fff!important;
text-decoration: none!important;
}
.base_calendar_table td.other {
color: #ccc;
}
	@media screen and (max-width: 780px) {
	.base_calendar_table td .item {
	padding: 15px 5px;
	}
	}
/* category
--------------------------------------------------------------------- */
#base_contents.activity {
position: relative;
background: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00001.jpg) no-repeat center top #eee;
background-size: 100% auto;
}
#base_contents.activity.activity_bg00000 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00000.jpg);
}
#base_contents.activity.activity_bg00001 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00001.jpg);
}
#base_contents.activity.activity_bg00002 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00002.jpg);
}
#base_contents.activity.activity_bg00003 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00003.jpg);
}
#base_contents.activity.activity_bg00004 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00004.jpg);
}
#base_contents.activity.activity_bg00005 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00005.jpg);
}
#base_contents.activity.activity_bg00006 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00006.jpg);
}
#base_contents.activity.activity_bg00007 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00007.jpg);
}
#base_contents.activity.activity_bg00008 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00008.jpg);
}
#base_contents.activity.activity_bg00009 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00009.jpg);
}
#base_contents.activity.activity_bg00010 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00010.jpg);
}
#base_contents.activity.activity_bg00011 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00011.jpg);
}
#base_contents.activity.activity_bg00012 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00012.jpg);
}
#base_contents.activity.activity_bg00013 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00013.jpg);
}
#base_contents.activity.activity_bg00014 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00014.jpg);
}
#base_contents.activity.activity_bg00015 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00015.jpg);
}
#base_contents.activity.activity_bg00016 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00016.jpg);
}
#base_contents.activity.activity_bg00017 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00017.jpg);
}
#base_contents.activity.activity_bg00018 {
background-image: url(https://www.nta.co.jp/shared2015/activity/images/activity_bg00018.jpg);
}
#base_contents.activity.activity_bg00024 {
background-image: url(../images/activity_bg00024.jpg);
}

#base_contents.activity.activity_bg00019 {
background-image: url(../images/activity_bg00019.jpg);
}
#base_contents.activity.activity_bg00020 {
background-image: url(../images/activity_bg00020.jpg);
}
#base_contents.activity.activity_bg00021 {
background-image: url(../images/activity_bg00021.jpg);
}
.activity_search_purpose .icon.activity_icon00000 {
background-color: #333;
}
.activity_search_purpose .icon.activity_icon00001 {
background-color: #427bff;
}
.activity_search_purpose .icon.activity_icon00002 {
background-color: #319740;
}
.activity_search_purpose .icon.activity_icon00003 {
background-color: #88c6d6;
}
.activity_search_purpose .icon.activity_icon00004 {
background-color: #96bde8;
}
.activity_search_purpose .icon.activity_icon00005 {
background-color: #a9b3be;
}
.activity_search_purpose .icon.activity_icon00006 {
background-color: #ecb246;
}
.activity_search_purpose .icon.activity_icon00007 {
background-color: #ec6746;
}
.activity_search_purpose .icon.activity_icon00008 {
background-color: #595959;
}
.activity_search_purpose .icon.activity_icon00009 {
background-color: #6b3c8e;
}
.activity_search_purpose .icon.activity_icon00010 {
background-color: #c75ca4;
}
.activity_search_purpose .icon.activity_icon00011 {
background-color: #c38dd8;
}
.activity_search_purpose .icon.activity_icon00012 {
background-color: #f0d728;
}
.activity_search_purpose .icon.activity_icon00013 {
background-color: #373997;
}
.activity_search_purpose .icon.activity_icon00014 {
background-color: #937944;
}
.activity_search_purpose .icon.activity_icon00015 {
background-color: #8cb84b;
}
.activity_search_purpose .icon.activity_icon00016 {
background-color: #4c9c50;
}
.activity_search_purpose .icon.activity_icon00017 {
background-color: #9c4c6c;
}
.activity_search_purpose .icon.activity_icon00018 {
background-color: #d00f5c;
}
#cis-load-img {
border-radius: 3px;
width: 32px!important;
opacity: 0.7;
display: block;
margin: 0 auto;
}
/* temp
-------------------------------------------------------*/
.base_pcdin { display: inline!important;}
.base_pcdinb { display: inline-block!important;}
.base_pcdblock { display: block!important;}
.base_pcdno {display: none!important;}
	@media screen and (max-width: 768px) {
	.base_spdin { display: inline!important;}
	.base_spdinb { display: inline-block!important;}
	.base_spdblock { display: block!important;}
	.base_spdno {display: none!important;}
	}
.base_din { display: inline!important;}
.base_dinb { display: inline-block!important;}
.base_dblock { display: block!important;}
.cf:before { content:""; display:table;}
.cf:after { content:""; display:table; clear:both;}
.cf { zoom:1;}
.base_textstr { color: rgba(235,0,70,1);}
.base_texterr { color: rgba(235,0,70,1);}
.base_textem { color: #22409a;}
.base_textno { color: #ccc;}
.base_textmarker { background: #FFFF99;}
.base_sizess { font-size: 70%;}
.base_sizes { font-size: 80%;}
.base_sizem { font-size: 100%;}
.base_sizel { font-size: 120%;}
.base_sizell { font-size: 150%;}
.base_sizelll { font-size: 200%;}
.base_fl { float: left;}
.base_fr { float: right;}
.base_fn { float: none;}
.base_tl { text-align: left;}
.base_tr { text-align: right;}
.base_tc { text-align: center;}
.base_m0 { margin: 0!important;}
.base_m5 { margin: 5px!important;}
.base_m10 { margin: 10px!important;}
.base_m20 { margin: 20px!important;}
.base_m30 { margin: 30px!important;}
.base_m40 { margin: 40px!important;}
.base_m50 { margin: 50px!important;}
.base_mt0 { margin-top: 0!important;}
.base_mt5 { margin-top: 5px!important;}
.base_mt10 { margin-top: 10px!important;}
.base_mt20 { margin-top: 20px!important;}
.base_mt30 { margin-top: 30px!important;}
.base_mt40 { margin-top: 40px!important;}
.base_mt50 { margin-top: 50px!important;}
.base_mb0 { margin-bottom: 0!important;}
.base_mb5 { margin-bottom: 5px!important;}
.base_mb10 { margin-bottom: 10px!important;}
.base_mb20 { margin-bottom: 20px!important;}
.base_mb30 { margin-bottom: 30px!important;}
.base_mb40 { margin-bottom: 40px!important;}
.base_mb50 { margin-bottom: 50px!important;}
.base_ml0 { margin-left: 0!important;}
.base_ml5 { margin-left: 5px!important;}
.base_ml10 { margin-left: 10px!important;}
.base_ml20 { margin-left: 20px!important;}
.base_ml30 { margin-left: 30px!important;}
.base_ml40 { margin-left: 40px!important;}
.base_ml50 { margin-left: 50px!important;}
.base_mr0 { margin-right: 0!important;}
.base_mr5 { margin-right: 5px!important;}
.base_mr10 { margin-right: 10px!important;}
.base_mr20 { margin-right: 20px!important;}
.base_mr30 { margin-right: 30px!important;}
.base_mr40 { margin-right: 40px!important;}
.base_mr50 { margin-right: 50px!important;}
.base_p0 { padding: 0!important;}
.base_p5 { padding: 5px!important;}
.base_p10 { padding: 10px!important;}
.base_p20 { padding: 20px!important;}
.base_p30 { padding: 30px!important;}
.base_p40 { padding: 40px!important;}
.base_p50 { padding: 50px!important;}
.base_pt0 { padding-top: 0!important;}
.base_pt5 { padding-top: 5px!important;}
.base_pt10 { padding-top: 10px!important;}
.base_pt20 { padding-top: 20px!important;}
.base_pt30 { padding-top: 30px!important;}
.base_pt40 { padding-top: 40px!important;}
.base_pt50 { padding-top: 50px!important;}
.base_pb0 { padding-bottom: 0!important;}
.base_pb5 { padding-bottom: 5px!important;}
.base_pb10 { padding-bottom: 10px!important;}
.base_pb20 { padding-bottom: 20px!important;}
.base_pb30 { padding-bottom: 30px!important;}
.base_pb40 { padding-bottom: 40px!important;}
.base_pb50 { padding-bottom: 50px!important;}
.base_pl0 { padding-left: 0!important;}
.base_pl5 { padding-left: 5px!important;}
.base_pl10 { padding-left: 10px!important;}
.base_pl20 { padding-left: 20px!important;}
.base_pl30 { padding-left: 30px!important;}
.base_pl40 { padding-left: 40px!important;}
.base_pl50 { padding-left: 50px!important;}
.base_pr0 { padding-right: 0!important;}
.base_pr5 { padding-right: 5px!important;}
.base_pr10 { padding-right: 10px!important;}

.base_pr20 { padding-right: 20px!important;}
.base_pr30 { padding-right: 30px!important;}
.base_pr40 { padding-right: 40px!important;}
.base_pr50 { padding-right: 50px!important;}
.base_wa { width: auto!important;}
.base_w100p { width: 100%!important;}
.base_w98p { width: 98%!important;}
.base_w96p { width: 96%!important;}
.base_w90p { width: 90%!important;}
.base_w86p { width: 86%!important;}
.base_w80p { width: 80%!important;}
.base_w70p { width: 70%!important;}
.base_w60p { width: 60%!important;}
.base_w50p { width: 50%!important;}
.base_w40p { width: 40%!important;}
.base_w33p { width: 33.33%!important;}
.base_w30p { width: 30%!important;}
.base_w20p { width: 20%!important;}
.base_w10p { width: 10%!important;}
.base_w300 { width: 300px!important;}
.base_w250 { width: 250px!important;}
.base_w200 { width: 200px!important;}
.base_w150 { width: 150px!important;}
.base_w100 { width: 100px!important;}
.base_w80 { width: 70px!important;}
.base_w60 { width: 60px!important;}
.base_w50 { width: 50px!important;}
.base_w30 { width: 30px!important;}
.base_w10 { width: 10px!important;}
.base_ha { height: auto!important;}
.base_h100p { height: 100%!important;}
.base_h98p { height: 98%!important;}
.base_h96p { height: 96%!important;}
.base_h90p { height: 90%!important;}
.base_h86p { height: 86%!important;}
.base_h80p { height: 80%!important;}
.base_h70p { height: 70%!important;}
.base_h60p { height: 60%!important;}
.base_h50p { height: 50%!important;}
.base_h40p { height: 40%!important;}
.base_h33p { height: 33.33%!important;}
.base_h30p { height: 30%!important;}
.base_h20p { height: 20%!important;}
.base_h10p { height: 10%!important;}
.base_h300 { height: 300px!important;}
.base_h250 { height: 250px!important;}
.base_h200 { height: 200px!important;}
.base_h150 { height: 150px!important;}
.base_h100 { height: 100px!important;}
.base_h80 { height: 70px!important;}
.base_h60 { height: 60px!important;}
.base_h50 { height: 50px!important;}
.base_h30 { height: 30px!important;}
.base_h10 { height: 10px!important;}
	@media screen and (max-width: 768px) {
	.base_sp_p0 { padding: 0!important;}
	.base_sp_pb0 { padding-bottom: 0!important;}
	.base_sp_pt0 { padding-top: 0!important;}
	.base_sp_m0 { margin: 0!important;}
	.base_sp_mb0 { margin-bottom: 0!important;}
	.base_sp_mt0 { margin-top: 0!important;}
	}


/* 2018/09/13 freeframe枠用
--------------------------------------------------------------------- */

.activity_list_item02 {
    margin-bottom: 20px;
    padding: 15px;
    padding-bottom: 0;
    background: #fffff0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 3px;
}


/* 20181113追加 */

.activity_menu {

background: rgba(0,0,0,0.6);

}

.activity_sort {

background: rgba(0,0,0,0.6);

border-radius: 3px;

box-shadow: 0 0 10px rgba(0,0,0,0.1);

padding: 10px 0;

margin-bottom: 20px;

}

.activity_sort > ul {

margin-bottom: 10px;

}

/* 2018/11/15 SP版検索条件ボタンタップONOFFの挙動調整
--------------------------------------------------------------------- */

@media screen and (max-width: 768px) {

.menu_label:hover .text {
background: none;
color: #111184;
}

.menu_label:hover .text:before {
background-image: url(../images/icon_check_g.png);
}

.menu_label.type_radio:hover .text:before {
background-image: url(../images/icon_radio_off.png);
}

.menu_label.sel:hover .text {
position: relative;
background: #619de5;
color: #fff;
}

.menu_label.sel:hover .text:before {
background-image: url(../images/icon_check_w.png);
}

.menu_label.type_radio.sel:hover .text:before {
background-image: url(../images/icon_radio_on.png);
}

}