/*
Theme Name: glass bottle
Theme URI: http://glassbottle.org/
Author: sin
Author URI: http://1969.jp
Version: 20161004

#004185 #002449 #003369 #0051a4 #0171e6
#58a0ea #116ecf #3589df #7fb7f2 #b0d4f9
#ff5701 #ff742d #ff8d53
#ffc501 #ffcf2d #ffd853

#00b5df #00637a #007e9b #04cfff #20d2fb
#2496b0
*/





@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?qpx68a');
    src:    url('fonts/icomoon.eot?qpx68a#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?qpx68a') format('truetype'),
        url('fonts/icomoon.woff?qpx68a') format('woff'),
        url('fonts/icomoon.svg?qpx68a#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-hatebu:before {
    content: "\e900";
}
.icon-line:before {
    content: "\e901";
}



#contentWrapper img {
    vertical-align: middle;
}



.bcr{
	background-color:#FF0004;
}

.bcb{
	border:2px solid #FF0004;
}



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 12px 0 12px 24px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 12px 24px 12px 0;
	display: inline;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;/* Above WP toolbar */
} 

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}


/* ----------------------------------
 * icons
 * ---------------------------------- */
@font-face {
  font-family: "angularicons";
  src: url("../angularicons/angularicons.eot");
  src: url("../angularicons/angularicons.eot?#iefix") format("embedded-opentype"), url("../angularicons/angularicons.woff") format("woff"), url("../angularicons/angularicons.ttf") format("truetype"), url("../angularicons/angularicons.svg") format("svg");
}

.icon {
  display: inline-block;
  font-family: "angularicons";
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon[data-icon]:before {
  content: attr(data-icon);
  speak: none;
}

.qbox {
	width: 640px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #09F;
	margin-bottom: 10px;
	color: #333;
	font-weight: bold;
}


/* ----------------------------------
 * Content
 * ---------------------------------- */
/* =Content
----------------------------------------------- */
.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


@media (max-width: 767px) {
  .pull-left,
  .pull-right {
  	float: none !important;
  }
}

/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =Widgets
----------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}


.widget > ul > li,
li.recentcomments {
	border-bottom: 1px solid #EEE;
	position: relative;
	display: block;
	padding: 10px 15px;
}
.widget ul {
  padding: 10px 10px;
}

.widget-title {
  border-bottom: 1px solid #eee;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
.tab-content ul li {
  list-style: none;
}

.tab-content .tab-thumb {
  float: left;
  margin-right: 8px;
  padding-top: 5px;
  line-height: 0px;
  width: 60px;
  height: 60px;
}
.tab-content li {
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 8px;
  padding: 0 0 6px;
}
.tab-content .tab-entry {
	display: block;
}
.tab-content > .active {
  border: 1px solid #DDD;
  border-top: none;
}
.tab-content ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.tab-content .tab-entry {
  font-weight: 600;
  font-size: 14px
}
.tab-comment {
  font-size: 18px;
  padding: 0 10px;
}
.nav-tabs > li > a {
  border-bottom-color: transparent;
  text-transform: uppercase;
}
.tab-content i {
    font-size: 12px;
}
.tab-thumb.thumbnail {
    margin-bottom: 5px;
}
.tab-content #messages li:before {
  content: '\f0e5';
  font-family: fontawesome;
  float: left;
  padding-right: 10px;
  font-size: 20px;
  color: #54397E;
}

.btn-primary, .label-primary {
	background-color: #ff742d;
	border-color: #ff742d;
	padding:0.5em 2em;
}
.btn-primary:hover,
.label-primary[href]:hover,
.label-primary[href]:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
	background-color: #ff8d53;
	border-color: #ff8d53;
}

.widget .input-group {
    width: 110%;
}

/* =Infinite Scroll
----------------------------------------------- */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}


#infinite-handle span {
  display: block;
  text-align: center;
  font-size: 18px !important;
  margin-bottom: 20px;
  border-radius: 4px !important;
  padding: 12px !important;
  background: transparent !important;
  border: 1px solid #DDD;
  color: #54397E !important;
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}
#infinite-handle span:hover {
  background-color: #54397E !important;
  color: #fff !important;
}

/* ----------------------------------
 * Custom Styles
 * ---------------------------------- */
/* =Custom Styles
----------------------------------------------- */
#page{
	visibility:hidden;
	opacity:0;
}

.site-branding {
  margin-top: 20px;
  margin-bottom: 20px;
	padding:0;
}

#contentWrapper{
	background-color:#f4f5f7;
	padding:24px 0;
    font-size: 14px;
}

#contentWrapper section{
	margin:30px 0;
}


@media (max-width: 480px) {
	.container {
		padding:0;
	}
}

@media (min-width: 768px) {
	.container {width: auto;}
}
 
@media (min-width: 992px) {
 .container {width: auto;}
}
 
@media (min-width: 1200px) {
  .container {
    max-width: 1070px;
  }
}

/* =Headings
----------------------------------------------- */
 #contentWrapper h1{
	font-size:240%;
	margin-bottom:60px;
}

#topPage h2,
#contentRight h1{
	position:relative;
	font-size:180%;
	padding:0 0.3em 0.3em;
	margin-bottom:20px;
	border-bottom: 4px solid #b0d4f9;
	font-weight:bold;
}

#topPage h2::after,
#contentRight h1::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#58a0ea;
}

#contentRight h2{
	font-size:140%;
	margin:1em 0;
	color:#004185;
	font-weight:bold;
}

#contentRight h3{
	font-size:110%;
	margin:0 0 0.4em 0;
	color:#3589df;
	font-weight:bold;
}

h4{
	font-size:100%;
	margin:0 0 0.4em 0;
	font-weight:bold;
	color: #333;
}

#contentRight h5{
	font-size:100%;
	margin:0;
	color:#000;
	font-weight:bold;
}
#contentRight h6{
	font-size:140%;
	margin:0 0 1em 0;
	color:#004185;
	font-weight:bold;
}


/* =link
----------------------------------------------- */
#contentWrapper a:link,
#contentWrapper a:visited{color:#3589df;}
#contentWrapper a:hover,
#contentWrapper a:active{color:#ff8d53;}
#contentWrapper a:focus, *:focus { outline:none; }
#contentRight a { display: inline-block; line-height: normal; }


/* =Navigation
----------------------------------------------- */
.navbar {border-radius: 0;}

.navbar-default {
  background-color: #3589df;
  font-weight:bold;
	border: none;
	margin-bottom:0;
}

.navbar-default .nav-justified > li > a {
  color: #fff;
	vertical-align: middle;
  display: block;
  width:100%;
	border:0;
	border-radius:0;
	padding: 18px 0;
}

.navbar-default .nav-justified > .open > a,
.navbar-default .nav-justified > .open > a:hover,
.navbar-default .nav-justified > .open > a:focus {border-left: none;}

.navbar-default .nav-justified {
	position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
	margin:0;
	padding:0;
	border-left: 1px solid rgba(255,255,255,0.4);
}

.navbar-default .nav-justified > li {
  display: table-cell;
  width: 100%;
	float: none;
	border-right: 1px solid rgba(255,255,255,0.4);
}

.navbar-default .nav-justified > .active > a,
.navbar-default .nav-justified > .active > a:hover,
.navbar-default .nav-justified > .active > a:focus,
.navbar-default .nav-justified > li > a:hover,
.navbar-default .nav-justified > li > a:focus,
.navbar-default .nav-justified > .open > a,
.navbar-default .nav-justified > .open > a:hover,
.navbar-default .nav-justified > .open > a:focus,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .nav-justified .open .dropdown-menu > li > a:hover,
.navbar-default .nav-justified .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
	background-color:#58a0ea;
}

.navbar-default .dropdown-menu > li > a {
	padding:16px 24px;
	color: #fff;
}

.navbar-default .dropdown-menu,
.navbar-default .dropdown-menu > .active > a,
.navbar-default .dropdown-menu > .active > a:hover,
.navbar-default .dropdown-menu > .active > a:focus{
	background-color:#0051a4;
	border: none;
	border-radius:0;
	margin:0;
	padding: 0;
	min-width:100%;
}

.navbar-default .dropdown-menu.right{
 left:auto;
 right:0;
}

.navbar-default .navbar-toggle{
	width:100%;
	border:none;
	color:#fff;
	font-size:160%;
	margin:0;
	padding:0.5em;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .nav-justified .mainmenuTop{display:none;}



/*sidebar navigation*/
#sidebarNavigation{margin:0;}
#sidebarNavigation li{
	margin:0;
	
}

.navbar-sidebar{font-weight: 200;}

.navbar-sidebar .nav-stacked {border: none;}
.navbar-sidebar .nav-stacked > li {border-bottom:1px dotted #ccc;}

.navbar-sidebar .nav-stacked > .open > a,
.navbar-sidebar .nav-stacked > .open > a:hover,
.navbar-sidebar .nav-stacked > .open > a:focus {
}

.navbar-sidebar .nav-stacked > .active > a,
.navbar-sidebar .nav-stacked > .active > a:hover,
.navbar-sidebar .nav-stacked > .active > a:focus,
.navbar-sidebar .nav-stacked > li > a:hover,
.navbar-sidebar .nav-stacked > li > a:focus,
.navbar-sidebar .nav-stacked > .open > a,
.navbar-sidebar .nav-stacked > .open > a:hover,
.navbar-sidebar .nav-stacked > .open > a:focus,
.navbar-sidebar .nav-stacked .open .dropdown-menu > li > a:hover,
.navbar-sidebar .nav-stacked .open .dropdown-menu > li > a:focus {
	background-color:#FEFFF6;
}

.navbar-sidebar .nav-stacked > li > .dropdown-menu {padding: 0;}
.navbar-sidebar .nav-stacked > li > a {
	padding:1em 1em;
	margin:0;
    font-weight: 400;
}

.dropdown-submenu > .dropdown-menu{
	width:100%;
	float:none;
	border-radius:0;
	margin:0;
	padding:0;
	position:relative;
	box-shadow:none;
	background-color:#FEFFF6;
}

.dropdown-submenu > .dropdown-menu > li{
	display:block;
	margin:0;
	padding:0;
	border:none;
}

.dropdown-submenu > .dropdown-menu > li a:link,
.dropdown-submenu > .dropdown-menu > li a:visited{
	padding:0.7em 2em;
	color:#3589df;
}
.dropdown-submenu > .dropdown-menu > li a:hover,
.dropdown-submenu > .dropdown-menu > li a:active{color:#ff8d53;}


@media (max-width: 768px) {
	.social-header{display:none;}
}
 
@media (min-width: 768px) {
	/*.dropdown:hover > .dropdown-menu{
  	display: block;
	}*/
	
}

@media (max-width: 990px) {
	/*nabbar break*/
	.navbar-header {float: none;}
	.navbar-toggle {display: block;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { display: block!important;}
	.collapsing {overflow: hidden!important;}

	.navbar-collapse{
		border:1px solid;
		margin:0;
		padding:0;
	}
	
	.navbar-default .nav-justified{
		float: none!important;
		display:block;
		border-left:none;
		padding:0;
		margin:0;
	}
	
	.navbar-default .nav-justified > li {
		float: none!important;
		display:block;
		text-align:left;
		margin:0;
		padding:0;
		border:none;
		border-bottom:1px dotted #7fb7f2;
		background-color:#0051a4;
	}
	
	.navbar-default .nav-justified > li a{
		text-align:left;
		margin:0;
	}
	
	
	.navbar-default .nav-justified .open .dropdown-menu > li > a {
		padding:1em 2em;
		color:#fff;
	}
	
	.navbar-default .nav-justified > li > a {padding: 18px 1em;}
	.navbar-default .nav-justified  .mainmenuTop{display:block;}

}

@media (min-width: 992px) {
}
 
@media (min-width: 1200px) {

}


/* =Content Right
----------------------------------------------- */
#contentRight{
	background-color:#fff;
	padding:40px;
	border:1px solid #fff;
	border-radius:6px;
	margin-bottom:60px;
	
	min-height:380px;
}

#contentRight article{
	margin-bottom:60px;
}

/*table*/
table.tableStyle01{
	border:1px solid #ccc;
	border-collapse: collapse;
	width:100%;
}

table.tableStyle01 th,
table.tableStyle01 td{
	border:1px solid #ccc;
	border-collapse: collapse;
	padding:0.8em;
}

table.tableStyle02{
	border:2px solid #FFF;
	background:#e6eaf2;
	font-size:8px;
	border-collapse: collapse;
	width:100%;
}

table.tableStyle02 th{
	border:2px solid #FFF;
	background:#c8d8f9;
	font-weight:bold;
	border-collapse: collapse;
	padding:0.8em;
}
table.tableStyle02 td{
	border:2px solid #FFF;
	background:#e6eaf2;
	border-collapse: collapse;
	padding:0.8em;
}

table.tableLayout5{
	line-height:180%;
	border-collapse:collapse;
	margin-bottom:10px;
}

table.tableLayout5 th{
	border:1px #FFF solid;
	background:#319dd5;
	color:#FFF !important;
	padding:0.5em 1em;
	font-weight:normal;
	text-align:center;
	width:20%;
}

table.tableLayout5 td{
	border:1px #FFF solid;
	background:#F8F5F5;
	padding:0.5em 1em;
	width:80%;
	
}

table.tableLayout5 .bgh{background:#EBEDF3;}


/*list*/
ul.ulStyle01{
	margin:1em 0;
	padding-left:1.5em;
	overflow:visible;
	list-style-type:disc;
	list-style-position:outside;
}

ul.ulStyle01 li{
	padding-left:0.5em;
	display: list-item;
	overflow:visible;
	list-style-type:disc;
	list-style-position:outside;
	float:none;
}


ul.newsList{
	margin:0 0 24px 0;
	padding:0;
	overflow:visible;
	list-style:none;
}

ul.newsList li{
	padding:0.8em 1em;
	display:list-item;
	overflow:visible;
	float:none;
	border-bottom:1px dotted #999;
}

ul.newsList li a {
	display:inline-block;
	text-decoration:none;
	padding:0 0 0 15px;
}

ul.newsList li a:hover {
	text-decoration:underline;
}

@media (max-width: 480px) {
	#contentRight{
		background-color:#fff;
		padding:12px;
		border:none;
		border-radius:0px;
		margin-bottom:30px;
	
		min-height:380px;
	}
}


/* ----------------------------------
 * mobile
 * ---------------------------------- */
/*-- sns --*/
div#SNSButtonWrap{
	width:100%;
	background-color:#000000;
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	color:#fff;
	
	font-size:0;
}

div#SNSButtonWrap a{
	color:#fff;
	text-decoration:none;
}

ul#SNSButtons{
	width:286px;
	margin:0 auto;
	padding:0;
}

ul#SNSButtons li{
	display:inline-block;
	text-align:center;
}

ul#SNSButtons li a{
	display:block;
	padding:6px;
}

ul#SNSButtonsPC{
	width:100%;
}

ul#SNSButtonsPC li{
	display:inline-block;
	text-align:center;
}

ul#SNSButtonsPC li a{
	display:block;
	padding:4px;
}

/*-- Pagenation --*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pagenation ul {
    margin: 0;
}

.pagenation li {
		float:left;
    list-style: none outside none;
    margin-left: 3px;
}

.pagenation li:first-child {
    margin-left: 0;
}

.pagenation li.active {
    background-color: #7fb7f2;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}

.pagenation li a {
    background: none repeat scroll 0 0 #20d2fb;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.pagenation li a:hover {
    background-color: #116ecf;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}



/* ----------------------------------
 * index page
 * ---------------------------------- */
#swipeImages{
	margin-bottom:24px;
}

#indexMessage{
	text-align:center;
	font-size:140%;
	padding:1em;
	border:1px solid #ccc;
	background-color:#fff;
}

#indexMessage p{
	margin:0;
}

#sectionNews{}

.newsArticle{
	border:1px solid #ccc;
	background-color:#fff;
	padding:0px;
	border-radius:4px;
	overflow:hidden;
}
.newsArticle h3{
	font-size:110%;
	font-weight:bold;
	min-height:3em;
}
.newsArticle img{width:100%;}
.newscolumn .col-xs-12,
.newscolumn .col-sm-6,
.newscolumn .col-md-3{
	 padding: 0 6px;
	 margin-bottom:12px;
}
.newscolumn {margin: 0 -6px;}
.newsArticle .newsText{margin:10px;}
.newsArticle .newsDate{margin-bottom:0;}

#sectionBanner{}
.bannerBox{
	text-align:center;
	margin-bottom:12px;
}

/* ------facebook------ */
div#fbWrap{
	width:100%;
	height:538px;
	background-color:#f4f5f7;
}

div#fbWrap iframe[style]{
    width: 100% !important;
}

#pageplugin{
	width:100%;
}

/* ------taglive------ */
div#instaWrap{
	width:100%;
	/*background-color:#fff;*/
}

div#tagLiveWrap{
	width:100%;
	/*height:460px;*/
	overflow:auto;
}

@media (max-width: 767px) {
	.newsArticle img{
		width:40%;
		float:left;
	}
	.newsArticle .newsText{
		width:54%;
		float:right;
	}
}

@media (max-width: 400px) {
	.newsArticle .newsText{
		width:50%
	}
	.excerpt{
		display:none;
	}
}




/* page navi*/
p.pastNews{
	text-align:left;
}

.wp-pagenavi {
	margin:60px auto;
	text-align:center;
}


/*-- Device Switch --*/
div#deviceSwitchPC{
	width:100%;
	padding:12px 20px 0;
}

div#deviceSwitchPC a{
	text-decoration:none;
	color:#3366CC;
}

div#deviceSwitchPC .fa-tablet{font-size:360%;}

/*-- SNS --*/
ul#SNSButtonsPC{
	width:100%;
	margin:12px 0;
	padding:0;
}

ul#SNSButtonsPC li{
	display:inline-block;
	text-align:center;
	margin:0;
}

ul#SNSButtonsPC li a{
	display:block;
	padding:4px;
}

/*-- 問合せフォーム
-------------------------------------------------- */	

div.formWrap{
	padding:24px;
	border:6px solid #CDDDF3;
	margin:12px;
}

div.formWrap ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

div.formWrap ul li{
	margin: 0;
	padding: 1em;
	border-bottom: 1px dotted #ccc;
}

div.formWrap .w100{
	width: 100%;
}

div.formWrap .w70{
	max-width: 70%;
}

div.formWrap input,
div.formWrap textarea{
	border: 1px solid #ccc;
	margin: 6px 0;
	padding:2px 6px;
}

@media (max-width: 767px) {
	div.formWrap{
		padding:6px;
		}
}



/*--
-------------------------------------------------- */	
.mag0{margin:0px;}
.mag6{margin:6px;}
.mag12{margin:12px;}
.mag24{margin:24px;}
.mag36{margin:36px;}
.mag48{margin:48px;}

.magTop0{margin-top:0px;}
.magTop6{margin-top:6px;}
.magTop12{margin-top:12px;}
.magTop24{margin-top:24px;}
.magTop36{margin-top:36px;}
.magTop48{margin-top:48px;}

.magBot0{margin-bottom:0px;}
.magBot6{margin-bottom:6px;}
.magBot12{margin-bottom:12px;}
.magBot24{margin-bottom:24px;}
.magBot36{margin-bottom:36px;}
.magBot48{margin-bottom:48px;}

.magLeft0{margin-left:0px;}
.magLeft12{margin-left:12px;}
.magLeft16{margin-left:16px;}
.magLeft24{margin-left:24px;}
.magLeft36{margin-left:36px;}
.magLeft48{margin-left:48px;}

.magRight0{margin-right:0px;}
.magRight12{margin-right:12px;}
.magRight16{margin-right:16px;}
.magRight24{margin-right:24px;}
.magRight36{margin-right:36px;}
.magRight48{margin-right:48px;}

.pad0{padding:0px;}
.pad10{padding:10px;}
.pad12{padding:12px;}
.pad24{padding:24px;}
.pad36{padding:36px;}
.pad48{padding:48px;}

.padTop0{padding-top:0px;}
.padTop10{padding-top:10px;}
.padTop12{padding-top:12px;}
.padTop24{padding-top:24px;}
.padTop36{padding-top:36px;}
.padTop48{padding-top:48px;}

.padBot0{padding-bottom:0px;}
.padBot10{padding-bottom:10px;}
.padBot12{padding-bottom:12px;}
.padBot24{padding-bottom:24px;}
.padBot36{padding-bottom:36px;}
.padBot48{padding-bottom:48px;}

.padLeft0{padding-left:0px;}
.padLeft10{padding-left:10px;}
.padLeft12{padding-left:12px;}
.padLeft24{padding-left:24px;}
.padLeft36{padding-left:36px;}
.padLeft48{padding-left:48px;}

.padRigh0{padding-right:0px;}
.padRigh10{padding-right:10px;}
.padRigh12{padding-right:12px;}
.padRigh24{padding-right:24px;}
.padRigh36{padding-right:36px;}
.padRigh48{padding-right:48px;}

.magLR12{margin:0 12px;}
.padLR12{padding:0 12px;}

.fLeft{float:left;}
.fRight{float:right;}
.cb{clear:both;}

.blockCenter,
.aligncenter{
	margin:0 auto;
}

.txtaligncenter{
	text-align:center;
}

.w100{width:100%;}
.w50{width:50%;}
.w64{width:64%;}
.w32{width:32%;}
.w25{width:25%;}

.font60{font-size:60%;}
.font80{font-size:80%;}
.font90{font-size:90%;}
.font100{font-size:100%;}
.font120{font-size:120%;}
.font140{font-size:140%;}
.font160{font-size:160%;}
.font180{font-size:180%;}
.font200{font-size:200%;}
.font240{font-size:240%;}

.fontColorOrange{color:#ff742d;}
.fontColorRed{color:#C00;}
.fontColorGreen{color:#090;}
.fontColorBlue{color:#06F;}
.fontColorPink{color:#cb8aa3;}
.fontColorYellow{color:#ffcf2d;}

.fontThemeColor{color:#58a0ea;}
.fontColorDrakNavy{color:#004185;}

.fontBold{font-weight:bold;}
.fontNorm{font-weight:normal;}

.em3H{height:3em;}

.border1gray{border:1px solid #ccc;}
.padding1{padding:1px;}

.smSup{
	vertical-align: super;
	font-size: 70%;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


section:before,
section:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

section:after {
    clear: both;
}



/* ----------------------------------
 * structure.css 旧CSS
 * ---------------------------------- */
 /* ------FONT------ */
.small{font-size:80%;}
.big{font-size:120%;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}

/* ------COLOR------ */
.red{color:#ce0124;}
.red2{color:#FF3300;}
.blue{color:#36a9de;}
.blue2{color:#009ADF;}
.orange{color:#FF6001;}
.ligray{color:#7f7f7f;}
.liblue{color:#319dd5;}
.fc_blue{color:#3366CC;}
.black{color:#000000;}

/* ------MARGIN------ */
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml200{margin-left:200px;}
.pt20{padding-top:20px;}

.margin0{margin:0;}

.width20{width:20%;}
.width25{width:25%;}
.width33{width:33%;}
.width50{width:50%;}
.width100{width:100%;}

.w100{width:100px;}
.w150{width:150px;}
.inner10{margin:0 10px;}
.inner30{margin:0 30px;}
.center{text-align:center;}

.fl{float:left;}
.fr{float:right;}
.fc{text-align:center;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.fcy{color:#FFFF00;}
.fcr{color:#FF5354;}
.fcg{color:#2DFB03;}
.fcp{color:#FF93FD;}
.fcb{color:#74D8FC;}
.fco{color:#FE9E00;}


/* ------歴史------ */
table.tableLayout{
	line-height:180%;
	border-collapse:collapse;
}

table.tableLayout_slb{
	line-height:180%;
	border-collapse:collapse;
	clear: none;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	text-align: center;
}

table.tableLayout_slb th{
	border:1px #FFF solid;
	background:#319dd5;
	color:#FFF !important;
	font-weight:bold;
	padding:5px;
	text-align:center;
}

table.tableLayout_slb td{
	border:1px solid #CCC;
	padding:5px;
	text-align: center;
}

table.tableLayout th{
	border:1px #FFF solid;
	background:#319dd5;
	color:#FFF !important;
	font-weight:bold;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

table.tableLayout td{
	border:1px #FFF solid;
	background:#faf9f9;
	padding:5px;
	text-align: center;
	vertical-align:middle;
}

table.tableLayout td.gray{
	border-top:1px #FFF solid;
	background:#eff0ef;
	font-weight:bold;
	width: 20%;
}

table.tableLayout td.blue{
	border-top:1px #FFF solid;
	background:#d0e9f6;
	font-weight:bold;
}

table.tableLayout td.yellow{
	border-top:1px #FFF solid;
	background:#fefeec;
	font-weight:bold;
}

table.tableLayout td.l2{
	border:1px #FFF solid;
	background:#faf9f9;
	padding:5px;
	text-align: left;
}	

/* ------Awardページ------ */
.awardItem{
	position:relative;
	border-top: 2px solid #c3bbac;
}

.awardItem :after{
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 2px;
	background-color:#624b22;
}

.awardItem h3{display:inline-block;}
#contentRight .awardItem h3.itemTitle{
    display:table-cell;
    vertical-align: middle;
    height: 120px;
    font-size: 24px;
    color: #604920;
    padding-left: 1em;
}
.awardItem .awardItemOrnament{float:left;}
.awardItem .awardItemImage{float:left;}
.awardItem .awardItemText{margin-left:140px;}
.awardItem .awardComment{margin-left:220px;}
.awardComment table{width:100%;}
.awardComment table th{
	text-align:right;
	vertical-align:bottom;
}
.awardComment table td{
	text-align:right;
	width:104px;
}

.talk_q{
   color:#0000CC;
   font-weight:bold;
}
.talk_box{width:100%;}
.talk_m01{
   margin-bottom:30px;
   clear:both;
}
.talk_m02{margin-top:12px;}
.talk_left{
   width:65%;
   float:left;
}
.talk_right{
   width:30%;
   float:right;
}

.tenji_box{
   width:216px;
   float:left;
}
.tenji_m01{margin-left:6px;}
.tenji_m02{
   margin-top:30px;
   clear:both;
}
.tenji_txt{
   font-size:12px;
   height:50px;
   padding:5px 0 0 0;
}
.tenji_btn{
   margin-top:5px;
   text-align:center;
}
.tenji_btn02{
   margin-top:24px;
   text-align:center;
}
.tenji_chusyaku{
   clear:both;
   text-align:right;
   margin-top:40px;
}

@media (max-width: 720px) {
	.awardItem .awardItemOrnament{width: 100px;}
	.awardItem .awardItemText{margin-left:100px;}
	.awardItem .awardComment{margin-left:0px; clear: both;}
}

/* ------TOPページ note------ */
.note{
	padding: 0 10px;
}
.note > h2 img{
	width: 100%;
	max-width: 140px;
}
.note_list {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	background-color: #fff;
}
.col {
	flex: 0 0 25%;
	padding: 10px;
}

.card {
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 50px;
}
.card .card-wrapper {
	display: block;
	text-decoration: none;
}
.card .card-thumbnail {
	padding-top: 52.34375%;
	position: relative;
	overflow: hidden;
}
.card .card-thumbnail img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.card .card-contents {
	margin-top: 10px;
	position: relative;
}
.card .card-title {
	font-size: 15.5px;
	line-height: 1.4;
	font-weight: 700;
	color: #000;
	margin-bottom: 0.5em;
}
.card p.card-description {
	font-size: 14px;
	margin-bottom: 0.5em;
	line-height: 1.5;
	color: #3e3b3f;
}
.card .card-date {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	margin-bottom: 0.2em;
}
.card .card-author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	left:0;
	bottom: 0;
}
.card .card-author-img {
	flex: 0 0 48px;
}
.card .card-author-name {
	font-size: 10px;
	color: #3e3b3f;
	padding-left: 8px;
}

@media (max-width: 992px) {
  .col {
	  flex: 0 0 50%;
	}
}

@media (max-width: 480px) {
  .col {
	  flex: 0 0 100%;
	}
}


/* ------TOPページ 20250304 Overwrite------ */
.news_fb_wrap{
	display: flex;
	justify-content: space-between;
	flex-flow:wrap;
	padding: 0 6px;
}
.topNews{
	width: 64%;
	max-width: 690px;
}
.newscolumn {
	display: flex;
	justify-content: space-between;
	flex-flow:wrap;
	
	padding: 0;
	margin:0 0;
}
.newsArticle{
	width: 32%;
	margin-bottom: 12px;
}
.topFb{
	width: 35%;
	max-width: 380px;
}

@media (max-width: 768px) {
	.topNews{
		width: 100%;
		max-width: 100%;
	}
	#fbWrap{
		margin: 0 auto;
		text-align: center;
	}
	.topFb{
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.newsArticle{
		width: 100%;
		max-width: 100%;
	}
	.topFb{
		width: 100%;
		max-width: 100%;
	}
}




/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}