/*
Theme Name: 萩青年会議所
Template: stinger8
Version: 20170614
*/
body {
    background-color: #fff;
}
section {
    margin-bottom: 0em;
}
#wrapper {
	background: #FFF;
}
header .sitename {
    padding: 0px;
    margin-bottom: 0px;
}
footer{
	background: #0390D5;
}

.hana{padding:0 20px;}
/* BIG VIDEO BACKGROUND
================================================== */
.pattern {
    background-image:url(./images/pattern.png);
    background-repeat: repeat;
    background-attachment:scroll;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.big-background {
    z-index: 555;
    text-align:center;
    position:relative;
    overflow:hidden
}
.big-background .big-background-container {
    width:830px;
    max-width: 100%;
    display:inline-block;
    position:absolute;
	margin: 0 0 0 100px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.big-background-default-image {
    background:url(./img/hagi.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    width:100%;
    height:100%;
    z-index:0;
    backface-visibility:hidden
}
#headbox{
	background: #fff;
}
#content{
	background: #fff;
}
#footer .footermenust a {
    color: #fff;
}
#footer a {
    color: #fff;
}
#footer .copy, #footer .rcopy {
    color: #fff;
}
.entry-title{
	padding: 0.4em 0.5em;
	color: #494949;
	background: #f4f4f4;
	border-left: solid 5px #0390D5;
	border-bottom: solid 1px #d7d7d7;
	font-size: 80%;
}
h2{
	padding: 0.4em 0.5em;
	color: #494949;
	background: #f4f4f4;
	border-left: solid 5px #0390D5;
	border-bottom: solid 1px #d7d7d7;
}
.st-pagelink .page-numbers {
    min-width: 30px;
    height: 30px;
}
/*グーグルカレンダー
----------------------------------------------------*/
.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {
#st-menubox {
	margin: 0;
	padding: 0;
	background: #0390D5;
}
#st-menuwide {
    padding: 5px 0;
}
header .smanone ul.menu li a{
	color: #0f5ca0;
}
header .smanone ul.menu li a:hover{
	color: #fff;
}
ul.sub-menu li a:hover{
	color: #0f5ca0;
}
.sp_view {
	position:fixed;
	bottom:10px;
	right:10px
}

/*-- ここまで --*/
}

@media(max-width:960px){.pc_view{display: none;}}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

.sp_view {
	display: none;
}

	
/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
#headbox-bg{
	/*z-index: 9999;*/ 
}
#st-menubox {
	margin: 0;
	padding: 0;
	background: #0390D5;
}
#st-menuwide {
    padding: 5px 0;
}
header .smanone ul.menu li {
    width: 150px;
}
header .smanone ul.menu li a {
    color: #fff;
    font-weight: bold;
}
header .smanone ul.menu li a:hover{
	color: #ff0;
	background: #014769;
}
header .smanone ul.menu li li a {
    background: #777777;
}
ul.sub-menu li a:hover{
	color: #0f5ca0;
}
.entry-title, .post .entry-title {
    font-size: 20px;
}
.sp_view {
	display: none;
}

	
.grid-a{
	margin: 0px;
	padding: 0px 1% 0px 0px;  
	width: 32%;
	float: left;
	text-align: center;
}
.grid-b{
	margin: 0px;
	padding: 0px 1% 0px 0px;  
	width: 48%;
	float: left;
}
	/*-- ここまで --*/
}