#bridge h1 {margin:0 0 1.3em 0;padding:1em;color:#fff;font-size:150%;line-height:1.4;background:#063;text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px;}
#bridge h2 {margin:1em 0;padding:1em;color:#fff;background:#3AAC96;}
#bridge h3 {margin:.8em}
#bridge h4 {margin:.5rem 0;padding:.3rem 0;color:#063;font-size:110%;}
#bridge small {font-size:90%;}

a img {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
a img:hover {opacity:.6;}

/*
a,a img {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
a {color:#666;}
a:hover {color:#04316d;}
a img:hover {opacity:.6;}
*/

.col2,.col3 {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
#Main {padding-bottom: 100px;}
.generalarticle,.tagpagelist {padding: 10px;background: #fff;}
#bridge {font-size:115%;}

/* ---------- shadow */
{border:1px solid #ddd;border-radius:1px;-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);}

/* ---------- option */
.btn {margin:0 auto;padding:1em;font-size:90%;font-weight:bold;color:#fff;text-decoration:none;background:#04316d;border:2px solid #04316d;display:block;position:relative;}
.btn:hover {color:#04316d;background:#fff;}
.btn.toptopics,.btn.helpdesk {width:180px;}

.tagnav {margin:0 0 .5em 0;}
.tagnav a {margin:.2em;padding:.5em .8em;line-height:1;color:#fff!important;background:#063;display:inline-block;}

.infobox {margin:2em 0;padding:36px 1em 1em 1em;border:1px solid #063;position:relative;}
.infobox span {top:0;left:0;margin:0;padding:.6em;color:#fff;font-size:100%;font-weight:bold;line-height:1;background:#063;position:absolute;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display:inline-block;}
.infobox.notitle {padding-top:1em;}

.tags a {margin:.2em;display:inline-block;}

a.topiclink {background:linear-gradient(transparent 50%, yellow 50%);text-decoration:none;}

/* ===  tablist */
/* .tab-list {margin:0;font-size:90%;font-weight:bold;text-align:center;display:flex;} */
.tab-list {margin:0;font-size:110%;font-weight:bold;text-align:center;display:flex;}
.tab-list .tab {width:50%;padding:1.5em;list-style-type:none;flex-shrink:1;}
.tab{color:#666;background:#eee;border-bottom:2px solid #063;transition: all .6s ease-out;}
.tab.is-active{color:#063;background:#fff;}
.tab-list a {text-decoration:none;}
.tabviews{display:none;}
.tabviews.is-show{display:block;}
.tabcontent{display:none;}
.tabcontent.is-show{display:block;}

/* ===  general */
.generalthumb {width:30%;}
.generalthumb img {width:100%;}
.generaldetail {width:68%;margin:0 0 0 2%;width:68%;}
.generaldetail p {margin:1em 0;}

/* ===  newsArticle */
.newsArticle {margin:2em 0;}

/* ===  thumlist */
.thumlist {width:31.8%;margin:.5%;display:inline-block;vertical-align:top;position:relative;}
.thumlist a {text-decoration:none;}
.thumlistimages {width:100%;border:1px solid #ddd;background:#fff;}
.thumlist img {width:100%;}
/*
.thumlistdate {top:0;right:-1px;padding:.5em .8em;font-size:75%;font-weight:bold;color:#fff;background:rgba(0,0,0,.8);position:absolute;}
.thumlisttitle {width:100%;bottom:0;left:0;padding:.5em .8em;color:#fff!important;font-size:75%;background:rgba(0,0,0,.8);position:absolute;}
*/
.thumlistdate {top:0;right:-1px;padding:.5em .8em;font-weight:bold;color:#fff;background:rgba(0,0,0,.8);position:absolute;}
.thumlisttitle {width:100%;bottom:0;left:0;padding:.5em .8em;color:#fff!important;background:rgba(0,0,0,.8);position:absolute;}
.thumlisttitleblock {margin:.3em 0;}

/* ===  general */
.generalthumb {width:30%;}
.generalthumb img {width:100%;}
.generaldetail {width:68%;margin:0 0 0 2%;width:68%;}
.generaldetail p {margin:1em 0;}

/* ===  topics */
.topicsthumb {width:30%;}
.topicsthumb img {width:100%;}
.topicsdetail {width:68%;margin:0 0 0 2%;width:68%;}
.topicsdetail p {margin:1em 0;}
.topicsarticles {position:relative;}
.topicsleftarticle {width:78%;}
.topicsrightarticle {width:20%;margin:0 0 0 2%;}
.topicscol1 {width:100%;}

/* ===  special */
.specialarticles img,.specialaddinfo img {padding:1%;}
.specialthumb {width:30%;}
.specialthumb img {width:100%;}
.specialdetail {width:68%;margin:0 0 0 2%;width:68%;}
.specialarticles {position:relative;}
.specialleft {width:48%;}
.specialright {width:50%;margin:0 0 0 2%;}
.specialaddthumb {width:28%;}
.specialaddthumb img {width:98%;}
.specialadddata {width:70%;margin:0 0 0 2%;}
.addthumbright {position:relative;}
.addthumbright .specialadddata {float:left;}
.addthumbright .specialaddthumb {float:right;}

/* ===  yorisousengen */
.yorisouthumb,.yorisou03images {width:30%;}
.yorisouthumb img,.yorisou03images img {width:100%;}
.yorisoudetail {width:68%;margin:0 0 0 2%;width:68%;}
.yorisoudetail p {margin:1em 0;}
.yorisou03details {margin:0 2% 0 0;width:68%;}

/* ===  movie */
.moviethumb {width:30%;}
.moviethumb img {width:100%;}
.moviedetail {width:68%;margin:0 0 0 2%;width:68%;}
.moviedetail p {margin:1em 0;}
.moviepasswd {font-size:200%;font-weight:bold;}

/* ===  gallery */
.arvhivethumb {width:31%;margin:1em .5%;vertical-align:top;display:inline-block;position:relative;}
.arvhivethumb .thumbframe {height:180px;overflow:hidden;}
.arvhivethumb img {width:100%;vertical-align:top;}
.arvhivethumb span {bottom:.5em;right:.5em;font-size:70%;line-height:1.4;background:#fff;text-align:right;display:block;}

/* ===  singlearchivethumb */
.singlearchivethumb {width:31.5%;margin:1em .5%;vertical-align:top;display:inline-block;}
.singlearchivethumb .thumbframe {height:180px;}
.singlearchivethumb img {width:100%;vertical-align:middle;}

/* ===  topicsarchivethumb */
.topicsarchivethumb {width:100%;margin:.5em 0;display:inline-block;}
.topicsarchivethumb .thumbframe {background:#eee;}
.topicsarchivethumb img {width:100%;vertical-align:middle;}

/* ===  archives */
.archivepost {width:30%;margin:1em .5%;padding:.5%;display:inline-block;position:relative;}
.archivepost img {width:100%;vertical-align:top;}
.archivepost span {bottom:0;left:0;padding:1em;color:#fff;font-size:90%;line-height:1.4;background:rgba(0,0,0,.8);display:block;position:absolute;}
.bridgearchivethumb {width:33%;}
.bridgearchivethumb img {width:100%;vertical-align:bottom;}
.bridgearchivedetail {width:65%;margin:0 0 0 2%;}
.bridgearchivedetail h1 {margin:.3em 0;padding:1em 0;color:#2fb49b;font-size:150%;background:0;text-shadow: rgba(0, 0, 0, 0) 0 0 0;}
.bridgearchivedetail h2 {margin:.3em 0;padding:.5em 0;color:#2fb49b;font-size:160%;background:0;}
.bridgearchivetopics p {margin:.5em 0;padding:.6em;border:1px solid #2fb49b;background:#e6f7df;}
.bridgearchivecloseup p {margin:.5em 0;}
.bridgearchiveother p {margin:.5em 0;}

/* ===  simpleqa */
.simpleqacol2 {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.qachara {width:22%;vertical-align:top;}
.qachara img {width:98%;margin:1%;}
.qaansframe {width:78%;}
.qaans {margin:1em;padding:1em;background:#f0f7e6;position:relative;}
.simpleqanav a {margin:.3em;display:inline-block;}
.simpleqaframe.lefts .qaans:before {
  content: "";
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #f0f7e6;
  position: absolute;
}
.simpleqaframe.rights .qaans:before {
  content: "";
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #f0f7e6;
  position: absolute;
}
.wysy1,.wysy2 {margin:2em 0;}
.wysy1 img,.wysy2 img {padding:2em 0;vertical-align:bottom;}

/* ===  wp-gallery */
.gallery {margin:1em 0!important;}
.gallery-item img {width:70%;margin:0 auto;display:block;}
.wp-caption-text.gallery-caption {color:#666;font-size:90%;}
.wp-caption-text {margin:.3em 0;text-align:center;display:block;}

/* ===  wp-align */
.aligncenter {margin:0 auto;display:block;}
.alignright {float:right; }
.alignleft {float:left; }

#bridge h3.titleSS01 {
margin:1em 0 0 0;
padding-left: 1em;
font-size: 1.6rem;
font-weight: normal;
line-height: 1.2;
position: relative;
}
#bridge h3.titleSS01:before {
content: "";
left: 0;
top: 0;
bottom: 0;
width: 0.5em;
height: 2px;
margin: auto;
background: #063;
position: absolute;}

/* ---------- material-icons */
.material-icons {margin:-.18em .1em 0 .1em;vertical-align:middle;}
.material-icons.box {padding:.2em;color:#fff;border:1px solid #fff;vertical-align:top;}
.material-icons.no_mr {margin-right:0;}
.mi14 {font-size:14px!important;}
.mi18 {font-size:18px!important;}
.mi24 {font-size:24px!important;}
.mi36 {font-size:36px!important;}

.m1 {margin:1em 0;}

.ta-c {text-align:center;}
.ta-c img {margin:0 auto;}
.ta-r {text-align:right;}

.typo-main {color:#063;}
.typo-blue {color:#003F66;}

.supstyle {font-size:80%;display:inline-block;vertical-align:top;}

/* ---------- clear */
.txt-indent-clear {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;}

.clearfix::before, .clearfix::after {
	content: " ";
	display: table;}
.clearfix::after {
	clear: both;}
.clearfix {
	*zoom: 1;}

.pcview {display:block;}
.spview {display:none;}
/* ===== responsive */
@media screen and (max-width: 668px) {
	.pcview {display:none;}
	.spview {display:block}
	
	.col2,.col3{display:block}

	img {width:100%;}

	iframe {width:100%;}

	#Main {padding-bottom: 0;}

	/* ===  general */
    .generaldetail {width:100%;margin:0;}
    .generalthumb {width:100%;margin:2em 0;}
    .generalthumb img {width:80%!important;margin:0 auto;border:2px solid #063;display::block;}

    /* ===  thumlist */
    .thumlist {width:100%;margin:1em 0;display:block;}
	.thumlistimages {width:80%;margin:0 auto;display:block;overflow:hidden;}
    .thumlistspdetails {width:100%;margin:0;vertical-align:top;display:inline-block;}
    .thumlisttitle {width:96%;}
    .thumlistdate,.thumlisttitle {margin:1em;position:static;}

	/* ===  topics */
    .topicsdetail {width:100%;margin:0;}
    .topicsthumb {width:100%;margin:0 0 2em 0;text-align:center;}
    .topicsthumb img {width:80%!important;border:2px solid #063;}
	.topicsarticles {width:100%;position:static;}
	.topicsleftarticle {width:100%;margin:0;}
	.topicsleftarticle img {width:60%;margin:0 auto;display:block;}
	.topicsrightarticle {width:100%;margin:0;}

	/* ===  special */
	.specialthumb {width:100%;margin:0 0 2em 0;text-align:center;}
	.specialthumb img {width:80%!important;border:2px solid #063;}
	.specialdetail {width:100%;margin:0;}
	.specialleft {width:100%;}
	.specialright {width:100%;margin:0;}
	.specialaddthumb {width:100%;}
	.specialaddthumb img {width:60%;margin:0 auto;display:block;}
	.specialadddata {width:100%;margin:0;}
	.addthumbright .specialadddata,.addthumbright .specialaddthumb {float:static;}

    /* ===  yorisousengen */
    .yorisoudetail,.yorisou03details {width:100%;margin:0;}
    .yorisouthumb,.yorisou03images {width:100%;margin:0 0 2em 0;text-align:center;}
    .yorisouthumb img {width:80%!important;border:2px solid #063;}
    .yorisou03images img {width:60%!important;border:2px solid #cfcfcf;}

	/* ===  movie */
    .moviedetail {width:100%;margin:0;}
    .moviethumb {width:100%;margin:0 0 2em 0;text-align:center;}
    .moviethumb img {width:80%!important;border:2px solid #063;}

	/* ===  topicsarchivethumb */
	.topicsarchivethumb {width:31%;margin:1em .5%;display:inline-block;}
	.topicsarchivethumb .thumbframe {background:#eee;}
	.topicsarchivethumb img {width:100%;vertical-align:top;}

	/* ===  archives */
	.bridgearchivethumb {width:100%;}
	.bridgearchivethumb img {width:50%;margin:0 auto;display:block;}
	.bridgearchivedetail {width:100%;margin:0;}

	/* ===  simpleqa */
	.qachara {width:38%;vertical-align:top;}
	.qachara img {width:98%;margin:1%;}
	.qaansframe {width:62%;}
	.qaans {margin:1em;padding:1em;background:#f0f7e6;position:relative;}
	.simpleqanav a {margin:.3em;display:inline-block;}
	.simpleqatitle img {width:100%;}
	.wysy1 img,.wysy2 img,.wysy3 img {width:100%;vertical-align:bottom;}
    
    .tags a {margin:1em;}
    
    .side-bridgeimg {width:50%;margin:0 auto;padding:.5em 0;display:block;}
    
        /* ===  wp-gallery */
    #gallery-1 .gallery-item,#gallery-2 .gallery-item,#gallery-3 .gallery-item,#gallery-4 .gallery-item {width:auto!important;margin:0 auto!important;display:block!important;float:none!important;}

}