/*
:root { font-size:14px; }
body { margin: 0px; color:#3c3c3c; background-color:#FFFFFF;   font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
body,td { text-decoration:none; }
a img { border:none; }
*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:scroll; }
img { max-width:100%; height:auto; border: 0; }
.img-responsive { display:block; width:100%; height:auto; }
.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid > .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
ul.flexbox { list-style:none; margin:0; padding:0; }
.flexbox img { vertical-align: middle; }
#sm-nav-btn { position:absolute; top:0; right:5px; display:none; z-index:999999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:20px; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%;    }
div#top_baner1_box ul#main-menu > .col > a {  }
div#top_baner1_box ul#main-menu > .col > a:hover {   }
div#top_main_img_box { width:100%; }
div#top_baner2_box { width:100%;   }
div#top_baner3_box { width:100%;   }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%;   }
div.footbackground {   }
div.footbackground name > span { display:inline-block; }
div.menut{ clear: left; width:; text-align:left; vertical-align:text-top; }
div.navi_new { width:230px; float:right;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-230px; float:left; width:100%; }
div.document_new_r_contents { margin-left:250px; }
.menubt ul { margin:0px; padding:0px; list-style:none; }
.menubt ul li {  padding:0px; list-style:none; }
.menubt a { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:link { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:visited { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:hover { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:underline; text-align:center; border:solid 1px ; }
#sm-nav { position: absolute; top: -1000px; width:100%; height: auto; z-index: 99999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
#sm-nav-frm { border:none; width:100%; }
ul.global_nav_list { margin: 0 auto; padding: 0; line-height: 2em; }
ul.global_nav_list li.gnav_sub_head { border-bottom:none !important; list-style: none; background: none; text-indent: 0px; font-weight: bold; }
ul.global_nav_list li:last-child { border-bottom:none !important; }
ul.global_nav_list_disc { list-style-image: none !important; list-style-type: disc !important; list-style-position: inside !important; }
ul.global_nav_list_icon { list-style: none; }
ul.global_nav_list li { padding: 5px 10px; }
ul.global_nav_list_icon li { background-image: url("/image/icon/sp_menu_icon.png"); background-repeat: no-repeat; background-position: 97% 50%; text-indent: 0; }
ul.global_nav_list li a { text-decoration: none; display: block; font-weight: normal !important; }
ul.global_nav_list_disc li a { display: inline-block; }
.footer_in .col h3 {  font-size:1.1em; margin:0 0 7px 0; }
.footer_in ul.flexbox > .col { padding:7px;  }
.footer_in {  }
.footer_in li a {  font-size:0.9rem; }
.footer_in li a:hover, .footer_in a:visited, .footer_in a:link {  }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.footer_in ul.flexbox > .col { padding-left:20px; }
.global_nav_list li a { color: #333333 !important; }
.global_nav_list li a:visited { color: #333333 !important; }
.global_nav_list li a:hover { color: #333333 !important; }
.global_nav_list li a:active { color: #333333 !important; }
.global_nav_list li { border-bottom: 1px solid #cecece; }
 ul#at-footer-menu ul li.col { margin-bottom:4px; } 
.fre_pku_image h3, .fre_pku_image h4 {
    margin: 0;
    padding: 0;
}
.fre_pku_comment h3, .fre_pku_comment h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
@media screen and (max-width:767px) {
	.sm-none { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:2%; }
	.contents-pku.flexbox-sm-1 .col { width:100%; }
	.contents-pku.flexbox-sm-2 .col { width: calc(100% / 2 - 2% / 2); }
	.contents-pku.flexbox-sm-3 .col { width: calc(100% / 3 - 4% / 3); }
	.contents-pku.flexbox-sm-4 .col { width: calc(100% / 4 - 6% / 4); }
	.contents-pku.flexbox-sm-5 .col { width: calc(100% / 5 - 8% / 5); }
	.contents-pku.flexbox-sm-6 .col { width: calc(100% / 6 - 10% / 6); }
	.contents-pku .fre-pku-sm-rtn { margin-right:0; }
	.contents-pku .fre_pku_image { width:100%; }
	#mini-notification .inner { width: 100% !important; background: none !important; background-color: rgba(255, 255, 255, 0.9) !important; border: 1px solid #ccc !important; }
	#at-footer-menu > li.col { border-left:none; }
#at-footer-menu ul li.col { padding:5px 0; }

	.footer_in .col h3{ margin:15px 0 7px 0; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1.5%; }
	.contents-pku.flexbox-mm-1 .col { width:100%; }
	.contents-pku.flexbox-mm-2 .col { width: calc(100% / 2 - 1.5% / 2); }
	.contents-pku.flexbox-mm-3 .col { width: calc(100% / 3 - 3% / 3); }
	.contents-pku.flexbox-mm-4 .col { width: calc(100% / 4 - 4.5% / 4); }
	.contents-pku.flexbox-mm-5 .col { width: calc(100% / 5 - 6% / 5); }
	.contents-pku.flexbox-mm-6 .col { width: calc(100% / 6 - 7.5% / 6); }
	.contents-pku .fre-pku-mm-rtn { margin-right:0; }
}
@media print,screen and (min-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1%; }
	.contents-pku.flexbox-wm-1 .col { width:100%; }
	.contents-pku.flexbox-wm-2 .col { width: calc(100% / 2 - 1% / 2); }
	.contents-pku.flexbox-wm-3 .col { width: calc(100% / 3 - 2% / 3); }
	.contents-pku.flexbox-wm-4 .col { width: calc(100% / 4 - 3% / 4); }
	.contents-pku.flexbox-wm-5 .col { width: calc(100% / 5 - 4% / 5); }
	.contents-pku.flexbox-wm-6 .col { width: calc(100% / 6 - 5% / 6); }
	.contents-pku .fre-pku-wm-rtn { margin-right:0; }
}

.mov { border: solid 1px #999999; background-color:#000000; }
#read_brws_link_box a { /*font-size:1px;*/ text-indent: -10000px; position:absolute; top:0; left:0; }
div.news_list { width:100%; border-style:none; font-size:1em; }
div.news { width:100%; border-style:none; position:relative; }
div.name { text-align:right; border-style:none; padding-left:20px; padding-right:20px; margin-top: 13px; }
div.footselect { width:100%; height:7px; background-image:url(/image/bar/); background-repeat:repeat-x; }
div.topmenuarea { width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
/*
a:link { color:#0096df; text-decoration:none; }
a:visited { color:#0096df; text-decoration:none; }
a:hover { color:#0096df; text-decoration:underline; }
*/
div.menutR{ clear: left; width:; text-align:left; vertical-align:text-top;  }

img.button { width:100px; height:25px; margin-top:5px; margin-bottom:5px; border-style:none; }
img.topl { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
img.topr { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
/*
div.rcaptionex h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:200px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:200px; overflow-y:auto;  }
div.vmode_scroll { width:100%; height:0px; overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new { width:; float:left; }
*/
;
/*
div.document1_new { width:; }
div.document2_new { width:; float:left; }
*/
a.rss { margin-left:4px; }
img.newsbar { vertical-align:bottom; }
td.p_nopad p { margin-top:0;padding-top:0; }
hr.news_head { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news2_head { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news_contents { height:1px; border:none; color:d7e7ee; background-color:#d7e7ee; }
hr.news2_contents { height:1px; border:none; color:d7e7ee; background-color:#d7e7ee; }
hr.youtube_head { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_foot { height:1px; border:none; color:000; background-color:#000; }
div.at-content-box { margin-top:5px; }
div.at-content-text { text-align:left; }
.clear { clear:both; }

.center_box { margin:0 auto; width:100%; }
.left_box { text-align:left; width:100%; }
.right_box { text-align:right;  width:100%; }

/*
div#font-size-change { font-size:1em; line-height:150%; text-align:center; }
div#font-size-change > dl { margin:0px; }
div#font-size-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#f3f4f4; border:1px solid #ebecec; color:#3c3c3c;
}
div#font-size-change > dl > dd:hover { background-color:#2996c9; color:#fff; }
dd.font-select { background-color:#2996c9 !important; color:#ffffff !important; }
dd#font-size-normal { min-width: 30px !important; cursor:pointer; }
dd#font-size-small { font-size:75% !important; cursor:pointer; }
dd#font-size-big { font-size:130% !important; cursor:pointer; }

div#color-change { font-size:1em; text-align:center; }
div#color-change > dl { margin:0px; }
div#color-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change > dl > dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change > dl > dd:hover {   }
dd#color-mode-default { width: 30px !important; background-color:#ffffff; border:1px solid #d9d9d9; color:#333333; }
dd#color-mode-white { background-color:#ffffff; border:1px solid #d9d9d9; color:#000000; }
dd#color-mode-black { background-color:#000000; border:1px solid #000000; color:#ffffff; }
dd#color-mode-blue { background-color:#0000aa; border:1px solid #0000aa; color:#ffffff; }
*/

.video-title-box { text-align:center; margin:0 0.5em; }
.video-desc { margin:1em; display:block; }
.at-video { object-fit: cover; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
.at_anime01 h2,
.at_anime01 h2 span {
    opacity: 0; //不透明度0%
}
.at_anime02 h2 {
	opacity: 0; //不透明度0%
	position:relative;
	overflow:hidden;
	transform : translate(0, -2em);
	transition : all 1.0s ease;
}
.at_anime03 h2 {
	opacity: 0; //不透明度0%
	position:relative;
	overflow:hidden;
	transform : translate(0, 2em);
	transition : all 1.0s ease;
}
.at_anime04 h2 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime01 > ul > li,
.pku_anime01_ex > ul > li,
.at_img_anime01 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime02 > ul > li,
.pku_anime02_ex > ul > li,
.at_img_anime02 {
    opacity: 0;
    transform: scale(0, 0);
    transition: all 1.0s;
}
.pku_anime03 > ul > li,
.pku_anime03_ex > ul > li,
.at_img_anime03 {
    opacity: 0;
    transition: all 1.0s;
    transform : translate(0, 100px);
}
.at-icon-none { 
	list-style:none;
}
.at-icon-disc {
	list-style:none;
}
.at-icon-disc a.text_link {
	position: relative;
}
.news .at-icon-disc a.text_link ,
.news2 .at-icon-disc a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-disc a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .45em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.at-icon-arrow {
	list-style:none;
}
.at-icon-arrow a.text_link {
	position: relative;
}
.news .at-icon-arrow a.text_link ,
.news2 .at-icon-arrow a.text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow a.text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.at-icon-arrow2 {
	list-style:none;
}
.at-icon-arrow2 a.text_link {
	position: relative;
}
.news .at-icon-arrow2 a.text_link ,
.news2 .at-icon-arrow2 a.text_link {
	margin-left:20px;
	display:inline-block;
}

.at-icon-arrow2 a.text_link::after,
.at-icon-arrow2 a.text_link::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2 a.text_link::after {
	top: 0.15em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2 a.text_link::before {
	z-index: 2;
	top: 0.42em;
	left: -1.05em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.at-cion-none {
	list-style:none;
}
a#at-page-top { opacity:0.5; display:none; position: fixed; bottom:15px; right:15px; width: 55px; height: 55px; background-color: #665e53; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#at-page-top > span { position: absolute; width: 25px; height: 25px; border: 5px solid #665e53; border-left-color: #FFF; border-top-color: #FFF; top: 20px; left: 15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a#at-page-top:hover { background-color: #7F7568;  }
a#at-page-top:hover > span { border: 5px solid #7F7568; border-left-color: #FFF; border-top-color: #FFF; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
@media screen and (max-width:767px) {
a#at-page-top { width: 30px; height: 30px; }
a#at-page-top > span { width: 8px; height: 8px; top: 13px; left: 10px; }
}
/*
h1 { font-size:0.8em; font-weight:normal; text-align:center; color:#3c3c3c; margin:0.5em; }
*/
/* basehtmlfile: 24*/
@media screen and (max-width:767px) {
.ccaption h1,.ccaption h2 { font-size:1.2rem !important; font-weight:bold !important; }

.ccaption_sub h2,.ccaption_sub h3 { font-size:1.1rem !important; font-weight:bold !important; }

.ccaption_sub_min h3,.ccaption_sub_min h4 { font-size:1rem !important; font-weight:bold !important; }
}
.top_menu_fixed { position:fixed; top:0; z-index:99999; }
.span{display:none;}

#pv-link { color:#f00; }

#slideshow6 { position:relative; }

#mail-regulation-box { text-align:center; }

/* ニュース */
#news_rss { margin-right:8px !important; }

#at_ticker li a { font-weight:bold; }

/* パンくず */
.pankuzu-box { max-width: 1220px; margin: 0 auto; padding:0 10px; }

.text-link-btn { width:420px; text-align:center; margin:0 auto; }
.text-link-btn a { width:100%; display:block; color: #ffffff; font-size: 1.2em; background-color: #808080;  }

/* トップページ　スライドショー・会員向け情報 */
.top-image-box { width:990px; height:260px; margin:15px auto 0 auto; }
.top-slide-box { width:730px; height:260px; float:left; background-color:#f0f9fd; margin: 0 15px 0 5px; }
.member-info-box { width:230px; height:260px; float:left; background:url(/files/bg-member-info.jpg) no-repeat; margin:0 10px 0 0; }
.btn-login { margin:95px 18px 0 20px; }
.btn-entry { margin:20px 18px 0 20px; }

.member-info-box2 { width:230px; height:260px; background:url(/files/bg-member-info.jpg) no-repeat; margin:0 10px 0 0; }

.main_block_leftright_img { margin-top:7px; }
.cover_comment h2 { margin:0; }

.c1-box {
    border: 1px solid #aeceef;
padding: 1rem;
margin: 0 5px 2rem 5px;
}

.member-info-area {
    width: 222px;
    height: 252px;
    float: left;
    margin: 0 10px 0 0;
    border: 4px solid #B5D6E7;
}
.member-info-area h2 {
    margin:0;
    padding:0;
}
.member-info-area > h2 > img {
    border-bottom: 2px solid #b5d6e5;
    box-shadow: 0 1px 2px #D2E1E6;
}
.member-info-area .btn-login {
    margin: 23px 18px 0 16px;
}
.member-info-area .btn-entry {
    margin: 20px 18px 0 16px;
}
.member-info-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* トップページ　リンク画像 */
.ul-link ul { margin:0; padding:0; }
.ul-link li { list-style:none; width:187px; height:72px; float:left; margin:0 12px 0 0; }

/* サイトマップ */
.sitemap ul { margin:15px 0 0 0; padding:0; }
.sitemap li { margin:0 0 8px 0; padding:0 0 0 55px; list-style:none; background:url( /files/sitemap-li.jpg) no-repeat 3% 50%; }

/* テーブル　th左・細字 */
.table-style1 table { width:97%; margin:10px auto 10px auto; border-collapse:collapse ; border:solid 1px #d6dcdd; }
.table-style1 th { padding:8px 10px; font-weight:normal; border-bottom:solid 1px #d6dcdd; border-right:solid 1px #d6dcdd; background-color:#e3f5dd; }
.table-style1 td { padding:8px 10px; border-bottom:solid 1px #d6dcdd; border-right:solid 1px #d6dcdd; }

/* リスト */
.ul-style1 ul { margin:5px 0 0 -10px; }
.ul-style2 ul { margin:5px 0 0 -10px; }
.ul-style2 li { margin:4px 0; }

/* 会員一覧 */
.ul-member { margin:25px 0; border-top:1px solid #d6dcdd; border-left:1px solid #d6dcdd; }
.ul-member:after{ content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden; }
.ul-member ul { margin:0; padding:0; }
.ul-member li { margin:0; padding:4px 10px; width:328px; height:16px; float:left; list-style:none; border-right:1px solid #d6dcdd; border-bottom:1px solid #d6dcdd; }

.member-list1 { width:349px; margin:20px 0 10px 0; border-top:1px solid #d6dcdd; border-left:1px solid #d6dcdd; float:left; }
.member-list2 { width:349px; margin:20px 0; border-top:1px solid #d6dcdd; float:left; }
.member-box ul { margin:0; padding:0; }
.member-box li { margin:0; padding:4px 10px; width:328px; list-style:none; border-right:1px solid #d6dcdd; border-bottom:1px solid #d6dcdd; }

/* 余白調整 */
.mar-l-90 { margin-left:90px; }

/* テキスト位置 */
.text-align-r { text-align:right; margin:5px 5px 0 0; }
.text-align-r2 { text-align:right; margin:4px 3px 0 0; }
.text-align-r3 { text-align:right; margin:4px 10px 0 0; }

/* ぱんくず */
.navi_wrap { text-align: left; margin: 0 0 10px 5px; }

/* 作成中 */
.non { font-size:20px; margin:15px 25px; height:290px; }
.non2 { font-size:20px; margin:15px 25px; height:30px; }

.pku-cont-img img{ display:block; margin:0 auto; }

/* ver5 スマホ用 */
/* テーブル　th左・細字 */
.table-style1 table { width:100%; margin:10px auto 10px auto; border-collapse:collapse ; border:solid 1px #d6dcdd; }
.table-style1 th { padding:6px 3px; font-weight:normal; border-bottom:solid 1px #d6dcdd; border-right:solid 1px #d6dcdd; background-color:#e3f5dd; }
.table-style1 td { padding:6px 3px; border-bottom:solid 1px #d6dcdd; border-right:solid 1px #d6dcdd; }

/* リスト */
.ul-style1 ul { margin:5px 0 0 -10px; }
.ul-style2 ul { margin:5px 0 0 0; padding:0; }
.ul-style2 li { margin:0; padding:7px 10px; width:98%; border-bottom:1px solid #d6dcdd; list-style:none; }

.ul-program { margin: 0; padding: 0; }
.ul-program li { list-style: none; margin-bottom: 35px; }


/* 会員一覧 */
.ul-member { margin:25px 0; border-top:1px solid #d6dcdd; border-left:1px solid #d6dcdd; }
.ul-member:after{ content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden; }
.ul-member ul { margin:0; padding:0; }
.ul-member li { margin:0; padding:4px 10px; width:328px; height:16px; float:left; list-style:none; border-right:1px solid #d6dcdd; border-bottom:1px solid #d6dcdd; }

.member-list1 { width:99%; margin:20px 0 0 0; border-top:1px solid #d6dcdd; }
.member-list1 li:last-child { border:none; }
.member-list2 { width:99%; margin:0 0; border-top:1px solid #d6dcdd; }
.member-box ul { margin:0; padding:0; }
.member-box li { margin:0; padding:4px 10px; width:98%; list-style:none; border-right:1px solid #d6dcdd; border-bottom:1px solid #d6dcdd; }

/* テキスト位置 */
.text-align-r { text-align:right; margin:5px 5px 0 0; }
.text-align-r2 { text-align:right; margin:4px 3px 0 0; }
.text-align-r3 { text-align:right; margin:4px 10px 0 0; }

ul.global_nav_list li { line-height:250%; }

#taskguide-box { margin-top:15px; }


/* 2018.06.27 リニューアル
---------------------------------------------------------------------------------------------------------------------------- */

html { overflow-y: scroll; scroll-behavior: smooth; }
a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.span { display: none; }
.clear { clear: both; } 
.maintablebox2 { background-color: #fff; padding: 20px 0 0 0; }
.at-content-box { margin-bottom: 50px; }
    

/* ヘッダー部
---------------------------------------------------------------------------------------------------------------------------- */
div#font-size-change { float: right; margin: 12px 15px 0 0; line-height: 140% !important; }
.site-info { max-width: 1200px; margin: 5px auto 10px auto; overflow: hidden; }
h1#logo,div#logo { float: left; max-width: 440px; max-height: 90px; margin: 10px 0 0 10px !important; }
#title-right { max-width: 580px; width: calc( 100% - 520px ); max-height: 90px; float: right; margin: 0 10px 0 0; }
.title-right-1 { height: 40px; }
.top-menu { margin: 16px 25px 10px 0; float: right; height: 15px; }
.top-menu ul { margin: 0; padding: 0; }
.top-menu li { margin: 0 16px 0 0; padding: 0; list-style: none; float: left; }
.top-menu li:last-child { margin:0; }
.top-menu li a { padding: 0 0 0 15px; font-size: 0.9em; color: #352005; }
.top-menu li a:hover { color: #0096df; }
a.top-menu01 { margin: 0; padding: 0;  background:url(/files/icon-arrow1.gif) no-repeat 0% 60%;}
.title-right-2 { clear: both; margin: 16px 2px 0 0; overflow: hidden; }
.top-search-box { width: 220px; margin: 11px 0 0 0; float: right; }
.search_form { width: 216px; float: right; margin: 3px 0 0 10px; }
.search_form #field { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #ffffff; border:solid 1px #dcdcdc;
border-radius: 4px 1px 1px 4px; border-image: none; color: #352005; float: left; font-family: arial,sans-serif; font-size: 1em; height: 23px; line-height: 23px; text-indent: 6px; width: 160px; }
.search_form #space { float:left; width:1px; height:21px; line-height:19px; margin:0; padding:0; font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif; font-size:1px; border:none; }
.search_form #submit { float:left; cursor:pointer; width:50px; height: 23px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/image/search/ico-search.png) no-repeat #2996c9 center;
border: 1px solid #2996c9; border-radius: 1px 4px 4px 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form .fclear {clear:both}

/* 会員向け情報
---------------------------------------------------------------------------------------------------------------------------- */
.txt-ss { font-size: 0.8em; }
.member-info { float: right; margin: 0; padding: 0; }
.member-info li { float: left; list-style: none; }
.member-info li a { color: #fff !important; }
.title-member { margin: 6px 10px 0 0 !important; }
.btn-member { display: inline-block; background-color: #fc890d; padding: 3px 25px; border: solid 1px #fc890d; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-decoration: none !important; font-size: 1.17em; }
.btn-member:hover { background-color: #f1b705; border: solid 1px #f1b705; }
.btn-mar-r { margin-right: 13px; }

/* nav
---------------------------------------------------------------------------------------------------------------------------- */
#top_baner1_box { clear: both; background-color: #fff !important; height: 50px; border-top: dotted 1px #c3dbe6; border-bottom: dotted 1px #c3dbe6; }
#top_baner1_in { max-width:1200px; margin:0 auto; }
/*
nav > ul { max-width: 1200px; height: 48px; list-style:none; margin: 0 auto; padding: 0; }
nav > ul > li { width: 16.66666%; width: calc( 100% / 6 - 0.01% ); height: 48px; line-height: 48px; float: left; display: block; text-align: center; margin: 0; padding: 0; border-right: dotted 1px #c3dbe6; }
nav > ul > li:first-child { border-left: dotted 1px #c3dbe6; }
nav > ul > li > a { display: inline-block; width: 100%; color: #333 !important; text-decoration: none; padding: 0 6px 0 0; }
nav > ul > li > a:hover { background-color: #f3f4f4; text-decoration: none; }
*/
.nav-icon { vertical-align: middle !important; display: inline-block; margin-right: 5px; }

/*
#top_baner1_box { clear: both; background-color: #fff !important; height: 50px; margin-bottom: 4px; border-top: solid 1px #cddfe7; border-bottom: solid 1px #cddfe7; box-shadow: 0 0 7px rgba(196,218,230,0.5); }
#top_baner1_in { max-width:1100px; margin:0 auto; }
nav > ul { max-width: 1100px; height: 48px; list-style:none; margin: 0 auto; padding: 0; }
nav > ul > li { width: 16.66666%; width: calc( 100% / 6 - 0.01% ); height: 48px; line-height: 48px; float: left; display: block; text-align: center; background-color: #d4e5ec; background: -moz-linear-gradient(to bottom,#d4e5ec 0%,#d4e5ec 50%,#cfe1e9 50%,#cfe1e9 100%); background: -webkit-linear-gradient(to bottom,#d4e5ec 0%,#d4e5ec 50%,#cfe1e9 50%,#cfe1e9 100%); background:linear-gradient(180deg,#d4e5ec 0%,#d4e5ec 50%,#cfe1e9 50%,#cfe1e9 100%); border-right: solid 1px #cddfe7; margin: 0; padding: 0; }
nav > ul > li:first-child { border-left: solid 1px #cddfe7; }
nav > ul > li > a { display: inline-block; width: 100%; height: 48px; color: #333 !important; text-decoration: none; border: solid 1px #fff; }
nav > ul > li > a:hover { background:linear-gradient(180deg,#59b0d8 0%,#59b0d8 50%,#4aa8d3 50%,#4aa8d3 100%); color: #fff !important; text-decoration: none; }
.nav-icon { vertical-align: middle !important; display: inline-block; margin-right: 5px; }
*/


/* スライド
---------------------------------------------------------------------------------------------------------------------------- */
#slideshow_area34 { margin: 0 auto; }
a:hover img.img-op-95 { opacity: 0.95; }
#nav6 { margin: 5px 0 0 0 !important; }
.nav a { border: 1px solid #ddd !important; }
.nav li.activeSlide a { border: 1px solid #2996c9 !important; }


/* ニュースティッカー
---------------------------------------------------------------------------------------------------------------------------- */
#at_ticker_area { margin: 25px auto 0 auto !important; min-height: 31px; }
.at_ticker_title_border { border-left: 4px solid #fca206 !important; padding-left: 7px !important; }

/* PAGE TOP
---------------------------------------------------------------------------------------------------------------------------- */
.page-top-wrap { width: 100%; border-bottom: #d7e7ee 1px solid; overflow: hidden; }
.page-top { max-width:1100px; margin: 0 auto; }
.page-top-box { width:100px; height:20px; margin: 28px 15px 0 0; float:right; }

/* フッター
---------------------------------------------------------------------------------------------------------------------------- */
.footer_in { clear: both; border-top: #d7e7ee 1px solid; }
.footer-joic-wrap { max-width: 1200px; margin: 20px auto 0 auto; overflow: hidden; clear: both; }
.footer-joic { width: 55%; float: left; }
.footer-joic h2 { margin: 0 0 10px 0; }
a.footer-tel { color: #3c3c3c !important; text-decoration: none; }
.footer-nav { width: 44%; float: right; margin-top: 30px; display: flex; }
.footer-menu { width:33.33333%; margin: 20px 0 0 0; padding: 5px 4px; border-left: dotted 1px #c5dcdc; }
.footer-menu h3 { margin: 5px 0 7px 0; padding-left: 6px; color: #555; }
.footer-menu ul { margin: 0; padding: 0; }
.footer-menu li { margin: 0 0 2px 0; padding: 0 0 0 20px; list-style: none; background: url( /files/footer-bg-li.jpg) no-repeat 2% 50%; font-size: 0.95em; }
#copyright { font-size: 0.9em; clear: both; margin-top: 20px; padding-bottom: 10px; text-align: center; }


/* フレーム
---------------------------------------------------------------------------------------------------------------------------- */
.common_inner { max-width:1200px; margin:0 auto; }
.main_inner { max-width:1200px; margin:0 auto; }


/* ニュース
---------------------------------------------------------------------------------------------------------------------------- */
.news_box { background-color:#ffffff; padding:10px 0; }
.news2_box { background-color:#ffffff; padding:10px 0; }
.vmode_box { background-color:#ffffff; padding:30px 0; }
.youtube_box { background-color:#ffffff; padding:30px 0; }
.cover_box { background-color:#ffffff; padding:30px 0; }
.more_box { text-align:center; margin:20px 0 10px 0; }

/*.news h2 { font-size: 1.2em !important; background: linear-gradient(180deg,#40a9d8 0%,#2896c9 100%); padding: 6px 12px 6px 6px !important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: block !important; }
.news h2 a { color: #fff !important; }*/

.news h2 { font-size: 1.2em !important; padding: 6px 12px 2px 6px !important; border-bottom: solid 1px #40a9d8; display: block !important; }
.news h2 a { color: #333 !important; }
#news_rss .newsbar { margin: 6px 7px 0 0; }
#news2_rss .newsbar { margin: 6px 7px 0 0; }
.news_title { padding: 0 !important; display: inline-block; }
.news_scroll { max-width: 99%; margin: 0 auto; }
.top_news li a { color: #3c3c3c; }
.top_news li a:hover { color: #0096df !important; text-decoration: none; }
.top_news2 li a { color: #3c3c3c; }
.top_news2 li a:hover { color: #0096df !important; text-decoration: none; }

.at_news_cate1 { margin: 0 12px; }
.at_news_cate2 { margin: 0 12px; }
.at_news_cate3 { margin: 0 12px; }
.at_news_cate4 { margin: 0 12px; }
.at_news_cate5 { margin: 0 12px; }
.at_news2_cate1 { margin: 0 12px; }
.at_news2_cate2 { margin: 0 12px; }
.at_news2_cate3 { margin: 0 12px; }
.at_news2_cate4 { margin: 0 12px; }
.at_news2_cate5 { margin: 0 12px; }

.disp_news_title_box h2 { background: #f3f4f4 !important; } /* 内部ページ見出し文字色 */

.list_news li { padding: 0 6px 0 2px; } 
.list_news li:first-child { border-top: solid 1px #d7e7ee; padding-top: 6px; }
.list_news li a { color: #3c3c3c; }
.list_news li a:hover { text-decoration: none; color: #0096df; }
.list_news2 li { padding: 0 6px 0 2px; }
.list_news2 li:first-child { border-top: solid 1px #d7e7ee; padding-top: 6px; }
.list_news2 li a { color: #3c3c3c; }
.list_news2 li a:hover { text-decoration: none; color: #0096df; }


/* ピックアップ
---------------------------------------------------------------------------------------------------------------------------- */
.pku_box { background-color:#ffffff; padding:30px 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
#pku_box1 { padding: 0 0 30px 0 !important; }
.pku_cont1 > ul > li { padding: 0 0.5% 12px 0.5% !important; }
.pku_cont1 .pku_cont_box { padding: 0 15px !important; }
.pku_cont1 .pku_cont_headlist { padding: 0 5px !important; }
.pku_cont1 .pku_cont_headlist h3 { margin: 12px 0 10px 0 !important; }
.pku_cont1 .pku_cont_list p { margin: 5px 0; }
.pick1-txt-space { min-height: 88px; }


/*
.pku_cont2 > .flexbox > li.col:first-child { width:65% !important; }
.pku_cont2 > .flexbox > li.col:last-child { width:35% !important; }
*/
#pku_cont_img2_2 { max-width:400px; margin:10px auto; }

#pku_cont_list2_1 { font-size:16px; }

/*
#slideshow_area4 { width: 250px !important; }
#slideshow_area4 img { width: 100% !important; } 
*/

/* トピックス
---------------------------------------------------------------------------------------------------------------------------- */
.tpc_box { padding: 0 12px 30px 12px !important; background-color:#ffffff; }
.tpx-p { margin: 0 0 8px 0; }


/* メイン表示 1
---------------------------------------------------------------------------------------------------------------------------- */
.main_block_updown_img img { display: block; margin: 0 auto;}
.main_block1_box { background-color:#ffffff; padding:30px 0; }
#main_block_body1_1 { border: solid 3px #6eb6d7; padding: 15px; margin-bottom: 25px !important; }
#main_block_body1_2 { border: solid 3px #6eb6d7; padding: 15px; margin-bottom: 25px !important; }

#main_block_head1_2 { font-size:1em !important; }
#main_block_head1_2 h2 { font-size:2em !important; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif; }

/* メイン表示 2（バナー）
---------------------------------------------------------------------------------------------------------------------------- */
.main_block2_box { background-color:#ffffff; padding:30px 0; }
#main_block_body2_2 { text-align: center; }
.ul-ban { margin: 0; padding: 0; }
.ul-ban li { display: inline-block; list-style: none; padding: 5px 7px; }
.ul-ban li img { vertical-align: middle; }


/* 見出し
---------------------------------------------------------------------------------------------------------------------------- */
/*
.ccaption h2 { background: url(/files/line-title.png) no-repeat 0 50% !important; padding-left: 20px !important; }
.ccaption_sub h3 { background: url(/files/line-komidashi.png) no-repeat 0 50% !important; padding-left: 20px !important; }
*/


/* ボタン
---------------------------------------------------------------------------------------------------------------------------- */
.btn-video { display: inline-block; margin: 0 12px; background-color: #2a97c9; padding: 2px 12px; border: solid 1px #2a97c9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.btn-video a { color: #fff !important; display: inline-block !important; }


/* 余白
---------------------------------------------------------------------------------------------------------------------------- */
.mar-t10 { margin-top: 10px; }
.mar-t20 { margin-top: 20px; }
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.mar-b30 { margin-bottom: 30px; }
.pad-lr2em { padding: 0 2em; }


/* テキスト
---------------------------------------------------------------------------------------------------------------------------- */
a.font-red { color: #ff0000 !important; }
a.font-l-blue { color: #0096df !important; }

.font-red { color: #ff0000; }
.font-l-blue { color: #0096df; }

.font-s85 { font-size: 0.85rem; }
.font-s14 { font-size: 14pt; }

.txt-ctr { text-align: center; }

/* テーブル　th左・細字
---------------------------------------------------------------------------------------------------------------------------- */
.table-style1 table { width:100%; margin:10px auto 10px auto; border-collapse:collapse ; border:solid 1px #d6dcdd; }
.table-style1 th { padding:6px; font-weight:normal; border-bottom:solid 1px #d6dcdd; border-right:solid 1px #d6dcdd; background-color:#e3f5dd; }
.table-style1 td { padding:6px; border-bottom:solid 1px #d6dcdd; border-right:solid 1px #d6dcdd; }

.tbl-w36 { width: 36%; }


/* リスト
---------------------------------------------------------------------------------------------------------------------------- */
.ul-style1 ul { margin:5px 0 0 -10px; }
.ul-style2 ul { margin:5px 0 0 0; padding:0; }
.ul-style2 li { margin:0; padding:7px 10px; width:98%; border-bottom:1px solid #d6dcdd; list-style:none; }

.joic-map { margin-left: 180px; }


#sm-nav-btn img {
	width: 45px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

@media screen and (max-width:767px) {
	/*　画面サイズが767pxまではここを読み込む　*/
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; } /* スマートフォン版で非表示にしたい場合、sm-noneクラスを付与する */
	.top_fixed_menu { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.mainbody_r { margin-left:0 !important; }
	.mainbody_contents { margin-left:0 !important; }
	.navi_new { display:none; }

	.main-menu01 { display:none; }
	.at-content-text { overflow: initial !important; }
	#top_baner1_box { display:none; } /* スマートフォン版では上メニューを非表示とする */
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* 好みの背景色 */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:16px;
	}
	#sm-nav > ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 > .col {
		width:33.33333%;
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
	.flexbox-sm-3 > .col {
		width:33.33333%;
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:16.66666%;
	}
	.search_form {
		margin: 9px 0 0 5px;
		float: left;
	}
	#footer-shop span { display:block; }
.maintablebox2 { padding: 0 !important; }
.at-content-box { padding: 0 8px; line-height: 1.6em; }

.site-info { margin: 0 auto 10px auto; }
h1#logo,div#logo { max-width: 260px; float: none; margin: 2px 0 2px 8px !important; }
#title-right { float: none; width: 100% !important; max-width: 100%; margin: 0; }
.title-right-1 { display: none; }
.title-right-2 { width: 100%; margin: 0 auto; } 

.member-info { float: none; width: 100%; border-style: solid none; border-width: 1px; border-color: #d4e5ec; overflow: hidden; }
.member-info li { float: left; display: block; border-right: solid 1px #d4e5ec; text-align: center; font-size: 0.85em; background-color: #fc9f0d; }
.member-info li:last-child { border-right: none; }
.title-member { margin: 0 !important; padding: 8px 0; width: 28% !important; background-color: #fff !important; }
.btn-member { padding: 8px 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; display: block; }
.btn-mar-r { margin-right: 0; }
.menber-li2 { width: 44%; }
.menber-li3 { width: 28%; }

/*.member-info { float: none; }
.member-info li { float: none; display: inline-block;  }
.title-member { display: block !important; padding: 6px 0 6px 8px; }
.btn-member { padding: 3px 14px; }*/

#top_baner2_in { margin: 0 auto 18px auto; }
#at_ticker_area { margin: 20px auto 40px auto !important; width: 96% !important; }
.sp-bloc { display: block; }
#at_ticker_list { width: 35px !important; }
#at_ticker_navi_l { width: 35px !important; }
#at_ticker_navi_r { width: 35px !important; }

.footbackground { padding: 0 0 15px 0; background: none; }
.page-top-wrap { border-bottom: none; }
.page-top-box { margin: 29px 2px 0 0; }
.footer-joic-wrap { margin: 0 auto; }
.footer-joic { width: 100%; float: none; font-size: 0.85em; text-align: center; clear: both; padding-top: 20px; }
.footer-joic img { width: 180px; }
a.footer-tel { color: #0096df !important; }
/*
.footer-nav { width: 90%; float: none; margin: 0 auto; overflow: hidden; display: none !important; }
.footer-menu { border: none; width: 45%; padding: 10px 0 0 0; height: 78px; }
*/
.footer-nav { width: 100%; float: none; margin: 0 auto; display: block; }
.footer-menu { border: none; width: 50%; padding: 10px 0 0 0; float:left; }
.footer-menu ul li { padding:7px 0 7px 20px; display:block; }

.text-newline { display: block; }
#copyright { text-align: center; }

/* 見出し
.ccaption { clear: both; height: auto !important; line-height: 1.3em !important; padding: 5px 0 5px 3px !important; }
.ccaption h2 { font-size: 11pt !important; padding-left: 3px !important; background: none !important; }
.ccaption_sub { padding: 7px 0 5px 4px !important; }
.ccaption_sub h3 { font-size: 10pt !important; padding-left: 0 !important; background: none !important; }
 */
.ccaption h2 { font-size: 13.5pt !important; padding: 8px 6px !important; background-color: #efefef; }
.ccaption_sub h3 { font-size: 13pt !important; margin: 0 6px !important; }

.news { margin-bottom: 4px; }

/* 小林
#at_news1 { padding: 3px 0 !important; margin-bottom: 12px; height: 34px; overflow: hidden; }
#at_news1 a img { height: 25px; }
#at_news2 { padding: 3px 0 !important; margin-bottom: 12px; height: 34px; overflow: hidden; }
#at_news2 a img { height: 25px; }
#at_news1 h2 img { height: 27px; }
.news h2 { font-size: 1.1em !important; padding: 2px 0 !important; !important; }
#news_rss .newsbar { margin: 3px 6px 0 0; }
#news2_rss .newsbar { margin: 3px 6px 0 0; }
#at_news2 h2 img { height: 27px; }
*/

.tpc_box { padding: 15px 10px 5px 10px !important; margin: 0 0 10px 0; background-color: #efefef; }
.ccaption_tpc_head1_1 h2 { font-size: 11pt; line-height: 1.1em; }
.ccaption_tpc_head1_1 { margin-bottom: 12px; }
.tpc_leftright_box { padding: 5px 0 !important; }
.sp-bloc { display: block; margin-bottom: 15px; }
.btn-video { margin: 0 10px 0 0; }

#pku_box1 { padding: 0 0 10px 0 !important; }
.ccaption_pku1 { width: auto; height: 35px !important; }
.ccaption_pku1 h2 img { height: 35px !important; }

div.ccaption_pku2 { width: 100% !important; height: auto !important; padding-left: 0 !important; }

/*
.pku_cont2 > .flexbox > li.col:first-child { width: 100% !important; }
.pku_cont2 > .flexbox > li.col:last-child { width: 100% !important; min-width:250px; margin: 0 auto; }
*/

.main_block1_box { padding: 0 0 10px 0; }
#main_block_head1_1 { width: 100% !important; height: 30px !important; margin-bottom: 3px; }

/*
#main_block_head1_1 h2 img { height: 30px !important; }
*/

.main_block2_box { padding: 0 0 30px 0; }
#main_block_head2_1 { height: 30px !important; margin-bottom: 3px; }
#main_block_head2_1 h2 img { height: 30px !important; }

#main_block_head1_2 h2 { font-size:1.3em !important; }

ul.top_news { padding: 2px 0; }
.news_scroll { max-width: 100%; }

div#main_block_head2_1 h2 { text-align: center; }
.ul-ban { text-align: center; }
.ul-ban li { padding: 5px 7px; width: 150px; }

.table-style1 th { padding:6px 3px; }
.table-style1 td { padding:6px 3px; }

.pad-lr2em { padding: 0 0 0 1.5em; }

/* スマホグローバルメニュー */
#smp-global-nav { clear: both; margin-top: 2px; }
#smp-global-nav h3 { background-color: #eee; color: #333; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 0 0 0 20px; height: 38px; line-height: 38px; list-style: none; background: url(/files/icon-arrow2.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; overflow: hidden; }
#smp-global-nav ul li a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; }
#smp-global-nav ul li a:hover { color: #0096df; }
.toppage { background-color: #eee; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-size: 0.97em; font-weight: bold; }
.toppage a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; }
.sp-tel { width: 100%; margin: 5px auto; }
.home { display: inline-block; margin: 9px 7px 0 0; float: right; }

.search_form { width: 96%; float: none; margin: 10px auto; overflow: hidden; }
.search_form #field { max-width: 260px; width: calc( 100% - 55px ); }
.search_form #submit { width: 50px; }

}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:33.33333%;
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:33.33333%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:16.66666%;
	}
	.at-content-text { overflow: initial !important; }
	#footer-shop span { display:block; }
.tab-none { display:none; }
.at-content-box { line-height: 1.5em; }

.site-info { margin: 0 auto 10px auto; }
h1#logo,div#logo { max-width: 37%; margin: 14px 0 0 5px !important; }
#title-right { max-width: 60%; width: calc( 100% - 40% ); }
.title-right-1 { height: 36px; margin-top: 8px; }
.top-search-box { margin: 4px 0 0 0; }
.top-menu { margin: 7px 25px 10px 0; }
.title-right-2 { margin: 5px 2px 0 0; font-size: 0.95em; }

/* nav > ul > li > a { font-size: 0.85em; }*/
#main_block_body1_1 .main_block_leftright_img { width: 50%; }
#main_block_body1_2 .main_block_leftright_img { width: 50%; }

#at_ticker_area { margin: 25px auto 0 auto !important; width: 97.5% !important; font-size: 0.9em !important; }

.footbackground { padding: 0 10px 0 10px; font-size: 0.85em; }

.ul-ban li { padding: 5px 7px; width: 180px; }

}
@media print,screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	.grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:33.33333%;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.66666%;
		float:left;
	}
	.grid-wm-7 > .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:33.33333%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.66666%;
	}
	.flexbox-wm-7 > .col {
		width:14%;
	}
	.flexbox-wm-8 > .col {
		width:12.5%;
	}

#main_block_body1_1 .main_block_leftright_img { width: 50%; }
#main_block_body1_2 .main_block_leftright_img { width: 50%; }

}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}


div.ccaption {
	background-image: none;
	width:100%;
																																																																			height:auto;
																																																																			background-repeat:no-repeat;
																																																																			padding-top:7px;
																																																																			padding-left:0;
																																																																			font-size:22pt;
																																																																			text-align: center;
																																																																			margin-bottom: 20px;}

div.ccaption h1 {
	font-size:22pt;
	font-weight:normal;
	text-align: center;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: none;
	width:100%;
																																																																				height:auto;
																																																																				background-repeat:no-repeat;
																																																																				background-position:left center;
																																																																				padding-left:0;
																																																																				font-size:18pt;
																																																																				text-align: center;
																																																																				margin-bottom: 25px;}
div.ccaption_sub h2 {
	font-size:18pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
div.ccaption_sub_min {
	background-image: url(/image/sub/);
	width:100%;
																																																																				height:auto;
																																																																				background-repeat:no-repeat;
																																																																				background-position:left center;
																																																																				padding-left:0;
																																																																				font-size:17pt;
																																																																				text-align: center;
																																																																				margin-bottom: 25px;}
div.ccaption_sub_min h3 {
	font-size:17pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
.btn-member {
    border: 0;
}
.btn-member:hover{
    border: 0;
}/*
@media screen and (max-width:767px) {
	#dir_free_area1 .main_inner { max-width:initial; margin:initial; padding:initial; }
	#dir_free_area1 .common_inner { max-width:initial; margin:initial; padding:initial; }
	#dir_free_area1 .ccaption { padding:0; }
	#dir_free_area1 .dir_free_inner .comment_inner { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_inner { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_left { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_left .contents_inner { padding:initial; }
}
*/
#dir_free_area1 .fre_pku_image .hover_anime,
#dir_free_area1 .at-content-img .hover_anime { display:block; background-color:#fff; }
#dir_free_area1 .fre_pku_image .hover_anime a > img,
#dir_free_area1 .at-content-img .hover_anime a > img { transition: all 0.3s ease;}
#dir_free_area1 .at-content-img .hover_anime a > img { display:block; }
#dir_free_area1 .fre_pku_image .hover_anime a > img:hover,
#dir_free_area1 .at-content-img .hover_anime a > img:hover { opacity: 0.7; filter: alpha(opacity=70); }