@charset "UTF-8";

/* レイアウト */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body {
        background:url(https://u.jimcdn.com/cms/o/s8602cdd9f3b2769f/userlayout/img/bg.jpg?t=1448030166) repeat;
}
#container {
	width: 910px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding:0px 5px 0px 5px;
	background: #fff;
        font-size:18px;
}
#header {
	padding:5px 0 5px 0;
	margin:0;
}
#wrap {
	padding: 0;
	margin: 0;
}

/*　画像調整　*/

/*
#cc-imagewrapper cc-m-image-align-1 cc-m-width-maxed {
　　　　　　　width: 760px　!important;
}
*/

#content {
	float: left;
	width: 900px;
	padding:20px;
}
#sidebar {
	float: left;
        width: 850px;
        height: 0;
        display:none;
}
#footer {
	clear: both;
	padding: 50px 0 0;
}
/* Style */
#header h1 {
	font-size:98%;
	font-weight: normal;
	position: absolute;
	top: 0;
	text-align:center;
}
p.logo {
	text-align:center;
}

#wrap ul, #wrap ol {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
}

#footer p.copyright {
	width:1000px;
	text-align:center;
	margin-top:10px;
}
#footer p.copyright a.about{font-size:70%;}
#sidebar h1{
        font-size:18px;
}
#sidebar h2{
        font-size:16px;
}
#sidebar h3{
        font-size:14px;
}
.cc-FloatingButtonBarContainer li a{background:green !important;}

body.cc-page div#topimage,
body.cc-page div#slideshow{ 
        display:none !important; 
}
body.cc-indexpage div#topimage,
body.cc-indexpage div#slideshow{
        display:block !important;
}

/*ブログ*/

.datetime {
        display: block;
        text-align: left;
}
.datetime-inner {
        display: inline-block;
}
.datetime-inner p {
        display: inline-block;
        line-height: 1 !important;
        float: right;
}
.datetime-inner .yr:before{
        margin-right: 0.2rem;
        font-family: FontAwesome;
        font-weight: normal;
        content: "\f017";
}
.datetime-inner .yr:after {
        content: "年";
}
.datetime-inner .day:after {
        content: "日";
}
.datetime-inner .day-word:before {
        content: "(";
}
.datetime-inner .day-word:after {
        content: ")";
}
.blogselection h1{
        font-size:16px;
}
.postmata{
        text-align:right;
}

/* Clearing fix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
*:first-child+html .clearfix {
	min-height:1%;
}

/*ナビゲーション*/
#site-navigation {
        clear: both;
	width: 900px;
	font-size: 120%;
        background-color:#2669e9;
}
#site-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#site-navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#site-navigation ul a {
	color: #ffffff;
	text-decoration: none;
}
#site-navigation ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	display: none;
	min-width: 150px;
	width: auto;
	border-left: solid 1px #fff;
	background: #eaeaea;
}
#site-navigation ul ul li {
	padding: 0;
	width: 100%;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	white-space: nowrap;
}
#site-navigation ul ul li a {
	display: block;
	padding: 20px 28px;
}
#site-navigation ul ul li a:hover {
	color:#fff;
}
#site-navigation ul ul li:hover {
	position: relative;
}
#site-navigation ul ul li:hover > ul {
	top: -1px;
	left: 100%;
	display: block;
}
#site-navigation ul.cc-nav-level-0 > li, #site-navigation ul.nav-menu > li {
	float: left;
}
#site-navigation ul.cc-nav-level-0 > li > a, #site-navigation ul.nav-menu > li a {
	display: block;
	padding: 20px 25px;
}
#site-navigation ul.cc-nav-level-0 > li > a:hover, #site-navigation ul.nav-menu > li > a:hover {
	color: #ffff00;
}
#site-navigation ul.cc-nav-level-0 > li.cc-nav-current > a {
	background-color:#19408a;
	color: #f6f6f6;
}
#site-navigation ul.cc-nav-level-0 > li:hover, #site-navigation ul.nav-menu > li:hover {
	position: relative;
}
#site-navigation ul.cc-nav-level-0 > li:hover > ul, #site-navigation ul.nav-menu > li:hover > ul {
	display: block;
}
#site-navigation ul.cc-nav-level-0::after, #site-navigation ul.nav-menu::after {
 display: table;
 clear: both;
 content: "";
}
.menu-toggle {
	display: none;
}
div.j-nav-variant-nested {
	border-left:1px solid #eaeaea;
}

/* レスポンシブ */
@media only screen and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	 #container {
		 width: 90%;
	}
	 #header h2 {
		 position:static;
		 text-align: center;
	}
	 #topimage img {
		 max-width:100%;
		 height: auto !important;
	}
	 .j-hgrid .cc-m-hgrid-column,  .cc-imagewrapper, table {
		 width: 100% !important;
	}
	 .cc-m-image-resizewrapper img,  .cc-imagewrapper img {
		 margin: 0 auto;
	}
	 #wrap, #header{
		 max-width:100%;
	}
	 img.himg {
		 width:100%;
	}
	 #content, #sidebar {
		 width: 100%;
		 clear:both;
	}
	 #content {
		 width: 100%;
	}

	 #img {
		 width: 80%;
	}

	 #sidebar {
                 display:none;
	}
	 p.logo {
		 width:260px;
		 margin: 20px auto;
	}
	 #header-ext {
		 position:static;
		 text-align:center;
		 margin:0;
		 width:auto;
	}
	 #footer p.copyright {
		 max-width:100%;
		 text-align: left;
	}
	 #slideshow{
		 position: relative;
		 height: 0;
		 overflow: hidden;
		 padding-top: 36.25%;
    }
 
	 #slideshow iframe{
		 position: absolute;
		 top: 0;
		 left: 0;
		 max-width: 100% !important;
		 height: 100%;
    }
		
/* ナビゲーションレスポンシブ */
	 #site-navigation {
	 	 width:100%;
		 position: relative;
	}
	 ul.nav-menu {
		 text-align:center;
	}
	 #site-navigation .menu-toggle {
		 display: block;
		 margin: 0;
		 padding: 10px;
		 background-color: #2669e9;
		 background-image : url('https://u.jimcdn.com/cms/o/s8602cdd9f3b2769f/userlayout/img/icon-menu2.png?t=1444387895');
		 background-position: center center;
		 background-repeat: no-repeat;
		 text-indent: -999em;
		 cursor: pointer;
	}
	 #site-navigation ul {
		 display: none;
		 border-left:1px solid #2669e9;
	}
	 #site-navigation ul li {
                 background-color: #2669e9;
		 border-bottom: solid 1px #2669e9;
	}

	 #site-navigation ul li a {
		 display:block;
	}
	 #site-navigation ul ul {
		 position: static;
		 display: block;
		 margin-left: 1em;
		 background: transparent;
	}
	 #site-navigation ul ul li a {
		 padding: 5px 2em;
	}
	 #site-navigation ul.cc-nav-level-0 > li > a,  #site-navigation ul.nav-menu > li a {
		 padding: 5px 35px;
	}
	 #site-navigation ul.toggled-on {
		 position: absolute;
		 top: 100%;
		 z-index: 999;
		 display: block;
	}
	 #site-navigation ul.toggled-on {
		 width: 100%;
		 background: #fff;
	}
	 #site-navigation ul.toggled-on > li {
		 float: none;
	}
	 #site-navigation ul.toggled-on > li > a {
		 padding: 5px 2em;
	}
	 .hpb-nav-open#site-navigation .menu-toggle {
		 display: none;
	}
	 .hpb-nav-open#site-navigation ul {
		 display: block;
	}

}