@charset "utf-8";
/*
Theme Name: seika-ks2-2018
Author: Seikacreates.co,Ltd
Description: Kyomachi Seika Official Theme
Version: 0.20
*/

/* ------------------------------------------- 以下、構築に関するリセット ------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http: //developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */

html {
	background-color: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
    font: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q: before,
q: after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}





/* ------------------------------------------- 以下、fontに関するリセット ------------------------------------------- */

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: 
http: //developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 12px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size: small; 
	/* for IE Quirks Mode */
	*font: x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
textarea,
button {
	font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size: inherit;
	font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}



/* 共通設定
****************************************************************************************************************************************** */
html,body{
    height: 100%;
} 

body {
	background: url(img/static/bg_01.jpg) repeat center center; /* 中心を軸に模様を繰り返す為 */
	/* background-color: #6EBA44; */
	font-family: Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	color: #333;
	text-align: center;
	line-height: 1.2em;
/*	overflow-x: hidden;*/
	margin: 0;
	speak: normal;
	}

@media screen and (max-width: 599px){
	body { 
		background-image: url(img/static/bg_02.jpg);
	}
}


a { cursor: pointer;}




/* 全体構成
---------------------------------------------------------------------------*/

/* container 全体を囲むボックス
-----------------------------------------------------*/
#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 599px){
  #container {
  	overflow: hidden; /* スマホ画面の横揺れを無くす */
  }
}

* html div#container { 
	height: 100%;
}


/* header
-----------------------------------------------------*/
#header {
	width: 100%;
	height: 33px;
	background: url(img/header/bg_header.png) repeat-x 0 0;
	text-align: center;
  position: fixed;
  z-index: 100;
}

@media screen and (max-width: 599px){
	#header {
		width: 100%;
		height: 62px;
		background: url(img/header/bg_header_sp.png) no-repeat 0 0;
	}
}

/**
 * clearfix
 */

#header:before,
#header:after { /* For modern browsers */
    content: "";
	display: table;
}
#header:after {
	clear: both;
}
#header { /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}




/* content
-----------------------------------------------------*/
#contents {
	position: relative;
  top: 30px;
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 599px){
	#contents {
  	width: 850px;
  }
}
@media screen and (max-width: 599px){
	#contents {
    top: 50px;
  }
}
	

/* footer
-----------------------------------------------------*/
#footer {
	position: relative;
	bottom: 0 !important;
	width: 100%;
	height: auto;
	background: url(img/footer/bg_line_footer.jpg) repeat-x 0 0;
	background-color: #139148;
	text-align: center;
}
@media screen and (min-width: 600px){
  #footer {
  	min-width: 850px;
  }
}

/* 画像サイズの自動拡縮
-----------------------------------------------------*/
img {
max-width: 100%;
height: auto
}




/* 各部位の個別設定
****************************************************************************************************************************************** */

/* header内部
-----------------------------------------------------*/
#head {
	position: relative; /* 子ボックスの位置を指定する為 */
	width: 850px;
	height: 33px;
	margin: auto;
}
@media screen and (max-width: 599px){
	#head {
		width: 100%;
		height: 62px;
	}
}


/* site title
---------------------*/

 /* log */
/* 20171025 header.phpへ移動
h1 {
	width: 181px;
	height: 31px;
	background: url(img/header/img_log.png) no-repeat 0 0;
	background-size: contain;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-right: 22px;
	float: left;
}
*/
/* padding-rightは、グローバルメニューの左マージン分 */

@media screen and (max-width: 599px){
  #head_logo {
    height: 50px !important;
    margin: 5px !important;
  }
}

/*
@media screen and (max-width: 599px){
	h1 {
		float: none;
		position: absolute;
		left: 15%;
		top: 2%;
		width: 54%;
		height: 0;
		padding-top: 17.13%; //画像高さの確保 … 全体の幅(496px)：高さ(85px) ＝ 100％：X％
		}
}
*/
/*
@media screen and (max-width: 480px){
	h1 {
		left: 7%;
		top: 7%;
		width: 64%;
		}
}
*/

/* GlovalNavi開閉ボタン(レスポンシブサイトの場合のみ)
---------------------*/
@media screen and (max-width: 599px){
	#gnOpen {
		position: absolute;
		top: 15%;
		right: 2%;
		width: 54px;
		height: 40px;
	}

	#gnOpen a {
		height: 40px;
		background: url(img/header/btn_menu_sp.png) no-repeat 0 0;
		text-decoration: none;
		display: block;
	}
	#gnOpen a.active { background-position: 0 -40px;}
}






/* GlovalNavi
---------------------*/
ul#naviGlo {
}

li.gN01,
li.gN02,
li.gN03,
li.gN04,
li.gN05,
li.gN06 {
	margin: 0;
	padding: 0;
	float: left;
}
li.gN01 a,
li.gN02 a,
li.gN03 a,
li.gN04 a,
li.gN05 a,
li.gN06 a {
	height: 33px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	}

/* normal
---------------------*/
li.gN01 a { width: 95px; background-image: url(img/header/btn_gn01.png);}/* !重要: 各liにwidth指定が無いと並びません */
li.gN02 a { width: 145px; background-image: url(img/header/btn_gn02.png);}
li.gN03 a { width: 128px; background-image: url(img/header/btn_gn03.png);}
li.gN04 a { width: 96px; background-image: url(img/header/btn_gn04.png);}
li.gN05 a { width: 102px; background-image: url(img/header/btn_gn05.png);}
li.gN06 a { width: 81px; background-image: url(img/header/btn_gn06.png);}

/* rollover
---------------------*/
li.gN01 a:hover,
li.gN02 a:hover,
li.gN03 a:hover,
li.gN04 a:hover,
li.gN05 a:hover,
li.gN06 a:hover { background-position: 0  -33px;}

#naviGlo li a.current { background-position: 0  -33px;}



@media screen and (max-width: 599px){
	ul#naviGlo {
		position: absolute;
		top: 62px;
		left: 0;
		width: 100%;
    display: none;
	}
	ul#naviGlo li {
		width: 100%;
		float: none;
	}
	li.gN01 a,
	li.gN02 a,
	li.gN03 a,
	li.gN04 a,
	li.gN05 a,
	li.gN06 a {
		width: 100%;
    	height: 0; /* !!! 重要 !!! */
    	padding-top: 13.35%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 (画像高さの確保)*/
    	background-size: contain;
	}
	/* normal
	---------------------*/
	li.gN01 a { background-image: url(img/header/btn_gn01_sp.png);}
	li.gN02 a { background-image: url(img/header/btn_gn02_sp.png);}
	li.gN03 a { background-image: url(img/header/btn_gn03_sp.png);}
	li.gN04 a { background-image: url(img/header/btn_gn04_sp.png);}
	li.gN05 a { background-image: url(img/header/btn_gn05_sp.png);}
	li.gN06 a { background-image: url(img/header/btn_gn06_sp.png);}

	/* rollover
	---------------------*/
	li.gN01 a:hover { background-image: url(img/header/btn_gn01_sp_hover.png);}
	li.gN02 a:hover { background-image: url(img/header/btn_gn02_sp_hover.png);}
	li.gN03 a:hover { background-image: url(img/header/btn_gn03_sp_hover.png);}
	li.gN04 a:hover { background-image: url(img/header/btn_gn04_sp_hover.png);}
	li.gN05 a:hover { background-image: url(img/header/btn_gn05_sp_hover.png);}
	li.gN06 a:hover { background-image: url(img/header/btn_gn06_sp_hover.png);}
	
	li.gN01 a:hover,
	li.gN02 a:hover,
	li.gN03 a:hover,
	li.gN04 a:hover,
	li.gN05 a:hover,
	li.gN06 a:hover { background-position: 0  0;}
}



/* セイカちゃんとメニューボタン
-----------------------------------------------------*/
div.clear {/* 回り込み解除用*/
	clear: left;}


/* セイカちゃん＋ふきだしボタン
---------------------*/
div#mv {
	position: relative; /* 後のメイン画像・ボタン画像をabsoluteする為 */
	max-width: 850px;
	height: 661px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
@media screen and (min-width: 599px){
	div#mv {
  	width: 850px;
	}
}
@media screen and (max-width: 599px){
	div#mv {
		position: relative;
		width: 100%;
	  height: 330px;
		margin-bottom: 4%;
		padding-bottom: 22%; /* メニューボタンのデザインが変わることで隠れてしまう部分を　高さ116px ÷ 幅599px × 100 = 19.36%からアバウト値を算出*/
	}
}


/**
 * clearfix
 */

#mv:before,
#mv:after { /* For modern browsers */
    content: "";
	display: table;
}
#mv:after {
	clear: both;
}
#mv { /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}

/* セイカちゃん画像　カルーセル
---------------------*/
#carousel-show {
	position: relative;
	width: 441px;
	height: 641px;
	margin: 20px auto 0;
	padding: 0;
}
#carousel-show ul li {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding: 0;
}

@media screen and (max-width: 599px){
  #carousel-show {
  	width: 100%;
  	height: 330px;
  }
  #carousel-show ul li {
  	background-position: 50% 0;
  	background-size: 320px;
  }
	#carousel-show ul li img {
		width: 88%;
	}
}


/* ふきだしボタン(menu)
---------------------*/
ul#naviSeika {
	width: 843px;
	height: 573px;
	margin: auto;
}

li.sN01,
li.sN02,
li.sN03,
li.sN04,
li.sN05,
li.sN06 {
	position: absolute;
}

/* ふきだし位置　左右へ振り分け */
li.sN01,
li.sN02,
li.sN03 { left: 0;}

li.sN04,
li.sN05,
li.sN06 { right: 0;}

/* ふきだし位置　高さ指定 */
li.sN01 { top: 10px;} /* 左グループ　01-03 */
li.sN02 { top: 218px;}
li.sN03 { top: 439px;}

li.sN04 { top: 10px;} /* 右グループ　04-06 */
li.sN05 { top: 218px;}
li.sN06 { top: 439px;}

li.sN01 a,
li.sN02 a,
li.sN03 a,
li.sN04 a,
li.sN05 a,
li.sN06 a {
	width: 201px;
	height: 181px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	display: block;
	transition: all 300ms 0s ease;
	}

/* normal
---------------------*/
li.sN01 a { background-image: url(img/static/btn_sn01.png);}/* !重要: 各liにwidth指定が無いと並びません */
li.sN02 a { background-image: url(img/static/btn_sn02.png);}
li.sN03 a { background-image: url(img/static/btn_sn03.png);}
li.sN04 a { background-image: url(img/static/btn_sn04.png);}
li.sN05 a { background-image: url(img/static/btn_sn05.png);}
li.sN06 a { background-image: url(img/static/btn_sn06.png);}

/* rollover
---------------------*/
li.sN01 a:hover { background-image: url(img/static/btn_sn01_hover.png);}
li.sN02 a:hover { background-image: url(img/static/btn_sn02_hover.png);}
li.sN03 a:hover { background-image: url(img/static/btn_sn03_hover.png);}
li.sN04 a:hover { background-image: url(img/static/btn_sn04_hover.png);}
li.sN05 a:hover { background-image: url(img/static/btn_sn05_hover.png);}
li.sN06 a:hover { background-image: url(img/static/btn_sn06_hover.png);}


@media screen and (max-width: 599px){ /* メニューボタンはセイカちゃんの下に配列 */

	/* ボタン(menu)
	---------------------*/
	ul#naviSeika {
		width: 100%;
		position: static;
		top: 564px;
	}

	li.sN01,
	li.sN02,
	li.sN03,
	li.sN04,
	li.sN05,
	li.sN06 {
		position: static; /* pcボタンのabsolteを解除 */
	}

	/* normal
	---------------------*/
	li.sN01 a { background-image: url(img/static/btn_sn01_sp.png);}
	li.sN02 a { background-image: url(img/static/btn_sn02_sp.png);}
	li.sN03 a { background-image: url(img/static/btn_sn03_sp.png);}
	li.sN04 a { background-image: url(img/static/btn_sn04_sp.png);}
	li.sN05 a { background-image: url(img/static/btn_sn05_sp.png);}
	li.sN06 a { background-image: url(img/static/btn_sn06_sp.png);}

	/* rollover
	---------------------*/
	li.sN01 a:hover { background-image: url(img/static/btn_sn01_sp_hover.png);}
	li.sN02 a:hover { background-image: url(img/static/btn_sn02_sp_hover.png);}
	li.sN03 a:hover { background-image: url(img/static/btn_sn03_sp_hover.png);}
	li.sN04 a:hover { background-image: url(img/static/btn_sn04_sp_hover.png);}
	li.sN05 a:hover { background-image: url(img/static/btn_sn05_sp_hover.png);}
	li.sN06 a:hover { background-image: url(img/static/btn_sn06_sp_hover.png);}

	li.sN01 a,
	li.sN02 a,
	li.sN03 a,
	li.sN04 a,
	li.sN05 a,
	li.sN06 a {
		transition: none;
		width: 33%;
    	height: 0; /* !!! 重要 !!! */
    	padding-top: 19.4%; /* 画像高さの確保 … 全体の幅（横並び<li>の和）：高さ ＝ 100％：X％*/
    	background-size: contain;
		background-position: 0 0;
		text-decoration: none;
		display: block;
		margin: 0 1px 1px 0;
		float: left;
		}

}




/* news
-----------------------------------------------------*/
#conte_news {
	width: 100%;
	height: auto;
	background: url(img/static/conte-cap_bg_news.png) repeat-x 0 0;
	background-color: #FFF;
	padding-bottom: 85px;
}

#news {
	position: relative;
	width: 800px;
	background: url(img/static/conte-cap_news.jpg) no-repeat 0 0, url(img/static/img-ico_seika.jpg) no-repeat right 120px;
	background-color: #FFF;
	font-size: medium;
	text-align: center;
	margin: 0 auto 0;
	padding-top: 56px;
}

@media screen and (min-width: 599px){
	#conte_news {
		width: 850px;
	}
}

@media screen and (max-width: 599px){
	#conte_news {
		background-image: none;
	}
	#news {
		position: relative;
		width: 100%;
		height: auto;
		background: url(img/static/conte-cap_news_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin-top: 10px;
		padding-top: 35px;
		padding-bottom: 30px;
		}
}


table.introduce {
	width: 86%;
	border-collapse: separate;
	text-align: left;
	margin: 0;
}
table.introduce th {
	width: 10%;
	border-top: solid 17px #FFF;
	border-bottom: solid 1px #FBC98E;
	padding: 5px 7px 5px 10px;
	
}
table.introduce td {
	border-top: solid 17px #FFF;
	border-bottom: solid 1px #FBC98E;
	padding: 0;
}
table.introduce td p {
	border-left: solid 1px #FBC98E;
	padding: 5px 7px 6px 10px;
}


@media screen and (max-width: 599px){
	table.introduce {
		width: 96%;
		margin: 20px auto 0;
		}

	table.introduce th,
	table.introduce td {
		width: 96%;
		border-top: none;
		border-left: none;
		border-bottom: none;
		display: block;
		padding: 7px 0 10px 15px;	
		}
	table.introduce th {
		height: 20px;
		color: #F39800;
		margin-top: 5px;
		padding-bottom: 3px;
		}
	table.introduce td {
		height: auto;
		border-bottom: solid 1px #FBC98E;
		}
	table.introduce td p {
		border-left: none;
		padding: 0;
		}
}




/* Twitter and Facebook
-----------------------------------------------------*/
#widget {
	position: relative;
	width: 800px;
	height: 330px;
	margin: 40px auto 0;
}

.tw,
.fb {
	width: 395px;
	height: 330px;
}

.tw { float: left;}
.fb { float: right;}


/**
 * clearfix
 */

#widget:before,
#widget:after { /* For modern browsers */
    content: "";
	display: table;
}
#widget:after {
	clear: both;
}
#widget { /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}


@media screen and (max-width: 599px){
	#widget {
		width: 94%;
		margin: 30px auto 0;
    height: 600px
		}

	.tw,
	.fb {
		width: 100%;
	}

	.tw { float: none;}
	.fb { 
		margin-top: 20px;
		float: none;}
}




/* profile
-----------------------------------------------------*/
#conte_profile {
	width: 100%;
	height: auto;
	background: url(img/static/conte-cap_bg_prof.png) repeat-x 0 0;
	background-color: #FFF;
	padding-bottom: 85px;
}

#profile {
	position: relative;
	width: 800px;
	background: url(img/static/conte-cap_prof.jpg) no-repeat 0 0;
	background-color: #FFF;
	font-size: medium;
	text-align: center;
	margin: 0 auto 0;
	padding-top: 83px;
}

@media screen and (min-width: 599px){
	#conte_profile {
		width: 850px;
	}
}
@media screen and (max-width: 599px){
	#conte_profile {
	background-image: none;
	padding-bottom: 50px;
	}
	#profile {
		position: relative;
		width: 100%;
		height: auto;
		background: url(img/static/conte-cap_prof_sp.jpg) no-repeat 0 0;
		background-size: contain;
		padding-top: 80px;
	}
}

.note {
	width: 64%;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 2em;
	background: url(img/static/cap_prof.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 45px 260px 0 3px;
}
.img_seika {
	width: 240px;
	height: 339px;
	background: url(img/static/img_seika-image01.jpg) no-repeat 0 0;
	background-size: contain;
	margin: -265px -260px 0 20px;
	float: right;
}


/**
 * clearfix
 */

.note:before,
.note:after { /* For modern browsers */
    content: "";
	display: table;
}
.note:after {
	clear: both;
}
.note { /* For IE 6/7 (trigger hasLayout) */
    zoom: 1;
}


@media screen and (max-width: 599px){
	.note {
		position: relative;
		width: 90%;
		letter-spacing: 0.1em;
		line-height: 2em;
		background: url(img/static/cap_prof.jpg) no-repeat 20px 0;
		margin: 0 auto;
		padding: 40px 20px 0;
	}
	
	.img_seika { /* PC表示の数値を諸々いったん解除 */
		float: none;
		margin: 0;
		width: 100%;
		background-image: url(img/static/img_seika-image02.jpg) ;
	}
	.img_seika { /* 再設定値 */
		height: 190px;
		margin: 10px auto 15px;
	}
		
}





/* 各詳細へのボタン
-----------------------------------------------------*/
.toDetail_news,
.toDetail_prof {
}
.toDetail_news a,
.toDetail_prof a {
	position: absolute;
	top: 6px;
	right: 0;
	width: 156px;
	height: 31px;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}

.toDetail_news a { background: url(img/static/btn_news_detail.png) no-repeat 0 0;}
.toDetail_prof a { background: url(img/static/btn_prof_detail.png) no-repeat 0 0;}
	
.toDetail_news a:hover,
.toDetail_prof a:hover { background-position: 0 -31px;
}


@media screen and (max-width: 599px){
	.toDetail_news a,
	.toDetail_prof a {
		width: 188px;
		height: 38px;
		top: center;
		right: 5px; /* リキッドの際、widthを%で指定するとpositionが効かなくなる…？ */
		background-size: auto;
	}
	.toDetail_news a { background: url(img/static/btn_news_detail_sp.png) no-repeat 0 0;}
	.toDetail_prof a { background: url(img/static/btn_prof_detail_sp.png) no-repeat 0 0;}
	
	.toDetail_news a:hover,
	.toDetail_prof a:hover { background-position: 0 0;}
}
@media screen and (max-width: 480px){
	.toDetail_news a,
	.toDetail_prof a {
		width: 170px;
		height: 34px;
		top: 40px;
		background-size: contain;
	}
}





/* パンくず
---------------------------------------------------------------------------*/
.pankuzu {
	width: 833px;
	height: 20px;
	font-family: "Osaka－等幅", "Osaka-mono", "monospace";
	font-size: 16px;
	color: #FFF;
	text-align: left;
	margin: 15px auto 10px;
}
@media screen and (max-width: 599px){
	.pankuzu { 
		width: 95%;
		height: 15px;}
}


/* イベント
---------------------------------------------------------------------------*/
.event { /* 3rd pageでくり返し表示できるようclassで指定 */ 
	position: relative;
	width: 833px;
	height: auto;
	background: url(img/static/conte-cap_event.jpg) no-repeat 0 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 80px;
	padding-bottom: 40px;
}

@media screen and (max-width: 599px){
	.event {
		position: relative;
		width: 95%;
		background: url(img/static/conte-cap_event_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin: 0 auto 40px;
		padding-top: 50px;
		}
}

/* 新着情報 2nd リスト表示用ページ
---------------------------------------------------------------------------*/
.whatsnew { /* 3rd pageでくり返し表示できるようclassで指定 */ 
	position: relative;
	width: 833px;
	height: auto;
	background: url(img/static/conte-cap_whatsnew.jpg) no-repeat 0 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 80px;
	padding-bottom: 40px;
}

@media screen and (max-width: 599px){
	.whatsnew {
		position: relative;
		width: 95%;
		background: url(img/static/conte-cap_whatsnew_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin: 0 auto 40px;
		padding-top: 50px;
		}
}

/* 京町セイカとは 2nd / 3rd ページ
---------------------------------------------------------------------------*/
.profile { /* 3rd pageでくり返し表示できるようclassで指定 */ 
	position: relative;
	width: 833px;
	height: auto;
	background: url(img/static/conte-cap_profile.jpg) no-repeat 0 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 60px;
	padding-bottom: 40px;
}

@media screen and (max-width: 599px){
	.profile {
		position: relative;
		width: 95%;
		background: url(img/static/conte-cap_profile_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin: 0 auto 40px;
		padding-top: 50px;
		}
}

/* 京町セイカプロジェクト 2nd / 3rd ページ
---------------------------------------------------------------------------*/
.project { /* 3rd pageでくり返し表示できるようclassで指定 */ 
	position: relative;
	width: 833px;
	height: auto;
	background: url(img/static/conte-cap_project.jpg) no-repeat 0 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 80px;
	padding-bottom: 40px;
}

@media screen and (max-width: 599px){
	.project {
		position: relative;
		width: 95%;
		background: url(img/static/conte-cap_project_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin: 0 auto 40px;
		padding-top: 50px;
		}
}

/* セイカがお手伝いします 2nd / 3rd ページ
---------------------------------------------------------------------------*/
.tohelp { /* 3rd pageでくり返し表示できるようclassで指定 */ 
	position: relative;
	width: 833px;
	height: auto;
	background: url(img/static/conte-cap_tohelp.jpg) no-repeat 0 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 80px;
	padding-bottom: 40px;
}

@media screen and (max-width: 599px){
	.tohelp {
		position: relative;
		width: 95%;
		background: url(img/static/conte-cap_tohelp_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin: 0 auto 40px;
		padding-top: 50px;
		}
}

/* その他のお知らせ 2nd / 3rd ページ
---------------------------------------------------------------------------*/
.misc { /* 3rd pageでくり返し表示できるようclassで指定 */ 
	position: relative;
	width: 833px;
	height: auto;
	background: url(img/static/conte-cap_misc.jpg) no-repeat 0 0;
	background-color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	padding-top: 80px;
	padding-bottom: 40px;
}

@media screen and (max-width: 599px){
	.misc {
		position: relative;
		width: 95%;
		background: url(img/static/conte-cap_misc_sp.jpg) no-repeat 0 0;
		background-size: contain;
		background-color: #FFF;
		margin: 0 auto 40px;
		padding-top: 50px;
		}
}


/* ふきだし 20171224 
-----------------------------------------------------*/
.fukidashi {
	width: 750px;
	/* height: 260px; */
	height: auto !important;
	overflow:hidden;
	text-align: center;
	margin: 0 auto 18px;
	padding: 0;
}
@media screen and (max-width: 599px){
	.fukidashi { /* 100％=550pxとし、ふきだし500x367pxサイズを基準値に算出 */
		width: 91%;
		height: 66.7%;
		margin: 0 auto 10%;
		padding: 0;
	}
}

.fukidashi h1 {
	font-size: 2em;
	font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.fukidashi h2{
	font-size: 1.5em;
	font-weight: bold;
  margin-top: 0.63em;
  margin-bottom: 0.63em;
}
.fukidashi h3{
	font-size: 1.17em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
.fukidashi h5{
	font-size: 0.83em;
}
.fukidashi h6 {
	font-size: 0.67em;
}
.fukidashi p {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
.fukidashi ul {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
}
.fukidashi li {
  list-style-type: disc;
  margin-left: 38px;
}

.fukidashi blockquote {
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 38px;
}



/* ふきだし背景
---------------------*/
.bbg_GN,
.bbg_YE,
.bbg_PU,
.bbg_BU,
.bbg_PK,
.bbg_EG {
	width: 690px;
	min-height: 180px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #E9F4DA; /* ダミーカラー */
	padding: 30px;
}
	.bbg_GN { background-color: #E9F4DA; } 
	.bbg_YE { background-color: #FEF8A6; }
	.bbg_PU { background-color: #F3EBF4; }
	.bbg_BU { background-color: #D9EEFD; }
	.bbg_PK { background-color: #FBE4EE; }
	.bbg_EG { background-color: #D4ECEA; }


@media screen and (max-width: 599px){
	.bbg_GN,
	.bbg_YE,
	.bbg_PU,
	.bbg_BU,
	.bbg_PK,
	.bbg_EG {
		padding: 0;  /* PC表示の数値を諸々いったん解除 */
		width: 100%; /* div.fukidashiに対して */
	}
}
/* 文章が長くなった場合のスマホ表示
---------------------*/
@media screen and (max-width: 480px){
	.fukidashi {
		margin-bottom: 10%;
	}
}

/* ふきだし内 見出し＆テキスト
---------------------*/

/* 全体 
-----------*/
.bbg_GN dl,
.bbg_YE dl,
.bbg_PU dl,
.bbg_BU dl,
.bbg_PK dl,
.bbg_EG dl {
	width: 690px;
	margin: auto;
	}

@media screen and (max-width: 599px){
	.bbg_GN dl,
	.bbg_YE dl,
	.bbg_PU dl,
	.bbg_BU dl,
	.bbg_PK dl,
	.bbg_EG dl {
		width: 88%; /* div.bbg_GN～EGに対して */
		padding: 25px;
	}
}

/* 見出し
-----------*/	
dt._GN,
dt._YE,
dt._PU,
dt._BU,
dt._PK,
dt._EG {
	width: 690px;
	height: 35px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro";
	font-weight: bold;
	font-size: 24px;
	line-height: 1.1em;
	text-align: left;
}
dt._GN { color: #009A53; }
dt._YE { color: #F39800; }
dt._PU { color: #AE5AA9; }
dt._BU { color: #3FA9F5; }
dt._PK { color: #EC6D81; }
dt._EG { color: #00A4A4; }

@media screen and (max-width: 599px){
	dt._GN,
	dt._YE,
	dt._PU,
	dt._BU,
	dt._PK,
	dt._EG {
		width: 100%; /* dlに対して */
		height: 50px;
		font-size: x-large;
		line-height: 1.1em;
	}
}	

/* テキストエリア 
-----------*/	
dd.text-area {
	width: 690px;
	font-family: "Osaka-等幅","Osaka-Mono";
	font-weight: 500;
	font-size: 18px;
	text-align: left;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-top: 7px;
}

@media screen and (max-width: 599px){
	dd.text-area {
		width: 100%; /* dlに対して */
	}
}


/* ふきだし内 写真付テキスト
---------------------*/
dl.withImg_L,
dl.withImg_R {
	position: relative;
	width: 690px;
}

dl.withImg_L dt.cap,
dl.withImg_R dt.cap {
	width: 90%;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro";
	font-weight: bold;
	font-size: 24px;
	line-height: 1.1em;
	color: #F39800;
	text-align: left;
}

dl.withImg_L dd.txt,
dl.withImg_R dd.txt {
	font-family: "Osaka−等幅","Osaka-Mono";
	font-weight: 500;
	font-size: 18px;
	text-align: left;
	line-height: 1.4em;
	letter-spacing: 0.05em;
	margin-top: 7px;
}
dl.withImg_L dd.txt { width: 470px;}
dl.withImg_R dd.txt { width: 465px;} 


dl.withImg_L dd.img { float: left;}
dl.withImg_R dd.img { float: right;}

@media screen and (min-width: 600px){
  dl.withImg_L dd.img,
  dl.withImg_R dd.img { 
  	width: 208px;
  	height: 187px;
  }
}

@media screen and (max-width: 599px){
	dl.withImg_L dt.cap,
	dl.withImg_R dt.cap,
	dl.withImg_L dd.img,
	dl.withImg_R dd.img,
	dl.withImg_L dd.txt,
	dl.withImg_R dd.txt {
		position: static;/* pc表示の際はdlにabsolteだったが、レスポンシブでは絶対位置を使用しない */
	}

	dl.withImg_L,
	dl.withImg_R {
		width: 88%; /* div.bbg_GN～EGに対して */
		margin: auto;
		padding: 20px;
	}
	
	dl.withImg_L dt.cap,
	dl.withImg_R dt.cap {
		width: 100%; /* dlに対して */
		margin-top: 5px;
	}

	dl.withImg_L dd.txt,
	dl.withImg_R dd.txt { width: 54%; padding: 0;}

	dl.withImg_L dd.img,
	dl.withImg_R dd.img {
		width: 43%; /* ふきだし=100％=500px → dl=88%=440pxとして、画像187x169pxサイズを基準値に算出 */
		margin-top: 10px;
	}
	
	dl.withImg_L dd.img { float: left;}
/*	dl.withImg_L dd.txt { margin-left: 48%; clear: right;}*/
/*	dl.withImg_R dd.txt { float: left;} */
	dl.withImg_R dd.img { float: right;}
}
@media screen and (max-width: 480px){
	dl.withImg_L dd.img,
	dl.withImg_R dd.img {
/*		padding-bottom: 39%; /* 画像高さの確保 … 高さ169 ÷ 全体幅440 × 100 */ */
  }
}


/* 3rdページ用
   ふきだし背景
   ふきだし内 見出し＆テキスト
---------------------*/
/* 背景
-----------*/
.bbg_3rd {
	width: 690px;
	min-height: 290px;
    height: auto !important;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color: #FEF8A6;
	padding: 30px;
}
@media screen and (max-width: 599px){
	.bbg_3rd {
		padding: 0;  /* PC表示の数値を諸々いったん解除 */
		width: 100%; /* div.fukidashiに対して */
		height: 290px;
	}
}

@media screen and (max-width: 480px){ /* 文章が長くなった場合のスマホ表示 */
	.bbg_3rd {
		height: 350px;
	}
}

/* 全体 
-----------*/
.bbg_3rd dl {
	width: 690px;
	margin: auto;
	}

@media screen and (max-width: 599px){
	.bbg_3rd dl {
		width: 88%; /* div.bbg_3rdに対して */
		padding: 25px;
	}
}

/* 見出し
-----------*/
.bbg_3rd dl dt {
	width: 690px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro";
	font-weight: bold;
	font-size: 24px;
	line-height: 1.1em;
	color: #F39800;
	text-align: left;
}

@media screen and (max-width: 599px){
	.bbg_3rd dl dt {
		width: 100%; /* dlに対して */
		font-size: x-large;
	}
}

/* テキストエリア 
-----------*/
.bbg_3rd dl dd {
	width: 690px;
/*	height: 45px; */
	font-family: "Osaka?等幅","Osaka-Mono";
	font-weight: 500;
	font-size: 18px;
	text-align: left;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 599px){
	.bbg_3rd dl dd {
		width: 100%; /* dlに対して */
	}
}

/* 3rdページ用
   ふきだし上 写真位置
---------------------*/
.photo_top {
	width: 750px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 599px){
	.photo_top {
		width: 91%;
	}
}


/* 各ふきだし下のちょろり
-----------------------------------------------------*/
.csp_GN,
.csp_YE,
.csp_PU,
.csp_BU,
.csp_PK,
.csp_EG {
	width: 320px;
	background-image: url(img/static/bg_cusp_GN.png) ; /* ダミー背景画像 */
  background-repeat: no-repeat;
	font-family: 'Meiryo UI';
	font-size: 18px;
	padding-top: 3px;
	padding-left: 430px;
}
.csp_GN { background-image: url(img/static/bg_cusp_GN.png);} /* 正式な背景画像 */
.csp_YE { background-image: url(img/static/bg_cusp_YE.png);}
.csp_PU { background-image: url(img/static/bg_cusp_PU.png);}
.csp_BU { background-image: url(img/static/bg_cusp_BU.png);}
.csp_PK { background-image: url(img/static/bg_cusp_PK.png);}
.csp_EG { background-image: url(img/static/bg_cusp_EG.png);}

@media screen and (max-width: 599px){
	.csp_GN,
	.csp_YE,
	.csp_PU,
	.csp_BU,
	.csp_PK,
	.csp_EG {
		width: 57%;
		height: 19px;
		background-image: url(img/static/bg_cusp_GN_sp.png);
		background-position: center center;
		font-size: 16px;
		padding-left: 33.5%;
	}
	.csp_GN { background-image: url(img/static/bg_cusp_GN_sp.png);} 
	.csp_YE { background-image: url(img/static/bg_cusp_YE_sp.png);}
	.csp_PU { background-image: url(img/static/bg_cusp_PU_sp.png);}
	.csp_BU { background-image: url(img/static/bg_cusp_BU_sp.png);}
	.csp_PK { background-image: url(img/static/bg_cusp_PK_sp.png);}
	.csp_EG { background-image: url(img/static/bg_cusp_EG_sp.png);}
}

@media screen and (max-width: 480px){
	.csp_GN,
	.csp_YE,
	.csp_PU,
	.csp_BU,
	.csp_PK,
	.csp_EG {
		width: 64%;
		background-position: 74% center;
		padding-top: 4px;
		padding-left: 25%;
	}
}

/* pagination : ページ送り
-----------------------------------------------------*/
.pagination{
  text-align: center;
}
a.page-numbers,
.pagination .current{
  background: #fff;
  border: solid 1px #ccc;
  padding:5px 8px;
  margin:0 2px;
  text-decoration: none;
}
.pagination .current{
  background: #000;
  border: solid 1px #000;
  color: #fff;
}


/* フッター内部
-----------------------------------------------------*/
#foot {
	position: relative;
	max-width: 850px;
	min-height: 150px;
	margin: auto;
}

@media screen and (max-width: 599px){
	#foot {
		max-width: 100%;
		min-height: 250px;
    margin-bottom: -20px;
	}
}
@media screen and (min-width: 599px){
	#foot {
  	width: 850px;
	}
}

#address {
	position: absolute;
	width: 392px;
	height: 64px;
	top: 28px;
}
#address img {
	width: 392px;
	height: 64px;
}

@media screen and (max-width: 599px){
	#address {
		position: relative;
		width: 90%;	
		background-size: contain;
		margin: 30px auto 0;
	}
	#address img {
		width: 100%;
		height: auto;
	}
}


#link {
	position: absolute;
	max-width: 470px;
	height: 35px;
	top: 26px;
	right: 0;
}

#link ul,
#link ul li { float: left;}

#link ul.seika-cho li { width: 328px; margin-right: 10px;}
#link ul.sns li { width: 35px; margin-right: 5px;}

#link ul.seika-cho li img { height: 35px;}
#link ul.sns li img { height: 35px;}




@media screen and (max-width: 599px){
	#link {
		position: static;
		max-width: 90%;
		text-align: center;
		margin:40px auto 20px;
	}

	#link ul.seika-cho { margin: 10px auto; float: none;}
	#link ul.sns { margin-top: 10px;}

	#link ul.seika-cho li { width: 375px; margin-right: 15px;}
	#link ul.sns li { width: 40px; margin-left: 3px; margin-right: 17px;}

	#link ul.seika-cho li img { height: 40px;}
	#link ul.sns li img { height: 40px;}
}


#copy {
	position: absolute;
	width: 100%;
	bottom: 13px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
}

/* WordPress Config 20171025 */
/* WordPress 全固定ページでタイトルを非表示 */
.page .entry-title {
    display: none;
}

/* アイキャッチ画像のレスポンシブ  20180114 */
.thumb{
text-align:center;
}
.thumb img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

/* clearfix
-----------------------------------------------------*/
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}