@charset "UTF-8";

/*　共通設定--------------------------------　*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
	margin: 0;
	padding: 0;}

img { border: 0; vertical-align:bottom }

body {
	width: 100%;
	background-color: #fff;
/*	font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif; */
	font-size: 15px;
	line-height: 2em;
	-webkit-text-size-adjust: 100%;
	}
*{
	word-wrap: break-word;
    overflow-wrap: break-word;
}
#back {
    padding-bottom: 106px;
    position: relative;
}
.flex{
	display: block;
}
.sticky{
	position: relative;
	top:inherit;
}
.pc-only{
	display: none;
}
.sp-only{
	display:block;
}



/*　ヘッダー・スライドバー--------------------------------　*/

/* slimmenu.js内の .menu-collapseに上書き */
.menu-collapser {
	height:60px;
	text-align:center; /* ロゴの位置 */
	background-color:#fff;
}
/* menu内のロゴ画像設定 */
.menu-collapser img#spHeadLogo{
	margin:5px 20px 0 auto;
	max-height:48px;
	}


#head {
	/* display:none; */
	}




/*　ビジュアル--------------------------------　*/
.header-title {
	position: relative;
    /* background: #000; */
    top: inherit;
    left: inherit;
    right: inherit;
    margin: 0;
	width: 100%;
}
.header-title h1{
	margin: 15px 1em;
	text-align: left;
}
.header-title h1 img {
    max-width: 263px;
}

#visual {
	width:100% ;
	height:auto;
}
.mainvisual {
	text-align: center;
	display: block;
    width: 100%;
    /* height: 0; */
    position: relative;
    padding-top: 56%;
}
.mainvisual video{
	display: block;
	width: 100%;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}




table td {
	line-height:1.8em }

table td hr {
	margin:0 0 1em 0;
    border: 0;
    height: 1px;
    background: url(../img/hr.gif) repeat-x ;
}




/*　ナビ表示--------------------------------　*/
#gloval-nav {
	width: 100%;
    justify-content: flex-start;
    padding: 60px 5% 5%;
}

/*　スクロール時のナビ固定　jquery連動*/
.fixed {
	position: fixed;
	top: 0px;}


#nav-toggle {
	position: fixed;
	top: 16px;
	right: 16px;
	height: 48px;
	padding: 12px 10px;
}
#nav-toggle div {
    position: relative;
    width: 32px;
}
#nav-toggle span:nth-child(2) {
    top: 12px;
}
#nav-toggle span:nth-child(3) {
    top: 24px;
}




/*　パンくずリスト--------------------------------　*/
#bread {
	width:96%;
	}





/*　コンテンツ　メインカラム--------------------------------　*/

#contents-main{
	width:90%;
	padding: 24px 0 40px 0;
	margin:0px auto 0px auto;
}

section.ct {
    margin-bottom: 3em;
}

#contents-main h1 {
    font-size: 2em;
	line-height: 1.1;
}

#contents-main h2 {
	width:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0 0px 0px;
	}

#contents-main h3 {
	font-size: 115%;
	padding: 0 0 1em 0;
    text-align: left;
    margin-bottom: 1em;
}

/* 行間設定 */
#contents-main p {
	line-height:1.9em;
}

#contents-main p img {
	width:100%;
	height:auto;
	margin:0 0 1em 0;
}
#contents-main .catch {
	font-size: 120%;
	margin-bottom: 3em;
}

/* ページトップ（非表示にする設定） */
#footer p.pagetop {
	display: none;
}
#footer p.pagetop a {
	display: none;
}
#contents-main iframe {
    height: auto;
    min-height: 220px;
	width: 100%;
}




/* ★トップページのみ--------------------------------　*/

body.index #contents-main {
	width:90%;
	padding-top:25px;
	padding-bottom: 40px;
}

body.index #contents-main #top-blog {
	width:100%;
}

body.index #contents-main #top-blog .information::before {
    height: 60px;
}
/*thumbnail*/
body.index #contents-main .multi-thumbnail{
	display: flex;
	width: 100%;
    max-width: inherit;
    margin: 0 auto;
}
body.index #contents-main .thumbnail {
	width: 50%;
	margin-bottom: 1em;
}



/* ★ブログページのみ--------------------------------　*/

body #contents-main .entry p img{
	width:100%;
	margin:0 0 1em 0;
	height:auto;
}





/* ★公式ブログページ　個別設定-------------------------------- */

/* 一覧・詳細　共通設定　-----*/
body.blog #contents {
	width:100%;
}
body #contents-main .post {
	margin: 0;
	width: 100%;
	float: none;
}
/* 記事件名 */
body.blog #contents-main h2{
	font-size: 120%;
	margin-bottom:1em;
}
body.blog #contents-main .entry {
	margin-bottom:2em;
}

/* ブログ・カテゴリタイトル表示用 */
body.blog #contents-main .category-ti {
	font-size:16px;
	margin:0 auto 1em auto  ;
	}
body.detail #contents-main .category-ti {
	margin:0 auto 1em auto  ;
}

/* サイドメニュー */
body.blog #contents-banner {
	width:100%;
	float:none;
	padding-top: 3em;
	max-width: inherit;
}
body.blog #contents-banner .banner-box {
	margin-bottom:2em;
	padding: 1em;
}

body.blog #contents-banner ul {
	font-size:13px;
	}
body.blog #contents-banner ul li{
	margin-left: 0;
	}

body.blog #contents-main #contents-banner h2 {
	font-size: 135%;
    margin-bottom: 16px;
}



/* ブログ　一覧ページ　-----*/

/* 記事ブロック */
body.list #contents-main .entry {
	width:100%;
	float:none;
}

/* サムネイル画像 */
body.list #contents-main .entry p.thumb img {
	width:100% ;
}

/* 記事件名 */
body.list #contents-main h2 {
	font-size:120%;
	margin-bottom:0.5em;
	background:url(../img/top_info_li.jpg) no-repeat 0 6px ;
}





/* ★お問い合わせ-------------------------------- */

/* お問い合わせ　テーブル設定 */
body #contents-main table#inquiry_form  th {
	width:20%;
}
body #contents-main table#inquiry_form td{
	width: 80%;
}





/* テキストボックスなどの長さ */

body #contents-main table#inquiry_form  td input.name{
	width:100%}
body #contents-main table#inquiry_form  td input.mail{
	width:100%}
body #contents-main table#inquiry_form  td input.subject{
	width:100%}
body #contents-main table#inquiry_form  td textarea {
	width:100%;}

/*movie*/
#contents-main .ytp-cued-thumbnail-overlay-image {
	background-size: contain;
}