:root { font-size:15px; }
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; }
div.title-logo div { font-size:0.6em; text-align:center; color:#ccc; }
div#title_company h2 { font-size:1em; }
*, *: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:9999999; }
.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%; background-color:#333333; }
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 { background-color:#fff; }
div.footbackground name > span { display:inline-block; }
div.menut{ clear: left; 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; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:none; text-align:center; border:solid 1px #fff; }
.menubt a:link { margin:0px; padding:5px; display:block; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:none; text-align:center; border:solid 1px #fff; }
.menubt a:visited { margin:0px; padding:5px; display:block; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:none; text-align:center; border:solid 1px #fff; }
.menubt a:hover { margin:0px; padding:5px; display:block; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:underline; text-align:center; border:solid 1px #fff; }
#sm-nav { position: absolute; top: -1000px; width:100%; height: auto; z-index: 999999; /* 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; }
#at-main-menu-area { width:100%; background-color:#fff; color:#333; }
#at-main-menu-in { text-align: center; }
#at-main-menu-in .top-menu-button { border-right: 1px solid #fff; }
#at-main-menu-in li.col:first-child > .top-menu-button { border-left: 1px solid #fff; }
#at-main-menu-in .top-menu-button > a { color:#333; line-height: 50px; text-decoration: none; display: block; }
#at-main-menu-in .top-menu-button > a > img { width:100%; }
#at-main-menu-in .top-menu-button:hover { }
#at-main-menu-in .top-menu-button:hover > a { }
@media screen and (min-width:768px) and ( max-width:1024px) {
#at-main-menu-in .top-menu-button { border-bottom: 1px solid #fff; }
}
.footer_in .col h3 { color:#333; font-size:1.1em; margin:0 0 7px 0; }
.footer_in ul.flexbox > .col { padding:7px; border-left:1px solid #dfdfdf; }
.footer_in { color:#333; }
.footer_in li a { color:#0b2e92; font-size:0.9rem; }
.footer_in li a:hover, .footer_in a:visited, .footer_in a:link { color:#0b2e92; }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.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 #e6e6e6; }
.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 { margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#1474a4; text-decoration:none; }
a:visited { color:#1474a4; text-decoration:none; }
a:hover { color:#1474a4; text-decoration:underline; }
div.menutR{ clear: left; 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.1em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.1em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px; 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:300px; overflow-y:auto; }
div.news2_scroll { width:100%; height:300px; overflow-y:auto; }
div.vmode_scroll { width:100%; 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.1em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.1em; 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 { float:left; }
;
div.document2_new { 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:#fff; background-color:#fff; }
hr.news2_head { height:1px; border:none; color:#000; background-color:#000; }
hr.news_contents { height:1px; border:none; color:#dfdfdf; background-color:#dfdfdf; }
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; color:#333333; }
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:#176dee; color:#FFFFFF; }
dd.font-select { background-color:#176dee !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; }
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;
}
.at_anime02 h2 {
opacity: 0;
position:relative;
overflow:hidden;
transform : translate(0, -2em);
transition : all 1.0s ease;
}
.at_anime03 h2 {
opacity: 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;
}
.at-link-btn {
border: 1px solid #ccc;
width: 4rem;
font-size: 0.9rem;
border-radius: 4px;
text-align:center;
cursor: pointer;
}
.at-link-btn:before {
font-family: "Font Awesome 5 Free";
content:"\f064";
font-weight: 900;
color: #666;
padding-right: 0.25rem;
}
.at-link-btn-left {
margin: 0.25rem 0;
}
.at-link-btn-center {
margin: 0.25rem auto;
}
.at-link-btn-right {
margin: 0.25rem auto;
margin-right: 0;
}
#at-modal {
position:fixed;
z-index:1000000;
width:100%;
height:100vh;
top:0;
left:0;
display:none;
}
.at-overlay {
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.8);
width:100%;
height:100vh;
}
#at-modal-inner {
position: absolute;
background-color: #fff;
border: 1px solid #666;
border-radius: 0.5rem;
top: 50%;
left:50%;
width:90%;
max-width:500px;
transform:translate(-50%,-50%);
padding: 1rem;
}
.at-modal-title { font-weight:bold; margin-bottom:1rem; font-size:1.2rem; }
.at-modal-center { text-align:center; }
.at-modal-right { text-align:right; }
#at-modal-text { width:100%; margin:1rem 0; padding:0.5rem; }
#at-modal-copy { display: block; margin:0 0 1rem; cursor: pointer; }
span.at-modal-close { font-size:0.9rem; cursor: pointer; }
#at-popup-msg { display:none; position:fixed; z-index:1000001; border:2px solid #000; border-radius:0.5rem; bottom:1rem; left:1rem; background-color:#aaa; color:#333; padding:0.5rem; font-weight:bold; text-align:center; }
ul.top_news2 > .at-icon-arrow2 a.text_link::after,ul.list_news2 > .at-icon-arrow2 a.text_link::after {
background-color: #4376EE;
}
ul.top_news2 > .at-icon-arrow a.text_link::after,ul.list_news2 > .at-icon-arrow a.text_link::after {
border-color: #4376EE;
}
ul.top_news2 > .at-icon-disc a.text_link::after,ul.list_news2 > .at-icon-disc a.text_link::after {
background-color: #4376EE;
}
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; }
}
@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; }
}
/* 蜈ｱ騾�
-------------------------------------------------------------------------------------- */
body { line-height: 150%; }
/* a { text-decoration: underline !important; } */
a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
img { vertical-align: bottom; }
/* 繝倥ャ繝繝ｼ
-------------------------------------------------------------------------------------- */
#header_in { max-width: 1200px; margin: 0 auto; overflow: hidden; }
#logo { float: left; max-width: 400px; min-height: 90px; margin: 0 0 0 20px !important; }
#logo img { ax-width: 400px; margin-top: 15px; display: inline-block; }
.top-right { float: right; }
.top-right a { text-decoration: none !important; }
.top-contact { float: right; margin: 0 10px 0 0; padding: 0; }
.top-contact li { float: left; margin: 0; width: 110px; height: 28px; line-height: 27px; list-style: none; text-align: center; }
.top-contact li a { color: #fff; background-color: #012384; font-size: 0.8em; display: block; height: 100%; }
.top-contact li a:hover { text-decoration: none; background-color: #9ca5bd; }
.top-c-email { border-radius: 0 0 0 6px; border-right: dotted 1px #ddd; }
.top-c-mmail { border-radius: 0 0 6px 0; }
.top-menu { float: right; margin: 6px 20px 0 0; padding: 0; font-size: 0.8em; }
.top-menu li { list-style: none; display: inline-block; padding: 0 0 0 22px; margin: 0 0 0 10px; }
.top-menu li a { color: #333; }
.top-menu li a:hover { color: #9ca5bd; }
.ico-news { background: url(/files/icon-news.png) no-repeat 0 50%; }
.ico-map { background: url(/files/icon-map.png) no-repeat 0 50%; }
div#font-size-change { float: right; margin: 0 20px 0 0; }
/* 繝倥ャ繝繝ｼ讀懃ｴ｢
---------------------------------------------------------------------------------------------------------------------------- */
#search { clear: both; float: right; padding: 12px 0 0 0; }
.search_form { width: 230px; float: right; margin: 0 10px 0 0; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.search_form #field { background: none; border: none; color: #352005; float: left; font-family: arial,sans-serif; font-size: 1em; height: 28px; line-height: 28px; text-indent: 6px; width: 192px; }
.search_form #space { float:left; width:1px; height:28px; margin:0; padding:0; font-size:1px; border:none; }
.search_form #submit { float:left; cursor:pointer; width:28px; height: 28px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/files/ico-search.png) no-repeat #fff center;
border: none; }
.search_form .fclear { clear: both; }
/* 繧ｹ繝槭�讀懃ｴ｢繝懊ち繝ｳ */
.search_form_sp { width: 45px; height: 45px; float: right; margin: 0 55px 0 0; }
.search_form_sp img { display: block; }
/* 讀懃ｴ｢繝壹�繧ｸ */
.search_inner { max-width: 1120px !important; margin: 0 auto; padding: 0 10px; }
.search_area .ccaption_sub a { color: #333 !important; text-decoration: none !important; font-size: 1.2rem !important; }
.search_form_b { overflow: hidden; }
.search_form_b #submit { float: left; height: 27px !important; }
/* nav
-------------------------------------------------------------------------------------- */
#at-main-menu-area { clear: both; border-bottom: solid 2px #e0e0e0; }
#at-main-menu-in { max-width:1200px; padding:0; margin:0 auto; }
#at-main-menu-in .top-menu-button > a { line-height: 40px; text-decoration: none !important; }
#at-main-menu-in .top-menu-button > a:hover { color: #9ca5bd; }
/*
ul.at_listmenu li > a { text-decoration: none !important; }
#nav01 > ul, #nav02 > ul, #nav03 > ul, #nav04 > ul, #nav05 > ul, #nav06 > ul { top: 41px !important; }
ul.at_listmenu { box-shadow: 1px 1px 1px #eee !important; }
*/
/* 繝輔ャ繧ｿ繝ｼ
---------------------------------------------------------------------------------------------------------------------------- */
.footbackground { margin-top: 60px; }
.footer_in { background-color: #f4f4f4; padding-top: 20px; }
.footer-menu { max-width:1060px; margin: 20px auto 0 auto; overflow: hidden; }
.footer-menu h2 { margin:0 0 20px 0; padding:0; text-align: center; }
.foot-li h3 { margin:0 0 7px 0; padding:0; font-size:1.05em; font-weight: normal; color: #1474a4; }
.foot-li h3::before { content: "笆�"; color: #e7ca04; margin-right: 5px; }
.footer-menu ul { list-style:none; margin:0; padding:0; height: 215px; overflow: hidden; }
.foot-li { border-left: 1px solid #dfdfdf; padding: 5px 10px; margin-bottom: 10px; text-align: left; float: left; }
.foot-li ul li { padding-left: 15px; background: url(/files/icon-li.png) no-repeat 0 50%; list-style:none; }
.foot-li:last-child { border-right: 1px solid #dfdfdf; }
.foot-li a { color: #333 !important; font-size:0.87em !important; text-decoration: none !important; }
.foot-li a:hover { color: #1474a4 !important; text-decoration: underline !important; }
.ft-li-1 { width: 21%; }
.ft-li-2 { width: 33%; }
.ft-li-3 { width: 23%; }
.ft-li-4 { width: 23%; }
.footer-info { clear: both; max-width: 920px; margin: 0 auto; padding: 20px 0 40px 0; overflow: hidden; }
.footer-logo { float: left; margin-top: 5px; }
.add { float: left; margin-left: 50px; }
.tel-box { float: left; margin: 15px 0 0 50px; }
.tel-box a { color: #333 !important; text-decoration: none !important; }
.tel-mail { font-size: 1.5em; margin: 0 0 2px 7px; }
.tel-mail::before { content: url(/files/icon-tel.png); margin: 0 6px 0 0; position: relative; top: 3px; }
.footer-mail { float: left; margin: 0 0 0 50px; }
#copyright { clear: both; text-align: center; background-color: #444; padding: 10px 0; color: #fff; }
/* 繝斐ャ繧ｯ繧｢繝��
-------------------------------------------------------------------------------------- */
/*#pku_box1 > .main_inner { max-width: 100% !important; padding: 0 !important; }
.pku_cont1 { background-color: #e7f2f4; }
.pku_cont1 > ul { max-width: 1220px !important; padding: 0 10px !important; margin: 0 auto !important; }
.pku_cont1 > ul > li { padding: 10px 0.5% !important; }
#pku_box1 .pku_cont_img a > img { box-shadow:3px 3px 0px -1px #ddd; border-radius:0px 0px 0px 0px; border:1px solid #e0e0e0; }*/
#pku_box1 { background-color: #f5f5f5; }
.pku_cont2 p { margin: 0; }
#pku_box5 li { text-align: center; }
#pku_box5 li img { max-width: 180px; }
/* #pku_box5 li:nth-child(-n+3) { width: 23% !important; text-align: center; }
#pku_box5 li:nth-child(4) { width: 30% !important; }
#pku_box5 li:nth-child(-n+3) img { max-width: 180px; } */
.pku_cont2 .pku_cont_list { padding: 4px 5px 8px 5px !important; text-align: center; }
/* .pku_cont2 .pku_cont_list::after { content:""; display:inline-block; width:1em; height:1em; background:url(/files/icon-arrow-crcl.png) no-repeat; background-size:contain; margin: 0 0 2px 8px; vertical-align: middle; } 縲繝�く繧ｹ繝亥ｾ後ｍ縺ｫ繧ｪ繝ｬ繝ｳ繧ｸ笳冗泙蜊ｰ */
/* 繝｡繧､繝ｳ陦ｨ遉ｺ
-------------------------------------------------------------------------------------- */
.main-txt { margin-right: 30px; }
.ifr-vr-tour { width: 100%; height: 600px; border: none; }
/* 隕句�縺�
-------------------------------------------------------------------------------------- */
.ccaption h1 { margin-top: 20px !important; }
.ccaption_sub { border-bottom: solid 2px #dbdbdb; position: relative; }
.ccaption_sub::after { position: absolute; content: " "; display: block; border-bottom: solid 2px #14338c; bottom: -2px; width: 22%; }
.ccaption_sub h2 { padding: 0.25em 8px !important; }
.ccaption_pku { border-bottom: solid 2px #e2e2e4; position: relative; margin-bottom: 25px; }
/* .ccaption_pku::before { position: absolute; content: " "; display: inline-block; background:url(/files/title-bor-l-line.png) no-repeat; margin: 0 0 0 2px; vertical-align: middle; width: 10px; height: 40px; } */
.ccaption_pku::after { position: absolute; content: " "; display: block; border-bottom: solid 2px #14338c; left: 38%; bottom: -2px; width: 24%; } /* 蜈磯�ｭ縺ｫ邏ｺ濶ｲ荳狗ｷ� */
.ccaption_pku h2 { padding-left: 13px !important; }
#main_block_head2_1 { border-bottom: solid 2px #e2e2e4; position: relative; margin-bottom: 25px; }
#main_block_head2_1::after { position: absolute; content: " "; display: block; border-bottom: solid 2px #14338c; left: 38%; bottom: -2px; width: 24%; }
#main_block_head2_1 h2 { padding-left: 13px !important; }
#at_news1 { border-bottom: solid 2px #e2e2e4; position: relative; margin-bottom: 5px; text-align: center; }
#at_news1::after { position: absolute; content: " "; display: block; border-bottom: solid 2px #14338c; left: 38%; bottom: -2px; width: 24%; }
#at_news1 h2 { padding-left: 13px !important; text-align: center; }
/* 繝九Η繝ｼ繧ｹ
-------------------------------------------------------------------------------------- */
ul.top_news, ul.top_news2 { line-height: 1.3em !important; padding: 2px 0 !important; margin: 2px 0 !important; }
.news_title a, .news2_title a { color: #333; text-decoration: none !important; }
.news_title a:hover, .news2_title a:hover { color: #1474a4; }
img.newsbar { vertical-align: middle; margin-left: 5px; }
.at_news_cate1, .at_news_cate2, .at_news_cate3, .at_news_cate4, .at_news_cate5, .at_news_cate6, .at_news_cate7 { margin-left: 5px; }
/* 繝��繝悶Ν
-------------------------------------------------------------------------------------- */
.tbl-w80 { width: 80%; }
.tbl-w70 { width: 70%; }
.tbl-w60 { width: 60%; }
.tbl-w50 { width: 50%; }
.td-ctr { text-align: center; }
.tbl-style1 { border-collapse: collapse; border: solid 1px #ccc; }
.tbl-style1 th { border: solid 1px #ccc; font-weight: normal; padding: 5px 10px; background-color: #f2f2f2; }
.tbl-style1 td { border: solid 1px #ccc; font-weight: normal; padding: 5px 10px; }
.tbl-setsubi { border-collapse: collapse; border: solid 1px #ccc; }
.tbl-setsubi th { border: solid 1px #ccc; font-weight: normal; padding: 5px 10px; background-color: #f2f2f2; text-align :center; }
.tbl-setsubi td { border: solid 1px #ccc; font-weight: normal; padding: 5px 10px; }
/* 繝ｪ繧ｹ繝�
-------------------------------------------------------------------------------------- */
.ul-style1 { padding-left: 20px; }
.ul-style2 { padding-left: 5px; list-style: none; }
.ul-style2 li { margin-bottom: 8px; }
.ul-square { padding-left: 20px; }
.ul-square li { list-style: square; }
.ol-style1 { padding-left: 20px; }
.dl-style1 dd { margin: 10px 0 10px 10px; }
.li-none { list-style: none; }
/* 菴咏區
-------------------------------------------------------------------------------------- */
.mar-auto { margin-left: auto; margin-right: auto; }
.mar-tb0 { margin-top: 0; margin-bottom: 0; }
.mar-l10 { margin-left: 10px; }
.mar-r10 { margin-right: 10px; }
.mar-t0 { margin-top: 0 !important; }
.mar-t10 { margin-top: 10px; }
.mar-t15 { margin-top: 15px; }
.mar-t20 { margin-top: 20px; }
.mar-t25 { margin-top: 25px; }
.mar-b5 { margin-bottom: 5px; }
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.p-top { margin: 0 0 0 10px; }
/* 繝�く繧ｹ繝医�繝輔か繝ｳ繝�
---------------------------------------------------------------------------------------------------------------------------- */
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-img-mr { margin-right: 25px; }
.font-or { color: #f87501; }
.font-red { color: #ff0000; }
.font-l-gr { color: #1bad03; }
.font-blue { color: #019ce3; }
.font-bold { font-weight: bold; }
.font-s80 { font-size: 0.8em; }
.font-s90 { font-size: 0.9em; }
.font-s110 { font-size: 1.1em; }
.font-s120 { font-size: 1.2em; }
.p-title { font-size: 1.2em; margin: 5px 0 6px 0; }
.p-txt { margin: 10px 0 0 10px; }
/* 隧ｳ縺励￥隕九ｋ繝懊ち繝ｳ
-------------------------------------------------------------------------------------- */
.btn-shosai { display: block; margin: 10px 20px 0 0; text-align: right; }
/* FP蜀�蝠上＞蜷医ｏ縺帷ｭ峨Μ繝ｳ繧ｯ繝懊ち繝ｳ
-------------------------------------------------------------------------------------- */
.fp-link-p { text-align: center; color: #019ce3; font-size: 1.2em; font-weight: bold; margin-top: 20px; }
.fp-link-btn { margin: 0 auto; padding: 0; max-width: 1000px; overflow: hidden; }
.fp-link-btn li { float: left; width: 28%; margin: 0 2.5%; list-style: none; text-align: center; }
.fp-link-btn li a { border: 1px solid #2e9bcd; background-color: #2e9bcd; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; padding: 15px; text-decoration: none; }
.fp-link-btn li a:hover { border: 1px solid #5cb0d6; background-color: #5cb0d6; }
.fp-link-btn img { vertical-align: middle; display: inline-block; margin-right: 10px; }
/* FP
-------------------------------------------------------------------------------------- */
.machine-name { display: inline-block; padding: 3px; font-weight: bold; font-size: 1.1em; color: #0188c6; border: dotted 1px #0188c6; }
.fp-pick-txt { margin: 0; }
/* 繝�ヵ繧ｩ繝ｫ繝�
-------------------------------------------------------------------------------------- */
.common_inner { max-width:1220px; padding:0 10px; margin:0 auto; }
.main_inner { max-width:1220px; padding:0 10px; margin:0 auto; }
#top_baner1_in { max-width:1200px; padding:0; margin:0 auto; }
#top_main_img_in { max-width:2000px; padding:0; margin:0 auto; }
#top_baner2_in { max-width:1200px; padding:0; margin:0 auto; }
#top_baner3_in { max-width:1200px; padding:0; margin:0 auto; }
#site-info { clear:both; max-width:1200px; padding:0; 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:#ffffff; padding:30px 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; }
.more_box { text-align:center; margin:20px 0; }
#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; } /* 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ迚医〒髱櫁｡ｨ遉ｺ縺ｫ縺励◆縺��ｴ蜷医《m-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; }
.main_block_leftright_img { float:none !important; margin-bottom:0.5em; margin-right:0px !important; margin-left:0px !important; }
.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:1.1em;
}
#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:calc((100% / 3) - 0.01%);
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:calc((100% / 3) - 0.01%);
}
.flexbox-sm-4 > .col {
width:25%;
}
.flexbox-sm-5 > .col {
width:20%;
}
.flexbox-sm-6 > .col {
width:calc((100% / 6) - 0.01%);
}
.search_form {
margin: 9px 0 0 5px;
float: left;
}
#footer-shop span { display:block; }
#logo { max-width: 245px; min-height: 55px; margin: 0 0 0 5px !important; }
#logo img { margin-top: 9px; }
#search { padding: 5px 0 0 0; text-align: center; }
#search img { display: inline-block; margin-top: 13px; }
.search_form_sp { border: solid 1px #333; border-radius: 5px; width: 35px !important; }
.ft-li-1, .ft-li-2, .ft-li-3, .ft-li-4 { width: 100%; }
.footer-menu ul { height: auto; }
.foot-li { border-left: none; }
.foot-li:last-child { border-right: none; }
.foot-li ul li { padding: 1px 0 5px 15px; margin: 2px 0; border-bottom: dotted 1px #dfdfdf; }
.foot-li ul li:first-child { border-top: dotted 1px #dfdfdf; padding-top: 5px; }
.foot-li a { font-size: 0.92em !important; }
.footer-info { max-width: 100%; padding: 5px 0 20px 0; text-align: center; }
.footer-logo { float: none; }
.add { float: none; margin-left: 0; font-size: 0.9em; }
.tel-box { float: none; margin: 15px 0 0 0; display: inline-block; }
.tel-mail { font-size: 1.5em; margin: 0 0 2px 3px; }
.footer-mail { float: none; margin: 0 0 0 15px; display: inline-block; }
.footer-mail img { width: 30px; }
.tpc_box { padding:5px 0; }
.pku_box { padding:5px 0; }
.pku2_box { padding:5px 0; }
.news_box { padding:5px 0; }
.news2_box { padding:5px 0; }
#pku_box1 { background-color: #fff; }
#pku_box5 li img { width: 77% !important; }
.ifr-vr-tour { width: 94%; height: 500px; margin: 0 3%; }
.tbl-w80 { width: 100%; }
.tbl-w70 { width: 100%; }
.tbl-w60 { width: 100%; }
.tbl-w50 { width: 100%; }
.tbl-style1, .tbl-setsubi { font-size: 0.9em; }
.tbl-style1 th { padding: 5px; }
.tbl-style1 td { padding: 5px; }
.tbl-setsubi th { padding: 5px; }
.tbl-setsubi td { padding: 5px; }
.ccaption_pku::after { border-bottom: none; }
.ccaption h1 { margin-top: 0 !important; }
.email_area1 .ccaption h2 { font-size: 1.5rem; }
.email_area1 .main_inner { padding: 0 !important; }
.email_area1 .ccaption { padding-left: 0; }
.mmail_area1 .ccaption h2 { font-size: 1.5rem; }
.mmail_area1 .main_inner { padding: 0 !important; }
.mmail_area1 .ccaption { padding-left: 0; }
.access_area .ccaption h2 { font-size: 1.5rem; }
.access_area .ccaption { padding-left: 0; margin-bottom: 25px !important; }
.search_area .ccaption span { font-size: 1.5rem; }
.search_area .main_inner { padding: 0 !important; }
.search_area .ccaption { padding-left: 0; }
.main-txt { margin-right: 0; }
.main_block_leftright_box img { display: block; margin: 0 auto 15px auto !important; }
.fp-link-p { text-align: left; font-size: 1.05em; font-weight: normal; margin: 20px 3px 15px 3px; }
.fp-link-btn { margin: 0 5px; }
.fp-link-btn li { float: none; width: 100%; margin: 0 0 12px 0; }
/* 繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #f1f0f0; 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; }
#smp-global-nav ul li a { color: #333; display: block; width: 100%; height: 100%; text-decoration: none !important; }
}
@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:calc((100% / 3) - 0.01%);
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:calc((100% / 3) - 0.01%);
}
.flexbox-mm-4 > .col {
width:25%;
}
.flexbox-mm-5 > .col {
width:20%;
}
.flexbox-mm-6 > .col {
width:calc((100% / 6) - 0.01%);
}
.at-content-text { overflow: initial !important; }
#footer-shop span { display:block; }
.search_form_sp { display: none; }
.fp-link-btn li { width: 30%; margin: 0 1.5%; }
.fp-link-btn img { display: block; margin: 0 auto 10px auto; }
.mmail_area1 .ccaption_customer h2 { margin-left: 70px; }
.mmail_area1 .ccaption_manager h2 { margin: 40px 0 0 70px; }
.email_area1 .ccaption_sub { margin: 0 35px; }
.email_area1 p { margin: 15px 50px 20px 50px; }
.ifr-vr-tour { width: 94%; margin: 0 3%; }
}
@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:calc((100% / 3) - 0.01%);
float:left;
}
.grid-wm-4 > .col {
width:25%;
float:left;
}
.grid-wm-5 > .col {
width:20%;
float:left;
}
.grid-wm-6 > .col {
width:calc((100% / 6) - 0.01%);
float:left;
}
.grid-wm-7 > .col {
width:calc((100% / 7) - 0.01%);
float:left;
}
.flexbox-wm-1 > .col {
width:100%;
padding-right:0;
}
.flexbox-wm-2 > .col {
width:50%;
}
.flexbox-wm-3 > .col {
width:calc((100% / 3) - 0.01%);
}
.flexbox-wm-4 > .col {
width:25%;
}
.flexbox-wm-5 > .col {
width:20%;
}
.flexbox-wm-6 > .col {
width:calc((100% / 6) - 0.01%);
}
.flexbox-wm-7 > .col {
width:calc((100% / 7) - 0.01%);
}
.flexbox-wm-8 > .col {
width:calc((100% / 8) - 0.01%);
}
.search_form_sp { display: none; }
.mmail_area1 .ccaption_customer h2 { margin-left: 70px; }
.mmail_area1 .ccaption_manager h2 { margin: 40px 0 0 70px; }
.email_area1 .ccaption_sub { margin: 0 35px; }
.email_area1 p { margin: 15px 50px 20px 50px; }
}
/* media print逕ｨ
-------------------------------------------------------------------------------------- */
@media print {
/*縲繝励Μ繝ｳ繝育畑縺ｫ繧ｵ繧､繧ｺ繧定ｨｭ螳壹☆繧九*/
body { min-width:1050px; margin: 0 auto; }
}
div.ccaption {
background-image: url(/image/sub/);
width:100%;
height:auto;
background-repeat:no-repeat;
font-size: 2rem;
font-weight: normal;
margin-top:15px;
margin-bottom:5px;
text-align: center;
color: #555;}
div.ccaption h1 {
font-size: 2rem;
font-weight: normal;
text-align: center;
margin:0;
padding:0;
}
div.ccaption_sub {
background-image: url(/image/sub/);
width:100%;
height:auto;
background-repeat:no-repeat;
background-position:left center;
font-size:1.3rem;
font-weight:bold;
margin-top:15px;
margin-bottom:10px;}
div.ccaption_sub h2 {
font-size:1.3rem;
font-weight:bold;
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;
font-size:1.1rem;
font-weight:bold;
margin-top:7px;
margin-bottom:7px;
background-color: #f2f2f2;
padding: 4px 0 4px 9px;}
div.ccaption_sub_min h3 {
font-size:1.1rem;
font-weight:bold;
margin:0;
padding:0;
}
#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 { max-width:1120px; margin-left:auto; margin-right:auto; padding:0 10px; }
#dir_free_area1 .dir_free_inner .comment_inner { max-width:1120px; margin:0 auto; padding:0 10px; }
#dir_free_area1 .dir_free_inner .contents_inner { max-width:1120px; margin:0 auto; padding:0 10px; }
#dir_free_area1 .dir_free_inner .contents_left { max-width:1120px; margin:0 auto; padding:0 10px; }
#dir_free_area1 .dir_free_inner .contents_left .contents_inner { padding:initial; }
@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); }
.fre_pku_2 { min-height:100%; }
.fre_pku_comment_2 { padding:7px; }
.fre_pku_3 { min-height:100%; }
.fre_pku_comment_3 { padding:7px; }
.fre_pku_3-1 { min-height:100%; }
.fre_pku_comment_3-1 { padding:7px; }
.fre_pku_4 { min-height:100%; }
.fre_pku_comment_4 { padding:7px; }
div.rcaptionex { margin-top:0px; margin-left:0px; width:px; height:px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; margin:0.5em; }
div.ccaption_foot {
background-image: none;
width:100%;
height:auto;
padding:10px 0px;
font-weight:700;
font-size:1.4em;
margin-bottom:10px;
text-align:center;
color:rgb(51, 51, 51);
background-repeat:no-repeat;
background-image:none;}
div.ccaption_foot h2 {
font-size:1.4em;
font-weight:700;
color:rgb(51, 51, 51);
margin : 0;
padding : 0;
}