:root { font-size:14px; }
body { margin: 0px; color:#333333; 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(/userimage/2_1_3.jpg);   }
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:200px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-200px; float:right; width:100%; }
div.document_new_r_contents { margin-left:200px; }
.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; }
 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:#3958a2; text-decoration:none; }
a:visited { color:#3958a2; text-decoration:none; }
a:hover { color:#3958a2; text-decoration:underline; /* position:relative; */}
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; display:none; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; display:none; }
div.rcaption h1 { font-weight:bold; font-size:1.3em; text-align:center; display:none; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; display:none; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/userimage/2_1_2.jpg); background-repeat:no-repeat; background-position:top center; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/userimage/2_1_2.jpg); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:225px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:225px; 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(/userimage/2_1_2.jpg); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.3em; text-align:center; display:none; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; display:none; }
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:f2f2f2; background-color:#f2f2f2; }
hr.news2_head { height:1px; border:none; color:000; background-color:#000; }
hr.news_contents { height:1px; border:none; color:f2f2f2; background-color:#f2f2f2; }
hr.news2_contents { height:1px; border:none; color:000; background-color:#000; }
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:#ffffff; border:1px solid #d9d9d9; color:#333333;
}
div#font-size-change > dl > dd:hover { background-color:#e1e1e1; color:#333333; }
dd.font-select { background-color:#e1e1e1 !important; color:#333333 !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: #273d71; 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 #273d71; 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: #3A5289;  }
a#at-page-top:hover > span { border: 5px solid #3A5289; 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:#333333; 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; }
}
@charset "UTF-8";
a img{border:none;}
.span{display:none;} 
body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
ul { padding-left: 20px; }

.maintablebox { margin:0 auto; }
.footbackground { margin:0 auto; }

.list_news .news_comment { line-height:1.5em; }

hr.news_contents { margin:0; }

/* main img */
.title-logo {width:940px; height:120px; background: url(/files/title-logo.jpg) no-repeat; margin:0 auto; padding:0px;}
.language{text-align: right; color:#333333; font-weight: bold; float: right;padding: 5px 0 0 0;}
.language a{color:#333333;}
.flash-area { border-bottom: 5px solid #84D0CC; display: block; width:940px; height: 210px; background: url(/files/flash-background.jpg) no-repeat; /*margin: -20px 0 20px 0;*/margin:0; padding: 0;}

/* google trans */
#google_translate_element { float:right; margin-right:13px; }
#sp-search-btn { display:none; }

/* main menu */
.main-menu01 { margin:0 auto; /*padding:0 0 20px 0 ;*/ width:940px; height:100px;}
.main-menu01 ul { margin:0px; padding:0px; list-style:none; width:940px; height:50px;}
.main-menu01 ul li{ margin:0px; padding:0px; float:left; list-style:none;}
a.main-btn01:link, a.main-btn01:visited { margin:0px; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#027FFE; background:url(/files/main-btn-top-01.jpg) no-repeat;}
a.main-btn01:hover { background:url(/files/main-btn-top-02.jpg) no-repeat; color:#0055AD;}
a.main-btn-a:link, a.main-btn-a:visited { margin:0px 0px 0px 0px; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-a.jpg) no-repeat;}
a.main-btn-a:hover { background:url(/files/main-btn02-a.jpg) no-repeat; color:#FD5900;}
a.main-btn-i:link, a.main-btn-i:visited { margin:0px 0px 0px 0px; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-i.jpg) no-repeat;}
a.main-btn-i:hover { background:url(/files/main-btn02-i.jpg) no-repeat; color:#01706F;}
a.main-btn-n:link, a.main-btn-n:visited { margin:0px 0px 0px 0px; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-n.jpg) no-repeat;}
a.main-btn-n:hover { background:url(/files/main-btn02-n.jpg) no-repeat; color:#013E82;}
a.main-btn-c:link, a.main-btn-c:visited { margin:0px 0px 0px 0px; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-c.jpg) no-repeat;}
a.main-btn-c:hover { background:url(/files/main-btn02-c.jpg) no-repeat; color:#E22153;}

/* right contents */
#right-box-case{ _height: 1px; min-height: 1px;zoom: 1;margin:10px 0 0 0; padding: 0; width: 690px;}
#right-box-case:after {/*for modern browser*/ content: "."; clear: both;  display: block; line-height: 0; height: 0; visibility: hidden;} 
.right-box{ margin:0 60px 0 0 ; padding: 0 ; width: 190px; text-align: left; font-size:0.9em; float: left;}
h3.right-box-title {height: 40px;padding: 0 0 5px;width: 690px;}
.right-box ul { list-style-type: none; margin: 0; padding: 0; padding: 0 5px 10px 5px; }
.right-box li.title02{ padding: 0; margin:3px 0 3px -5px; border: none; height:20px; list-style-type: none ; background: none; }
.right-box li.title02 a{ padding: 0; margin:8px 0 3px 0; border: none; height:20px; list-style-type: none ; background: none; }
.right-box li a{ margin:0;  padding: 0 0 0 20px;  border-bottom: 1px solid #84D0CC; height: 30px; display: block; line-height: 30px; color: #989380; text-decoration: none; font-weight: bold; background-image: url(/files/li02-bg.gif); transition-property: color; -moz-transition-property: color ; -webkit-transition-property: color; transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-timing-function:easet; -moz-transition-timing-function:easet; -webkit-transition-timing-function:ease;}
.right-box li.li02 a{ margin:0;  padding: 5px 0 0 20px;  border-bottom: 1px solid #84D0CC; /*height: 45px;*/ display: block; line-height: 20px; color: #989380; text-decoration: none; font-weight: bold; background-image: url(/files/li02-bg2.gif); transition-property: color; -moz-transition-property: color ; -webkit-transition-property: color; transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s;
 transition-timing-function:easet; -moz-transition-timing-function:easet; -webkit-transition-timing-function:ease;}
.right-box li a:hover{ color: #444444; }

/* left menu */
.left-box { margin:0 ; padding: 0 ; width: 190px; text-align: left; font-size:0.9em;}
.left-box ul {list-style-type: none ; border-top: 5px solid #84D0CC; border-bottom: 5px solid  #84D0CC; margin: 0; padding: 0; padding: 0 5px 15px 5px; }
.left-box li.title{ padding:0 ; margin:0 0 0 -5px; border: none;}
.left-box li a {padding: 0 0 0 5px; border-bottom: 1px solid #84D0CC; height: 30px; display: block; line-height: 30px; color: #989380;text-decoration: none; font-weight: bold; background-image: url(/files/li-bg.gif); transition-property: background-image, padding, color; -moz-transition-property: background-image, padding, color ; -webkit-transition-property: background-image, padding, color; transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; transition-timing-function:easet; -moz-transition-timing-function:easet; -webkit-transition-timing-function:ease;}
.left-box li a:hover{ background-image: url(/files/li-bg-hover.gif);padding:0 0 0 15px; color: #444444; }

.left-box02{ margin:10px 0 0 0 ; padding: 0 ; width: 190px; text-align: left; font-size:0.9em; float: left;}
.left-box02 ul { list-style-type: none; margin: 0; padding: 0; padding: 0 5px 10px 5px; }
.left-box02 li.title02{ padding: 0; margin:3px 0 3px -5px; border: none; height:20px; list-style-type: none ; background: none; }
.left-box02 li.title02 a{ padding: 0; margin:8px 0 3px 0; border: none; height:20px; list-style-type: none ; background: none; }
.left-box li02 a{ margin:0;  padding: 0 0 0 20px;  border-bottom: 1px solid #84D0CC; height: 30px; display: block; line-height: 30px; color: #989380; text-decoration: none; font-weight: bold; background-image: url(/files/li02-bg.gif); transition-property: color; -moz-transition-property: color ; -webkit-transition-property: color; transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s;
 transition-timing-function:easet; -moz-transition-timing-function:easet; -webkit-transition-timing-function:ease;}
.left-box.li02 a{ margin:0;  padding: 5px 0 0 20px;  border-bottom: 1px solid #84D0CC; height: 45px; display: block; line-height: 20px; color: #989380; text-decoration: none; font-weight: bold; background-image: url(/files/li02-bg2.gif); transition-property: color; -moz-transition-property: color ; -webkit-transition-property: color; transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s;
 transition-timing-function:easet; -moz-transition-timing-function:easet; -webkit-transition-timing-function:ease;}
.left-box li a:hover{ color: #444444; }


.left-info{ font-size: 0.8em;}
.left-info .img{margin: 0 auto; width:100px;}
.left-info .banner,.banner{margin: 0 auto ; width:190px; font-size:0.8em;}
.left-info .banner img,.banner img{padding: 5px 0 0 0 ;}

/* footer */
.footer { font-size: 0.8em; padding: 20px 20px; text-align:  center; color:#FFFFFF;}
.footer a{ color:#FFFFFF;}
.footer hr { border-bottom: 1px solid #56BEB8; border-top: none; border-left:none; border-right: none;}
#footer-copy{ font-size: 0.8em}
.footer-menu01 { margin:0 auto; padding:0 0 20px 0 ; width:898px; height:50px;}
.footer-menu01 ul { margin:0px; padding:0px; list-style:none; width:898px; height:50px;}

.footer-menu01 { margin:0 auto; padding:0; width:898px; height:50px;}
.footer-menu01 ul { margin:0px; padding:0px; list-style:none; width:898px; height:50px;}
.footer-menu01 ul li{ margin:0px; padding:0px; float:left; list-style:none;}
a.footer-btn01:link, a.footer-btn01:visited { margin:0 48px 0 0; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn-top-01.jpg) no-repeat;}
a.footer-btn01:hover { background:url(/files/main-btn-top-02.jpg) no-repeat; color:#0055AD;}
a.footer-btn-a:link, a.footer-btn-a:visited { margin:0 48px 0 0; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-a.jpg) no-repeat;}
a.footer-btn-a:hover { background:url(/files/main-btn02-a.jpg) no-repeat; color:#FD5900;}
a.footer-btn-i:link, a.footer-btn-i:visited { margin:0 48px 0 0; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-i.jpg) no-repeat;}
a.footer-btn-i:hover { background:url(/files/main-btn02-i.jpg) no-repeat; color:#01706F;}
a.footer-btn-n:link, a.footer-btn-n:visited { margin:0 48px 0 0; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-n.jpg) no-repeat;}
a.footer-btn-n:hover { background:url(/files/main-btn02-n.jpg) no-repeat; color:#013E82;}
a.footer-btn-c:link, a.footer-btn-c:visited { margin:0 48px 0 0; padding:0px; display:block; width:188px; height:50px; line-height:50px; font-size:0.9em; overflow:hidden; text-align:center; text-decoration:none; color:#444444; background:url(/files/main-btn01-c.jpg) no-repeat;}
a.footer-btn-c:hover { background:url(/files/main-btn02-c.jpg) no-repeat; color:#E22153;}
.footer-menu02{width: 215px; padding: 0 0 0 10px; float: left; text-align: left; }
.footer-menu02 ul{list-style:none; margin: 0; padding: 0;}

/*table nihongo*/
.riyou { width: 75%; margin: 10px auto 0 auto; }
.arrow{width:30px; margin: 0 auto;}
.riyou,.riyou td, .riyou th{border:1px solid #ccc; border-collapse:collapse;padding:5px;}
.riyou td,.riyou th{font-size: 0.95em;}
.riyou th{ background:url(/files/table-bg.gif);}
td.title{ border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
.riyou caption{padding-top:40px;color:#989380;}
.ul-pad-l20 { padding-left: 20px; }

table.calbox td.cal { vertical-align:top; padding-top: 5px; text-align:left !important ;}

/* index tag */
h1{margin:0px; padding:0px;}
h2{margin:0px; padding:0px;}
h3{margin:0px; padding:0px;}
h4{margin:0px; padding:0px;}

#facebook_line { margin-bottom:10px; margin-top:10px; width:190px; height:5px; background-color:#84D0CC; }

/* 読み上げ・背景カラー・文字サイズ・検索窓 */
.top-menu { width:100%; margin:0px auto; padding:4px 0; height:28px; }
.top-menu a { color:#333; }
.top-menu a:hover { color:#2ebcc9; }
.read { float:left; width:100px; height:28px; line-height:28px; margin:0 7px 0 140px; padding:0 0 0 15px; font-size: 11px; background: url("/files/icon-top1.png") no-repeat 0 45%; }
#color-change { float:left; width:190px; height:28px; margin-right:7px; }
#font-size-change { float:left; width:210px; height:28px; margin: 1px 7px 0 0; }
.search_form { float:left; width:256px; height:28px; line-height:28px; margin:3px 7px 0 0; }
.search_form #field {
	float:left;
	width:200px;
	height:19px;
	line-height:19px;
	text-indent:6px;
	font-family:arial, sans-serif;
	font-size:1em;
	color:#333;
	background: #ffffff;
	border:solid 1px #d9d9d9;
	border-top:solid 1px #c0c0c0;
}
.search_form #space {
	float:left;
	width:2px;
	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 {
	cursor:pointer;
	width:50px;
	height: 23px;
	line-height:0;
	font-size:0;
	text-indent:-999px;
	color: transparent;
        float:left;
	background: url(/image/search/ico-search.png) no-repeat #6ecfc9 center;
	border: 1px solid #56c2bc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.search_form .fclear {clear:both}



/* ---2018.4.23 HPリニューアル----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

img { vertical-align: bottom; }
a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.clear { clear: both; }
p { margin: 10px 0; }

.at-content-box { padding: 0 10px; }

/* ヘッダー
---------------------------------------------------------------------- */
#logo { float: left; max-width: 470px; max-height: 90px; margin: 0 0 0 10px; padding: 5px 0; }
img#shop-tel { display: inline-block; max-width: 360px; max-height: 80px; float: right; margin: 0 10px 0 0; }

div#font-size-change { float: right; line-height: 130% !important; margin-right: 10px; }
.search_form { float: right; margin: 2px 25px 0 0; width: 220px; }
.search_form #field { float:left; width:170px; height:22px; line-height:20px; text-indent:6px; font-family:arial, sans-serif; font-size:1em; color:#333; background: #ffffff; border:solid 1px #d9d9d9; }
.search_form #space { float:left; width:2px; height:22px; margin:0; border:none; }
.search_form #submit { float:left; cursor:pointer; width:40px; height: 22px; line-height:20px; font-size:0; text-indent:-999px; color: transparent; background: url(/image/search/ico-search.png) no-repeat #999 center; border: 1px solid #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form .fclear {clear:both}

.search_form_b #field { margin-top: 2px !important; }
.search_form_b #submit { height: 27px !important; }


.top-right { float: right; width: 390px; }
.top-right a { display: inline-block; padding: 2px 10px; height: 24px; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ul-lang { margin: 35px 0 8px 0; padding: 0; float: left; }
.ul-lang li { list-style: none; float: left; margin-left: 8px; }
.ul-btn { margin: 33px 0 5px 30px; padding: 0; float: left; }
.ul-btn li { list-style: none; float: left; margin-left: 8px; }
.site-jpn { background-color: #fdae49; color: #fff !important; }
.site-en { background-color: #e1e1e1; color: #333 !important; }
.btn-contact { background-color: #feeab4; color: #333 !important; margin-top: 2px; }
.btn-link { background-color: #feeab4; color: #333 !important; margin-top: 2px; }
.btn-fb { height: 25px; vertical-align: middle; }

/* メインnav
---------------------------------------------------------------------- */
#top_baner1_box { background-color: #273d71 !important; }
#top_baner1_in { height: 54px; }
#main-menu { margin: 0; padding: 0; }
#main-menu li { list-style: none; text-align: center; width: 20%; float: left; line-height: 1.2em !important; border-right: solid 1px #596ea0; }
#main-menu li:first-child { border-left: solid 1px #596ea0; }
#main-menu li a { display: block; padding: 10px 0; color: #fff !important; text-decoration: none; }
#main-menu li a:hover { background-color: #3958a2; }
#main-menu li img { vertical-align: top; display: inline-block; margin-right: 12px; height: 34px; }
.nav-txt { display: inline-block; }
.nav-jpn { display: block; }
.nav-eng { display: block; font-size: 0.8em; }

/* リストメニュー */
ul.at_listmenu { box-shadow: none !important; }

/* ピックアップ
---------------------------------------------------------------------- */
.pku_cont1 .pku_cont_list { padding: 7px 0 !important; text-align: center; }
.pku_cont2 > ul > li { margin-bottom: 12px !important; padding: 0 1% 10px 0.5% !important; }

/* ニュース
---------------------------------------------------------------------- */
#at_news1 { width: 100%; text-align: center; }
img.newsbar { display: inline-block; margin-left: 15px; vertical-align: middle !important; }
.news_title { padding: 0 15px 0 0 !important; }
.news_scroll { max-width: 850px; margin: 0 auto; }
ul.top_news li { padding: 5px 0; }
ul.top_news li a { color: #333 !important; }
ul.top_news li a:hover { color: #bbb !important; text-decoration: none; }
.more_box { text-align:center; margin:20px 0; }
.more_box a { color: #333 !important; }
.at_news_cate1 { margin: 0 10px; }
.at_news_cate2 { margin: 0 10px; }
.at_news_cate3 { margin: 0 10px; }
.at_news_cate4 { margin: 0 10px; }
.at_news_cate5 { margin: 0 10px; }
.at_news_cate6 { margin: 0 10px; }
.at_news_cate7 { margin: 0 10px; }
.at_news_cate8 { margin: 0 10px; }

ul.list_news li { padding: 5px 0 !important; border-bottom: solid 1px #e9e9e9; }
hr.news_head { background-color: #e9e9e9 !important; }

/* メイン表示
---------------------------------------------------------------------- */
#main_block_body2_1 { text-align: center; }
#main_block_body2_2 { text-align: center; }
#main_block_head2_2 { margin-top: 50px; }

/* トップページバナー・賛助会
---------------------------------------------------------------------- */
.ul-ban { margin: 0; padding: 0; }
.ul-ban li { display: inline-block; list-style: none; padding: 5px 3px; }
.p-ban { text-align: center; margin: 0 0 15px 0; }
.p-ban a { color: #333; text-decoration: underline; }
.ban-text { width: 150px; display: inline-block; padding: 0 7px; }

/* デフォルト設定
---------------------------------------------------------------------- */
.common_inner { max-width:1220px; margin:0 auto; padding:0 10px; }
.main_inner { max-width:1220px; margin:0 auto; padding:0 10px; }
#top-menu { max-width: 1220px; margin: 0 auto; padding: 5px 10px 0 10px; height: 55px; }
#top_baner1_in { max-width:1220px; margin:0 auto; padding:0 10px; }
#top_baner2_in { max-width:1900px; margin:0 auto; }
#site-info { clear:both; max-width:1220px; margin:0 auto; }
.main_block_updown_img img { display: block; margin: 0 auto;}
.main_block1_box { background-color:#ffffff; padding:30px 0; }
.main_block2_box { background-color:#ffffff; padding:30px 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:30px 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color: #f3f3f3; padding:30px 0 15px 0; }
.news2_box { background-color:#ffffff; padding:30px 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; }


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


/* フッター
---------------------------------------------------------------------- */
footer { margin-top: 100px; }
.footbackground { overflow: hidden; padding-top: 12px; background-color: #f3f3f3; }
.footer-in { max-width:1200px; margin:0 auto; text-align: left !important; }
.footer-in .col { padding: 5px 10px; margin-bottom:5px; }
.footer-in h2 { margin: 8px 0 22px 0; padding:0; text-align: center !important; }
.footer-in .col h3 { margin:0 0 15px 0; padding:0; font-size:1.1em;  }
.footer-menu ul { margin:0; padding:0; }
.footer-menu li { list-style:none; margin-bottom: 7px; }
.footer-info-left { float: left; width: 44%; margin: 0 0 0 2%; padding: 12px 0; }
.footer-info-left li { list-style:none; margin-bottom: 2px; font-size: 0.9em; }
.footer-info-right { float: left; width: 20%; margin: 15px 0 0 0;  padding: 12px 0 0 0; }
.footer-info-right li { list-style:none; margin-bottom: 12px; font-size: 0.9em; }
.footer-info-right li a { color: #333 !important; border: solid 1px #333; display: inline-block; padding: 3px 15px; }
.footer-info-right li a:hover { text-decoration: none; background-color: #fcf8d8; }
.footer-eigyo { margin: 0 0 0 20px; }
.footer-name { font-size: 1.1em !important; font-weight: bold; }
.footer-logo { margin: 7px 130px 0 0; float: right; }

/* リスト
---------------------------------------------------------------------- */
.ul-style-none h4 { margin: 20px 0 5px 0; font-size: 1.15em; border-left: solid 9px #fdae49; padding: 0 0 0 8px; }
.ul-style-none ul { margin: 0; padding: 0; }
.ul-style-none li { list-style: none; margin: 0 0 0 15px; }

.h4-5-ol h4 { margin: 20px 0 5px 0; font-size: 1.15em; border-left: solid 9px #fdae49; padding: 0 0 0 8px; }
.h4-5-ol h5 { margin: 20px 0 5px 0; font-size: 1.1em; border-left: solid 7px #7ad074; padding: 0 0 0 8px; }
.h4-5-ol ol { margin: 0; padding: 0 0 0 20px; }
.h4-5-ol li { margin: 0 0 0 15px; }
.h4-5-ol p { margin-left: 15px; }

/* テーブル
---------------------------------------------------------------------- */
.tbl-style1 { border-collapse: collapse; border: solid 1px #ccc; margin: 5px auto 10px auto; }
.tbl-style1 th { padding: 8px 0; text-align: center; border: solid 1px #ccc; background-color: #f1f1f1; }
.tbl-style1 td { padding: 8px 10px; text-align: left; border: solid 1px #ccc; }

.tbl-style2 { border-collapse: collapse; border: solid 1px #ccc; margin-top: 10px; }
.tbl-style2 th { padding: 3px 0; text-align: center; border: solid 1px #ccc; background-color: #f1f1f1; }
.tbl-style2 td { padding: 3px 10px; text-align: left; border: solid 1px #ccc; }

.tbl-title { font-size: 1.1em; text-align: center; margin: 30px 0 0 0; }
.tbl-w-75 { width: 75%; }
.tbl-w-50 { width: 50%; }
.th-25 { width: 25%; }

/* 余白
---------------------------------------------------------------------- */
.mar-t20 { margin-top: 20px; }

/* フリーページ　TIA
---------------------------------------------------------------------- */
.btn-tia { padding: 0; }
.btn-tia li { list-style: none; }
.btn-tia h3 { margin: 0; }
.pku_box_tia { padding: 30px 0 0 0; }


/* スマホ設定
---------------------------------------------------------------------- */
@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; }
	.at-content-img.side_img_box { float:none !important; margin-right:0px !important; margin-left:0px !important; margin-bottom:0.5em; }
	.news_img_auto_size_box { float: none !important; max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 7px; }
	#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%;
		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%;
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:16.6%;
	}
	.search_form {
		margin: 9px 0 0 5px;
		float: left;
	}
.maintablebox2 { padding-top: 0 !important; }
#logo { float: none; width: 86%; margin: 10px auto 0 auto; padding: 5px 0; }
.top-right { float: none; width: 100%; }

.search_form_b #field { margin-top: 1px !important; }

footer { margin-top: 30px; line-height: 1.2em !important; }
.footer-eigyo { display: block; margin: 0 0 2px 0; }
.footer-info-left { float: none; width: 94%; margin: 0 auto; padding: 12px 0 0 0; text-align: center; }
.footer-info-right { float: none; width: 100%; margin: 10px 0 0 0; text-align: center; }
.footer-info-right li { margin: 0 5px; width: 130px; display: inline-block; }
.footer-name { margin-bottom: 10px !important; }
.footer-logo { margin: 15px auto; width: 60px; float: none; display: block; }
.sp-br { display: block; }
.ul-lang { margin: 5px 0 8px 0; }
.ul-btn { margin: 3px 0 5px 0; }
div.ccaption h2 { font-size: 14pt !important; }
div.ccaption_sub h3 { font-size: 11pt !important; }

.ccaption_pku1 { width: auto; height: 30px !important; margin: 5px 0 0 0; }
.ccaption_pku1 h2 img { height: 30px !important; }
.ccaption_pku2 { width: auto; height: 30px !important; margin-bottom: 3px; }
.ccaption_pku2 h2 img { height: 30px !important; }
.pku_box { padding: 20px 0 0 0; }
.pku_cont1 .pku_cont_list { padding: 7px 10px !important; text-align: left; font-size: 1em !important; }
.pku_cont2 > ul > li { padding: 0 35px 10px 35px !important; margin-bottom: 5px !important; }

.news_box { padding: 20px 0 15px 0; }
.top_news_title { display: block; }
.news h2 { height: 30px !important; }
.news h2 img { height: 30px !important; }
ul.top_news { padding: 2px 10px !important; margin: 2px 5px !important; }

.main_block2_box { padding: 20px 0; }

/* テーブル */
.tbl-style1 { font-size: 0.95em; line-height: 1.5em; }
.tbl-style1 th { font-weight: normal; }
.tbl-style1 td { padding: 8px 5px; }

.tbl-style2 { font-size: 0.9em; }
.tbl-style2 th { padding: 3px 0; }
.tbl-style2 td { padding: 3px 5px;  }

.tbl-title { font-size: 1.1em; margin: 25px 0 10px 0; }
.tbl-w-75 { width: 100%; }
.th-25 { width: 23%; }

.riyou { width: 100%; line-height: 1.4em; }

/* スマホグローバルメニュー */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #eee; color: #333; padding: 8px 6px; margin: 0; }
#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: #3958a2; }
.toppage { background-color: #eee; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-weight: bold; }
.toppage a { color: #3958a2; 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; }

.footer-menu { width:100%; }
.footer-menu ul li a { padding:7px 0; display:block; font-size:1rem !important; }

/* google trans */
#google_translate_element { float:left; margin-left:10px; }
#sp-search-btn { display: block; padding: 5px 8px; background-color: #777; color: #fff; margin: 2px 14px 0 0; float: right; text-decoration: none; border-radius: 0.2em; border: solid 2px #777; text-align: center; position:absolute; right:46px; }

}

/* タブレット設定
---------------------------------------------------------------------- */
@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%;
		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%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:16.6%;
	}
	.at-content-text { overflow: initial !important; }
	#footer-shop span { display:block; }
/* ヘッダー */
#logo { max-width: 380px; }
.top-right { width: 375px; }
.ul-btn { margin: 33px 0 5px 15px; }

/* メインnav */
#main-menu li img { margin-right: 10px; height: 30px; }
.nav-jpn { display: block; font-size: 0.85em; }
.nav-eng { display: block; font-size: 0.7em; }

}
@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%;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.6%;
		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%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.6%;
	}
	.flexbox-wm-7 > .col {
		width:14%;
	}
}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}


/* pdf要素
----------------------------------------------------------- */
a[href$=".pdf"]:after {
    content:" ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://www.inter.or.jp/livebuilder/pdf.gif) no-repeat;
}

a[href$=".doc"]:after {
    content:" ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://www.inter.or.jp/livebuilder/word.gif) no-repeat;
}

a[href$=".docx"]:after {
    content:" ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://www.inter.or.jp/livebuilder/word.gif) no-repeat;
}

a[href$=".xls"]:after {
    content:" ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://www.inter.or.jp/livebuilder/xcel.gif) no-repeat;
}

a[href$=".xlsx"]:after {
    content:" ";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(https://www.inter.or.jp/livebuilder/xcel.gif) no-repeat;
}

/* ボタン
----------------------------------------------------------- */
.button01{
     display:block;
     width: 250px;
     height:70px;
     line-height: 70px;
     font-weight: bold;
     display: inline-block;
     text-decoration: none;
     text-align: center;
     background: #ECECEC;
     border-radius: 5px; /*角丸*/
     -webkit-transition: all 0.5s;
     transition: all 0.4s;
}
.button01:hover{
    background: #00bcd4;
    color: white;
}

.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #00BCD4;
    background: #ECECEC;
    transition: .4s;
  }

.square_btn:hover {
    background: #00bcd4;
    color: white;
}

.square_btn2{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #1B435D;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn2:hover {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn3{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #78BBE6;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn3:hover {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn4{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #F99F48;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn4:hover {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

/* ボランティア紹介テーブル
----------------------------------------------------------- */
table.v {
	border-collapse: collapse;
	width:100%;
}
table.v th_top {
    border-top: #be1309 4px solid;
}
table.v th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
table.v td_top {
	border-top: #b3b3b3 4px solid;
}
table.v td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

div.ccaption {
	background-image: none;
	width:100%;
		height: auto;
		background-repeat:no-repeat;
		padding-bottom:3px;
		padding-left:7px;
		font-weight:normal;
		font-size:1.3em;
		border-bottom: solid 5px #fdae49;}

div.ccaption h2 {
	font-size:1.3em;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: none;
	width:100%;
		height:auto;
		background-repeat:no-repeat;
		padding-bottom:3px;
		padding-left:7px;
		font-weight:bold;
		font-size:1.1em;
		border-bottom: solid 4px #dfdfdf;}
div.ccaption_sub h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
}