@charset "utf-8";
:root { font-size:14px; }
body { margin: 0px; color:#3c3c3c; background-color:#FFFFFF;   font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
body,td { text-decoration:none; }
a img { border:none; }
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:999999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:10px; padding-right:10px; padding-top:20px; background-image: url(https://tsubasa.e-tsukuba.jp/images/bg-image.gif);  background-color: #ffffff;  }
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;  text-align:left; vertical-align:text-top; }
div.navi_new { width:250px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-250px; float:right; width:100%; }
div.document_new_r_contents { margin-left:270px; }
.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:#150303; background-color:#F8E3F9; text-decoration:none; text-align:center; border:solid 1px #100303; }
.menubt a:link { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#150303; background-color:#F8E3F9; text-decoration:none; text-align:center; border:solid 1px #100303; }
.menubt a:visited { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#150303; background-color:#F8E3F9; text-decoration:none; text-align:center; border:solid 1px #100303; }
.menubt a:hover { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#150303; background-color:#F8E3F9; text-decoration:underline; text-align:center; border:solid 1px #100303; }
#sm-nav { position: absolute; top: -1000px; width:70%; 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; }
table.mainw{ width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
td.navi { width:; vertical-align:top; text-align:left; }
td.naviR { width:; vertical-align:top; text-align:right; }
td.document { width:; vertical-align:top; text-align:left;  }
td.toplimg { text-align:center; vertical-align:top; }
td.rcaption { text-align:center; vertical-align:text-top; }
td.qrcode { width:174px; text-align:center; vertical-align:text-top; }
table.news { width:100%; border-style:none; font-size:13px; }
table.news td { text-align:left; }
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-repeat:repeat-x; }
div.topmenuarea {  margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#229fd9; text-decoration:none; }
a:visited { color:#229fd9; text-decoration:none; }
a:hover { color:#229fd9; text-decoration:underline; /* position:relative; */}
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.3em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px;  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:260px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:260px; overflow-y:auto;  }
div.vmode_scroll { width:100%;  height:0px;  overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new {  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:#dcdcdc; background-color:#dcdcdc; }
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;
      
}
div#font-size-change > dl > dd:hover {   }
dd.font-select {   }
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 .text_link {
	position: relative;
}
.news .at-icon-disc .text_link ,
.news2 .at-icon-disc .text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-disc .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 .text_link {
	position: relative;
}
.news .at-icon-arrow .text_link ,
.news2 .at-icon-arrow .text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow .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 .text_link {
	position: relative;
}
.news .at-icon-arrow2 .text_link ,
.news2 .at-icon-arrow2 .text_link {
	margin-left:20px;
	display:inline-block;
}

.at-icon-arrow2 .text_link::after,
.at-icon-arrow2 .text_link::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2 .text_link::after {
	top: 0.15em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2 .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; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; color:#3c3c3c; margin:0.5em; }
/* basehtmlfile: 24*/
@media screen and (max-width:767px) {
.ccaption h1,.ccaption h2 { font-size:1.2rem !important; font-weight:bold !important; }

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

.ccaption_sub_min h3,.ccaption_sub_min h4 { font-size:1rem !important; font-weight:bold !important; }
}
html { overflow-y: scroll; }
body { line-height:140%; margin:0; padding:0; }

/* ヘッダー
------------------------------------------------------------------------------------------ */
.title-logo { clear: both; max-width: 990px; min-height: 100px; background: url("/files/bg-logo.jpg") no-repeat; background-position: top right; }
.logo { display: inline-block; max-width: 320px; max-height: 70px; margin-top: 15px; float: left; }
.top-add { display: inline-block; max-width: 400px; max-height: 70px; margin-top: 15px; float: right; }

/*
.title-logo { max-width:990px; height:100px; clear:both; margin:0 auto; }
.title-logo h1 { text-decoration:none; margin:0; padding:0; }
.title-logo a { display:block; max-width:990px; height:100px; }*/

/* nav
------------------------------------------------------------------------------------------ */
#top_baner1_box { clear: both; background-color: #fff !important; height: 50px; border-top: solid 1px #e9e8e8; border-bottom: solid 4px #40b6e6; }
#top_baner1_in { max-width:970px; margin:0 auto; }
nav > ul { max-width: 100%; height: 48px; list-style:none; margin: 0 auto; padding: 0; }
nav > ul > li { height: 48px; line-height: 48px; float: left; display: block; text-align: center; border-right: dotted 1px #dfdfdf; margin: 0; padding: 0; }
nav > ul > li:first-child { border-left: dotted 1px #dfdfdf; }
nav > ul > li > a { display: inline-block; width: 100%; height: 48px; color: #333 !important; text-decoration: none; }
nav > ul > li > a:hover { text-decoration: none; background-color: #f7f7f7; border-bottom: solid 4px #cda7e4; }
nav > ul > li:nth-of-type(1), nav > ul > li:nth-of-type(6), nav > ul > li:nth-of-type(7) { width: 12%; }
nav > ul > li:nth-of-type(2), nav > ul > li:nth-of-type(3), nav > ul > li:nth-of-type(4) { width: 15%; }
nav > ul > li:nth-of-type(5) { width: 19%; }


#at-main-menu-in { max-width:970px; padding:0; margin:0 auto; }
.common_inner { max-width:990px; padding:0 10px; margin:0 auto; }
.main_inner { max-width:990px; padding:0 10px; margin:0 auto; }
.footer_in { padding:0; margin:0 auto; }
#top-menu { max-width: 970px; margin: 0 auto; padding: 5px 0 0 0; height: 35px; }
#top_baner1_in { max-width:970px; padding:0; margin:0 auto; }
#top_main_img_in { max-width:2000px; padding:0; margin:0 auto; }
#top_baner2_in { max-width:970px; padding:0; margin:0 auto; }
#top_baner3_in { max-width:970px; padding:0; margin:0 auto; }
#site-info { clear:both; max-width:970px; 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; }
.footbackground #copyright { text-align:center; }
#footer-shop { text-align: center; margin-top:10px; }
.footbackground ul { list-style:none; margin:0; padding:0; }

div#font-size-change { float: right; margin: 0 20px 0 0; }

.ccaption_pku1 h2 { padding: 0 0 0 12px !important; border-left: solid 6px #c996dd; }

div#pku_box2,div#pku_box3 { margin: 0 auto; padding: 0; max-width: 960px; background-color: #e4e9ef; border: 1px solid #e4e9ef; }

div#pku_box2 { border-radius: 7px 7px 0 0; padding:30px 15px 0 15px; }
div#pku_box3 { border-radius: 0 0 7px 7px; padding:20px 15px 30px 15px }

div#pku_box2 .pku_inner, #pku_box3 .pku_inner { 
    margin: 0 auto;
}
div#pku_box2 h3 { color:#f772e3; }
div#pku_box2 .pku_cont_box { border-radius:10px; padding:0 10px; }
div#pku_box2 .pku_cont_headlist { border-radius:10px; padding-bottom:0; min-height:60px; }
div#pku_box2 .pku_cont_list { padding:0 5px 0 5px; }

div#pku_box3 .pku_cont_box { border-radius:10px; }
div#pku_box3 .pku_cont_headlist { border-radius:10px; }
div#pku_box3 .pku_cont_img { border-radius:10px; text-align: center; }
div#pku_box3 .pku_cont_img img { max-width:120px; }

a img {border:none;}
a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; }
.span{display:none;}
.clear{clear:both;}

.at-content-box { margin:5px 10px 0px 10px !important; }
.main_inner #at-subtitle h2 { padding: 0 0 0 12px !important; border-left: solid 6px #c996dd; }


/* トップメニュー */
.top-menu-box { width:100%; background-color:#313131; float:right; padding:5px 0; }
.top-menu-box-in { max-width:990px; margin:0 auto; padding:0 0 5px 0; }
.top-menu { max-width:720px; float:right; }
.top-menu ul {  margin:0 auto; padding:0 20px 0 5px; text-align:right; }
.top-menu li { margin:0 0 0 10px; padding:0 0 0 10px; list-style:none; display:inline; }
.top-menu li a { color:#ffffff; font-size:11px; top:0 !important; }
.top-menu li a:hover { text-decoration:underline; }

/* 検索 */
.search_form {
	float: right;
	margin: 1px 25px 0 0;
}
.search_form #submit {
	float:left;
}

#top-menu ul {
    float: right;
    margin: 5px 20px 0 0;
    padding: 0;
    font-size: 0.9em;
}
#top-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 0 0 0 17px;
    margin: 0 0 0 10px;
}

/* サイト内検索フォームコード　張替えここから */
.search_form {
	width: 256px;
}
.search_form #field {
	float:left;
	width:200px;
	height:22px;
	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:22px;
	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;
	background: url(/image/search/ico-search.png) no-repeat #4d90fe center;

	border: 1px solid #3079ED;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.search_form .fclear {clear:both}

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

/* メインメニュー */
#nav-wrap { height:50px; margin:0; }
#nav > ul { margin:0 auto; padding:0; max-width:990px; height:50px; } 
#nav > ul li { margin:0; padding:0; float:left; list-style:none; }

a.nav01 { display:block; width:142px; height:50px; text-indent: -9999px; background: url("/files/nav01.jpg") no-repeat; }
a.nav01:hover { background-image: url("/files/nav01-hover.jpg"); }
a.nav02 { display:block; width:142px; height:50px; text-indent: -9999px; background: url("/files/nav02.jpg") no-repeat; }
a.nav02:hover { background-image: url("/files/nav02-hover.jpg"); }
a.nav03 { display:block; width:141px; height:50px; text-indent: -9999px; background: url("/files/nav03.jpg") no-repeat; }
a.nav03:hover { background-image: url("/files/nav03-hover.jpg"); }
a.nav04 { display:block; width:141px; height:50px; text-indent: -9999px; background: url("/files/nav04.jpg") no-repeat; }
a.nav04:hover { background-image: url("/files/nav04-hover.jpg"); }
a.nav05 { display:block; width:141px; height:50px; text-indent: -9999px; background: url("/files/nav05.jpg") no-repeat; }
a.nav05:hover { background-image: url("/files/nav05-hover.jpg"); }
a.nav06 { display:block; width:141px; height:50px; text-indent: -9999px; background: url("/files/nav06.jpg") no-repeat; }
a.nav06:hover { background-image: url("/files/nav06-hover.jpg"); }
a.nav07 { display:block; width:142px; height:50px; text-indent: -9999px; background: url("/files/nav07.jpg") no-repeat; }
a.nav07:hover { background-image: url("/files/nav07-hover.jpg"); }



/* footer */
.footer-list { width:100%; border-top:1px solid #d9e0e8; }
.footer-list-in { max-width:950px; margin:0 auto; padding:20px 15px; }
.footer-list ul { margin: 0; padding:3px 0; list-style-type: none; }
.footer-list ul li { padding: 0px 4px 0px 8px; border-left: 1px #c0bfbf dotted; display: inline;}
.footer-list ul li a { color:#3c3c3c; text-decoration:none;}
.footer-list ul li a:hover { color:#229fd9; text-decoration: none;}
.footer-list ul li.first { border-left: none;}

.company-wrap { width:100%; border-top:solid 1px #d9e0e8; padding:15px 0; }
.company,.add-tel { max-width:990px; text-align:center; margin:3px auto; }

.copyright { width:100%; background-color: #313131; color:#fff; }
.copyright-in { max-width:990px; margin:0 auto; padding:12px 0; text-align:center; }


/* ニュース */
.newsbar { margin:0 6px 0 0; }
.top_news_date { margin-right:12px; }
.news h2 { padding: 0; margin-left: 10px !important; }
#at_news1 { border: solid 1px #d9d8d8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #f9f9f9; margin-bottom: 15px; }
img.newsbar { vertical-align: middle !important; }
hr.news_head { display: none; }

/* ピックアップ */
.pku-cont-box-01 { margin:0 13px 18px 0 !important; }
.pku-cont-box-02 { margin:0 0 18px 0 !important; }

/* 角丸ボーダーフレーム */
.border-style1 { padding:20px 25px; border:3px solid #d9e0e8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0 4px 0px 4px; background-color:#fff; }
.border-style1 h2 { margin:3px 0 12px 0; font-size:17px; }

/* トップページ　インフォメーション */
.top-infomation { padding:30px 17px 30px 17px; border:1px solid #e4e9ef; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0 0 17px 0; background-color:#e4e9ef;  }
.info-box { max-width:296px; width:100%; height:110px; float:left; margin:0 17px 10px 0; padding:10px 14px; background-color:#fff; border:solid 2px #e4e9ef; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.info-box2 { max-width:296px; width:100%; height:110px; float:left; margin:0 0 10px 0; padding:10px 14px; background-color:#fff; border:solid 2px #e4e9ef; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.top-infomation h2 { margin:0 0 12px 4px; padding:0 0 0 10px; font-size:17px; border-left:6px solid #cda6e2; }
.top-infomation h3 { margin:0 0 15px 0; font-size:15px; color:#f772e3; }
.top-infomation p { margin:12px 0 0 0; }

/* トップページ　問合せ等 */
.top-form { border:1px solid #e4e9ef; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0; background-color:#e4e9ef;  }
.form-box { max-width:296px; width:100%; height:150px; float:left; margin:0 17px 0 0; padding:0px 14px; background-color:#fff; border:solid 2px #e4e9ef; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.form-box2 { max-width:296px; width:100%; height:150px; float:left; margin:0; padding:0px 14px; background-color:#fff; border:solid 2px #e4e9ef; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.form-h2 { margin-top:17px !important; }
.top-form img { max-width:120px; height:120px; margin:0 0 0 72px; text-align:center; }
.form-title { font-size:16px; text-align:center; }

/* 地域観光情報 */
.kanko-box { margin:30px 5px 0 5px; padding:20px 15px; border-top:1px solid #d9e0e8; }
.kanko-box h2 { margin:3px 0 12px 0; font-size:15px; font-weight:normal; }
.kanko-box img { margin-right:10px; }

/* テーブル：th左・細字 */
.table-style1 table { width:100%; margin:20px auto 10px auto; border-collapse:collapse ; border-top:dotted 1px #b6bfca; }
.table-style1 th { padding:3px 15px; font-weight:normal; border-bottom:dotted 1px #b6bfca; background-color:#deeef9; }
.table-style1 td { padding:3px 15px; border-bottom:dotted 1px #b6bfca; }

/* テキスト位置 */
.text-position { text-align:right; margin:0 10px 0 0; }

/* バス紹介ページ */
.bus-information { margin:15px 0 0 10px; float-left; }
.bus-information img { margin:0 0 0 20px; float-left; }

.bus-spec-li ul { margin:3px 5px 0 5px; padding:0 10px; }
.bus-spec-li li { margin:0; padding:8px 0 8px 5px; border-bottom:1px dotted #c0bfbf; list-style-position: inside; }
.bus-spec-li li:first-child { border-top:1px dotted #c0bfbf; }

/* バスサイズ選択 */
.bus-size ul { max-width:600px; min-height:45px; margin:40px auto 20px auto; padding:0; }
.bus-size li { max-width:24%; width:100%; height:43px; line-height:43px; margin:10px 0.5%; list-style:none; float:left; }
.bus-size a { display:block; width:100%; height:100%; text-align:center; text-decoration:none; color:#3c3c3c; background-color: #e7d8f0; border: 1px solid #e4ccf3; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.bus-size a:hover { background-color: #ebdef4; border: 1px solid #e7d8f0; }

/* サイトマップ */
#sitemap { width:100%; padding:10px 0 20px 0; border-top:solid 3px #dcdcdc; clear:both; }
.sitemap-menu { max-width:970px; margin:15px auto 0 auto; padding:0 10; }
.sitemap-menubox { float:left; max-width:227px; width:100%; background-color:#f4f4f4; margin:0 5px;padding:10px 7px 13px 7px; height:185px; }
.sitemap-menubox h3 { font-size:14px; margin:7px 0 7px 3px; padding:0 0 0 15px; text-align:left; background:url(/files/icon-sitemap-h3.gif) no-repeat 0% 50%; }
.sitemap-menubox h3 a { text-decoration:none; text-align:left; }
.sitemap-menubox h3 a:hover { text-decoration:underline; }
.sitemap-menubox ul { margin:0 3px 0 3px; padding:0; }
.sitemap-menubox li { margin:0 0 6px 0; padding:0 0 0 15px; list-style:none; text-align:left; background:url(/files/icon-sitemap.gif) no-repeat 0% 50%; }
.sitemap-menubox li a { font-size:13px; text-decoration:none; text-align:left; color:#3c3c3c }
.sitemap-menubox li a:hover { color:#229fd9; }

/* 求人情報 */
.rectable th { width:16%; }

/* フォントサイズ */
.font-s24 { font-size:24px; font-family: "Times New Roman", serif; color:#ffa500; }

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


@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; }
	.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; }
	div.shopcartlst_img img { display: block; float: initial !important; }
	#top_baner1_box { display:none; } /* スマートフォン版では上メニューを非表示とする */
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* 好みの背景色 */
		background-image:none;
	}
	{
		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%);
	}
.sp-block { display: block; }
.title-logo { min-height: 62px; background: none; }
.logo { display: block; max-width: 250px; max-height: 54px; margin-top: 3px; }
.search_form { margin: 2px 0 0 5px; float: left; }
#footer-shop span { display:block; }
.footer-list-in { padding: 15px 3px; }
.footer-list ul li.first { padding-left: 0; }
.footer-list ul li:last-child { padding-right: 0; }
.main_inner { padding: 0; }
.maintablebox2 { padding-left: 2px !important; padding-right: 2px !important; padding-top: 0 !important; }
.bus-size li { max-width:48%; margin: 10px 1%; }
.border-style1 { padding: 20px 10px; margin: 0; }
.pku_box { padding: 0 0 30px 0; }
.ccaption_pku1 h2 { padding: 0 0 0 10px !important; font-size: 0.95rem !important; }
.ccaption_pku1 { font-size: 0.95rem !important; }
ol { padding-left: 20px; }

.bus-information { margin: 15px 0 0 0; }
.bus-information img { margin: 0 0 15px 0; display: block; }

/* ハンバーガーメニュー */
#smp-global-nav { clear: both; margin-top: 6px; }
#smp-global-nav h3 { background-color: #f1f0f0; color: #333; padding: 8px 6px; margin: 0; font-size: 0.95em; }
#smp-global-nav h4 { background: #edf7f8 url(/files/icon-arrow1.png) no-repeat 0% 50%; color: #333; padding: 7px 6px 7px 20px; margin: 0; font-size: 0.95em; }
#smp-global-nav h4 a { display: block; width: 100%; height: 100%; text-decoration: none !important; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 8px 0 8px 20px; 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; }

.kanko-box { text-align: center; }
.kanko-box img { margin-bottom: 12px; }

}
@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; }
#nav-wrap { height:initial; }
#nav-wrap ul { height:initial; }
#nav-wrap ul li { border:1px solid #aaa; }
#nav-wrap ul li a { line-height:50px; color:#333; background-image: initial; text-indent: 0; text-decoration: none; }
#nav-wrap ul li a:hover { color:#229fd9; }
nav > ul > li > a { font-size: 0.9em; }

}
@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%);
	}
}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}
ul.top_news { line-height:1.4em; padding:2px 5px;  margin:2px 5px 2px 20px;  }
ul.top_news2 { line-height:1.4em; padding:2px 5px;  margin:2px 5px 2px 20px;  }


 ul#at-footer-menu ul li.col { margin-bottom:4px; } 
div.cvlay { text-align:center; padding-top:1em; padding-bottom:1em; }
div.cover_comment { margin-bottom: 3px; border: none 0px ; background-color: ; }
#main_block_box1_1 .hover_anime
{ display:block; background-color:#fff; }
#main_block_box1_1 .hover_anime a > img
{ transition: all 0.3s ease; display:block; }
#main_block_box1_1 .hover_anime a > img:hover
{ opacity: 0.7; filter: alpha(opacity=70); }

#main_block_box2_1 .hover_anime
{ display:block; background-color:#fff; }
#main_block_box2_1 .hover_anime a > img
{ transition: all 0.3s ease; display:block; }
#main_block_box2_1 .hover_anime a > img:hover
{ opacity: 0.7; filter: alpha(opacity=70); }

div.tpc_body { width: 100%; margin-bottom: 3px; display:inline-block; }
div.tpc_body h3 { margin:0px; padding:0px; }
div.tpc_body a.tpc_link { display:block; }
div.tpc_updown_cmt { padding: 5px; }
div.tpc_updown_img { text-align:center; }
div.tpc_updown_img span { display:none; }
div.tpc_leftright_box { padding:5px; }
div.tpc_leftright_cmt { text-align:left; }
div.tpc_leftright_img span { display:none; }
div.tpc_leftright_img img { margin:0 5px 5px 0; }

div.ccaption_pku1 {
	background-image: none;
	max-width:970px;
	height:auto;
	padding:10px;
	font-weight:bold;
	font-size:13pt;
	margin-bottom:15px;
	color:#555;
	background-color: #f9f9f9;
	border: solid 1px #d9d8d8;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}
div.ccaption_pku1 h2 {
	font-size:13pt;
	font-weight:bold;
	color:#555;
	margin : 0;
	padding : 0;
}
/* pickup content */

#pku_box1 .pku_cont_img { display:block; background-color:#fff; }
#pku_box1 a .pku_cont_img img { transition: all 0.3s ease; }
#pku_box1 a .pku_cont_img img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.pku_cont1 > .flexbox { -webkit-justify-content: flex-start; justify-content: flex-start;}
.pku_cont1 { margin:5px auto 0px; padding:0px; display:block; float:none; }
.pku_cont1 > ul { list-style:none; padding:0px; }
/*.pku_cont1 > ul > li { padding:0 7px 15px 8px; }*/
.pku_cont1 > ul > li { padding:0 0.5% 8px 0.5%; }
.pku_cont1 .pku_cont_box { width:100%; min-height:100%; margin:0px; padding:0px; display:block;  border:#ffffff 1px solid;  background-color:#ffffff; }
.pku_cont1 .pku_cont_box img { width:100%; vertical-align:middle; }
.pku_cont1 .pku_cont_headlist { margin:0px; display:block;  background-color:#ffffff; padding:0px;  text-align:left; }
.pku_cont1 .pku_cont_headlist h3 { margin:0; font-size:1.1em;  color:#333333; }
.pku_cont1 .pku_cont_img { margin:0px; padding:0px; }
.pku_cont1 .pku_cont_img h3 { margin:0px; padding:0px; }
.pku_cont1 .pku_cont_img span { display:none; }
.pku_cont1 .pku_cont_list { margin:0px; padding:0px;  color:#333333; }
.pku_cont_box_last { clear:left; }
.pku_cont1 .pku_cont_box { display:flex; flex-direction:column; }
.pku_cont1 .pku_cont_box a { display:flex; flex-direction:column; text-decoration: none; min-height:0%; }
.pku_cont1 .pku_cont_headlist { order:1; }
.pku_cont1 .pku_cont_img { order:2; min-height:0%; }
.pku_cont1 .pku_cont_list { order:3; }
@media screen and (max-width:767px) {
.pku_cont1 .pku_cont_headlist { order:2; padding:5px; }
.pku_cont1 .pku_cont_img { order:1; }
.pku_cont1 .pku_cont_list { padding:0 5px 5px; }
}

div.ccaption_pku2 {
	background-image: none;
	width:100%;
	height:auto;
	line-height:1.6em;
	padding:3px 0 2px 12px;
	font-weight:bold;
	font-size:1.3rem;
	margin-bottom:10px;
	border-left:6px solid #cda6e2;
	color:rgb(51, 51, 51);
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:none;
}
div.ccaption_pku2 h2 {
	font-size:1.3rem;
	font-weight:bold;
	color:rgb(51, 51, 51);
	margin : 0;
	padding : 0;
}
/* pickup content */

#pku_box2 .pku_cont_img { display:block; background-color:#fff; }
#pku_box2 a .pku_cont_img img { transition: all 0.3s ease; }
#pku_box2 a .pku_cont_img img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.pku_cont2 > .flexbox { -webkit-justify-content: flex-start; justify-content: flex-start;}
.pku_cont2 { margin:5px auto 0px; padding:0px; display:block; float:none; }
.pku_cont2 > ul { list-style:none; padding:0px; }
/*.pku_cont2 > ul > li { padding:0 7px 15px 8px; }*/
.pku_cont2 > ul > li { padding:0 0.5% 8px 0.5%; }
.pku_cont2 .pku_cont_box { width:100%; min-height:100%; margin:0px; padding:0px; display:block;   background-color:#ffffff; }
.pku_cont2 .pku_cont_box img { width:100%; vertical-align:middle; }
.pku_cont2 .pku_cont_headlist { margin:0px; display:block;  background-color:#ffffff; padding:10px 5px 10px 5px;  text-align:left; }
.pku_cont2 .pku_cont_headlist h3 { margin:0; font-size:1.1em;  color:#333333; }
.pku_cont2 .pku_cont_img { margin:0px; padding:0px; }
.pku_cont2 .pku_cont_img h3 { margin:0px; padding:0px; }
.pku_cont2 .pku_cont_img span { display:none; }
.pku_cont2 .pku_cont_list { margin:0px; padding:10px 5px 10px 5px;  color:#333333; }
.pku_cont_box_last { clear:left; }
.pku_cont2 .pku_cont_box { display:flex; flex-direction:column; }
.pku_cont2 .pku_cont_box a { display:flex; flex-direction:column; text-decoration: none; min-height:0%; }
.pku_cont2 .pku_cont_headlist { order:1; }
.pku_cont2 .pku_cont_img { order:2; min-height:0%; }
.pku_cont2 .pku_cont_list { order:3; }

div.ccaption_pku3 {
	background-image: none;
	width:100%;
	height:auto;
	line-height:1.6em;
	padding:3px 0 2px 12px;
	font-weight:bold;
	font-size:1.3rem;
	margin-bottom:10px;
	border-left:6px solid #cda6e2;
	color:rgb(51, 51, 51);
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:none;
}
div.ccaption_pku3 h2 {
	font-size:1.3rem;
	font-weight:bold;
	color:rgb(51, 51, 51);
	margin : 0;
	padding : 0;
}
/* pickup content */

#pku_box3 .pku_cont_img { display:block; background-color:#fff; }
#pku_box3 a .pku_cont_img img { transition: all 0.3s ease; }
#pku_box3 a .pku_cont_img img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.pku_cont3 > .flexbox { -webkit-justify-content: flex-start; justify-content: flex-start;}
.pku_cont3 { margin:5px auto 0px; padding:0px; display:block; float:none; }
.pku_cont3 > ul { list-style:none; padding:0px; }
/*.pku_cont3 > ul > li { padding:0 7px 15px 8px; }*/
.pku_cont3 > ul > li { padding:0 0.5% 8px 0.5%; }
.pku_cont3 .pku_cont_box { width:100%; min-height:100%; margin:0px; padding:0px; display:block;   background-color:#ffffff; }
.pku_cont3 .pku_cont_box img { width:100%; vertical-align:middle; }
.pku_cont3 .pku_cont_headlist { margin:0px; display:block;  background-color:#ffffff; padding:10px 5px 10px 5px;  text-align:center; }
.pku_cont3 .pku_cont_headlist h3 { margin:0; font-size:1.1em;  color:#333333; }
.pku_cont3 .pku_cont_img { margin:0px; padding:0px; }
.pku_cont3 .pku_cont_img h3 { margin:0px; padding:0px; }
.pku_cont3 .pku_cont_img span { display:none; }
.pku_cont3 .pku_cont_list { margin:0px; padding:0px;  color:#333333; }
.pku_cont_box_last { clear:left; }
.pku_cont3 .pku_cont_box { display:flex; flex-direction:column; }
.pku_cont3 .pku_cont_box a { display:flex; flex-direction:column; text-decoration: none; min-height:0%; }
.pku_cont3 .pku_cont_headlist { order:2; }
.pku_cont3 .pku_cont_img { order:1; min-height:0%; }
.pku_cont3 .pku_cont_list { order:3; }
img.news_thumb { float : right; margin : 0px 0px 0px 8px; }
ul.news strong  { font-weight:normal; }
div.news_title { padding:0 5px;  }
div.news_title a {  }
div.news_comment_box a img { padding:0.5em; }
div.news_comment{ overflow: hidden; height: calc(1.4em * 3); margin: 0.5em;  }
div.news_comment_no_height { width: 90%; height: calc(1.4em * 3); white-space: nowrap; overflow: hidden; height: auto; text-overflow: ellipsis; }
#at_news1 span { display:none; }
#at_news1 h2 { display:inline; }
.at_news_cate1 { font-family: Verdana,Roboto,'Droid Sans','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; font-size:0.8rem; padding:1px 0; border-radius:0.2em; display:inline-block; line-height:1em; text-align:center; width:100px; border:1px solid #ffa500; background-color:#ffa500; color:#ffffff; }