@charset "utf-8";

#castWrap {
	background:#f6f6f6;
	color:#000;
	letter-spacing:0.06em;
	font-size:75%;
}
#castWrap * {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}
#castWrap a:hover {
	opacity:0.7;
}
#castPageError {
	padding:30px 20px;
	background:#334854;
	color:#fff;
	text-align:center;
	letter-spacing:0.15em;
	line-height: 1.6;
}

/*////////////////////////////

ヘッダー

////////////////////////////*/
#loopsliderWrap {
	z-index:0;
}
#loopslider {
	float:right;
	width:75%;
}
#loopslider img {
	display:block;
	width:100%;
	height:auto;
}
#mainTtl {
	float:left;
	width:25%;
}
#mainTtl h2 {
	width:100%;
}
#mainTtl h2 a {
	display:block;
	background:url(../../images/ann_ttl.jpg);
	background-size:cover;
	text-indent:-9999px;
}
#mainTtl h2 a img {
	display:block;
	width:100%;
	height:auto;
}
#mainTtl h2 a strong,
#mainTtl h2 a span {
	display:none;
}
#mainTtl p {
	display:none;
}
#loopslider .bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #ffffff;
	text-align:center;
}
#loopsliderWrap .bx-wrapper .bx-pager,
#loopsliderWrap .bx-wrapper .bx-controls-auto {
	bottom: 12px;
	height:10px;
}
#loopsliderWrap .bx-wrapper .bx-pager .bx-pager-item,
#loopsliderWrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#loopsliderWrap .bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	outline: 0;
	background: none;
	border:2px #7cd2c2 solid;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0 ;
}
#loopsliderWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
#loopsliderWrap .bx-wrapper .bx-pager.bx-default-pager a.active {	background: #fff; }
#loopsliderWrap .bx-controls-direction {
	display:none;
}

/* ナビゲーション */
#castWrap nav {
	background:#f6f6f6;
}
#castWrap nav li {
	position:relative;
	float:left;
	width:20%;
	padding:17px 0;
}
#castWrap nav li > a,
#castWrap nav li span {
	display:block;
	padding:3px 20px;
	border-right:1px #4f4f4f solid;
	color:#000;
	font-size:12px;
	text-align:center;
	cursor:pointer;
}
#castWrap nav li:last-child > a {
	border:none;
}
#castWrap nav li span:hover {
	opacity:0.7;
}
#castWrap nav li div {
	display:none;
	position:absolute;
	top:52px;
	left:0;
	width:100%;
	padding:15px 0;
	background:url(../../images/stripe.png);
	z-index:200;
}
#castWrap nav li div a {
	display:block;
	padding:8px 20px;
	color:#000;
	font-size:116.7%;
}
#castWrap .fixmenu {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#000;
	z-index:1000;
}
#castWrap .fixmenu ul li > a,
#castWrap .fixmenu ul li span {
	border-right:1px #fff solid;
	color:#fff;
}
#castWrap .fixmenu ul li > a:hover,
#castWrap .fixmenu ul li span:hover {
	opacity:1;
	color:#B0B0B0;
}
#castWrap .fixmenu ul li:last-child > a {
	border:0;
}
	

/*////////////////////////////////////////////////////////

下層ページ コンテンツエリア

////////////////////////////////////////////////////////*/

/* 最新のブログ */
#newBlog {
	width:700px;
	margin:0 auto;
	padding:30px 0 40px;
}
#newBlog h3 {
	line-height:1em;
	margin-bottom:30px;
	font-size:166.7%;
	text-align:center;
}
#blogSlider > div {
	float:left;
	width:100px;
	line-height:1.4em;
	padding:0 20px;
}
#blogSlider > div:last-child {
	border:0;
}
.bx-wrapper a > img,
#blogSlider > div a >img {
	display:none;
}
.img_trim {
	display:block;
	position:relative;
	overflow:hidden;
}
.img_trim img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}
#newBlog .img_trim {
	width:100%;
	margin-bottom:10px;
	padding-top:100%;
}
#blogSlider a {
	display:block;
}
#blogSlider a:first-child {
	margin-bottom:3px;
	color:#217db1;
	font-weight:bold;
}
#blogSlider a:last-child {
	margin-top:3px;
	color:#2cbda2;
}
#blogSlider a div {
	margin-bottom:10px;
}
#blogSlider a span {
	display:inline-block;
	color:#f46161;
	font-weight:bold;
	font-size:91.7%;;
}

#newBlog .bx-prev,.bx-next{
	display:block;
	position: absolute;
	width:24px;
	height:52px;
	text-indent:-9999px;
}
#newBlog .bx-prev{
	left: -50px;
	top: 35%;
	background:url(../../images/pre_blog.png) no-repeat left top;
}
#newBlog .bx-next{
	right: -50px;
	top: 35%;
	background:url(../../images/next_blog.png) no-repeat left top;
}
#newBlog .bx-pager {
	bottom:-25px;
	text-align:center;
}
#newBlog .bx-pager-item {
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 3px;
}
#newBlog .bx-pager-link {
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:5px;
	background:#aaa;
	text-indent:-9999px;
}
#newBlog .bx-pager-item .active {
	background:#217db1;
}

/* 見出し */
.ttl_page {
	line-height:1em;
	padding:17px 0;
	background:#334854;
	color:#fff;
	font-size:166.7%;
	text-align:center;
	letter-spacing:0.15em;
}
.ttl_blogPage {
	position:relative;
	height:39px;
	line-height:1em;
	padding:46px 0 0;
	background:#94d6c4 url(../../images/bg_flower.png) no-repeat center bottom;
	color:#fff;
	font-size:20px;
	text-align:center;
}
.ttl_blogPage a {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:120px;
	line-height:1em;
	padding:10px 0;
	border:2px #fff solid;
	color:#fff;
	font-size:10px;
	text-align:center;
	letter-spacing:0.15em;
}


/* ブログ・リスト共通 */
#blogWrap {
	width:1000px;
	margin:0 auto;
}
#blogWrap article {
	float:left;
	width:640px;
	padding:30px;
	background:#fff;
}
#blogWrap aside {
	width:280px;
	margin-left:20px;
}

/* プロフィール */
#blogWrap #profile {
	position:relative;
	float:right;
	background:#fce38a;
	color:#334854;
}
#blogWrap #profile .ann_trim {
	display:block;
	position:relative;
	width:280px;
/*	padding-top:280px;   */
    padding-top:240px;    /* 2020.01.09 変更 */
	overflow:hidden;
}
#blogWrap #profile .ann_trim img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#profile a {
	/*display:block;*/
	color:#334854;
}
#profile div {
	padding:20px;
}
#profile #snsIcon {
	float:left;
	width:62px;
	margin:23px 0 0 7px;
}
#profile #snsIcon li {
	float:left;
	margin:0 3px;
	width:25px;
	height:25px;
}
#profile #snsIcon #iconTwitter {
	background:url(../../images/icon_twitter.png) no-repeat left top / 100% auto;
}
#profile #snsIcon #iconInstagram {
	background:url(../../images/icon_instagram.png) no-repeat left top / 100% auto;
}
#profile #snsIcon li a {
	display:block;
	height:25px;
	text-indent:-9999px;
}
#profile h4 {
	float:left;
	display:inline-block;
	margin-bottom:20px;
}
#profile h4 strong {
	display:block;
	line-height:1em;
	margin-top:10px;
	font-weight:bold;
	font-size:250.0%;
}
#profile dl {
	clear:both;
	margin:20px 0;
}
#profile dt {
	width:74px;
	margin-bottom:10px;
	padding:8px 0;
	background:#fff;
	color:#217db1;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}
#profile dd {
	line-height:1.8em;
}
#profile dd a {
	color:#217db1;
}
#profile div > a {
	line-height:1.8em;
	margin-right:5px;
	padding-left:15px;
	background:url(../../images/icon_green.png) no-repeat left center;
}

/* ブログ一覧 */
#blogWrap #list {
	float:left;
}
#list h5 {
	padding:13px 20px;
	background:#334854;
	color:#fff;
	font-size:116.7%;
}
#blogList {
	padding:20px 20px 5px;
	background:#f38181;
}
#blogList li {
	margin-bottom:15px;
}
#blogList a {
	color:#fff;
	font-size:116.7%;
}
#annBnr a {
	display:block;
	background:#fff;
}
#annBnr img {
	display:block;
	width:100%;
	height:auto;
}



@media (max-width: 780px) {
#castWrap {
	padding-bottom:60px;
}
#castWrap a:hover {
	opacity:1;
}

/*////////////////////////////////////////////////////////

ヘッダー

////////////////////////////////////////////////////////*/
#castWrap header {
	position:relative;
}
#loopsliderWrap {
	z-index:0;
}
#loopslider {
	float:none;
	width:100%;
}
#loopslider img {
	display:block;
	width:100%;
	height:auto;
}
#mainTtl {
	float:none;
	width:100%;
	padding:10px 0;
	background:url(../../images/sp_ttl.jpg);
}
#mainTtl h2 {
	float:right;
	width:45%;
	margin-right:10px;
	border:2px #fff solid;
}
#mainTtl h2 a {
	display:block;
	padding:12px 0 10px;
	background:none;
	background-size:auto;
	color:#fff;
	font-size:15px;
	text-indent:0;
	text-align:center;
	letter-spacing:0.1em;
}
#mainTtl h2 a img {
	display:none;
}
#mainTtl h2 a strong {
	display:block;
}
#mainTtl h2 a span {
	display:block;
	margin-top:6px;
	font-size:10px;
}

/* ナビゲーション */
#mainTtl p {
	display:block;
	float:left;
	width:56px;
	height:41px;
	padding:15px 10px 0;
	border-right:1px #fff solid;
	background:url(../../images/menubtn_arrow.png) no-repeat center 38px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	cursor:pointer;
}
#castWrap nav {
	display:none;
	position:absolute;
	top:76px;
	left:0;
	width:50%;
	background:rgba(0, 0, 0, 0.7);
	z-index:100;
}
#castWrap nav li {
	position:relative;
	float:none;
	width:100%;
	padding:12px 0;
	border-bottom:1px #ededed solid;
	color:#fff;
	text-align:center;
}
#castWrap nav li:last-child {
	border:none;
}
#castWrap nav li.pull {
	background:url(../../images/menu_arrow.png) no-repeat 95% center;
	background-size:9px 12px;
}
#castWrap nav li > a,
#castWrap nav li span {
	border:none;
	color:#fff;
}
#castWrap nav li div {
	position:absolute;
	top:0;
	left:100%;
	width:90%;
	padding:12px 0;
	text-align:left;
}
#castWrap nav li div a {
	display:block;
	padding:6px 12px;
	color:#000;
	font-size:116.7%;
}
.fixhead {
	position:fixed;
	top:0;
	left:0;
	z-index:200;
}
#castWrap .fix_submenu {
	position:fixed;
	top:76px;
	left:0;
	z-index:100;
}


/*////////////////////////////////////////////////////////

下層ページ コンテンツエリア

////////////////////////////////////////////////////////*/

/* 最新のブログ */
#newBlog {
	width:85%;
	padding:25px 0 35px;
}
#newBlog h3 {
	margin-bottom:20px;
	font-size:133.3%;
}
#blogSlider > div {
	width:33%;
	padding:0 12px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#newBlog .bx-prev,.bx-next{
	width:15px;
	height:40px;
}
#newBlog .bx-prev{
	left: -20px;
	top: 30%;
	background:url(../../images/pre_blog.png) no-repeat left top;
	background-size:100% auto;
}
#newBlog .bx-next{
	right: -20px;
	top: 30%;
	background:url(../../images/next_blog.png) no-repeat left top;
	background-size:100% auto;
}
#newBlog .bx-pager-item {
	width:8px;
	height:8px;
}
#newBlog .bx-pager-link {
	border-radius:4px;
}

/* 見出し */
.ttl_page {
	padding:15px 0;
	font-size:150%;
}
.ttl_blogPage {
	height:35px;
	padding:26px 0 0;
	background:#94d6c4 url(../../images/bg_flower.png) no-repeat center bottom;
	background-size:100% auto;
}

/* ブログ・リスト共通 */
#blogWrap {
	width:100%;
	margin:0 auto;
}
#blogWrap aside {
	width:100%;
	margin-left:0;
}
#blogWrap article {
	float:none;
	width:100%;
	line-height:1.5em;
	padding:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* プロフィール */
#blogWrap #profile {
	float:none;
}
#blogWrap #profile .ann_trim {
	display:block;
	float:left;
	width:230px;
	/*padding-top:230px;*/
  padding-top:216px;
}
#profile div {
	float:left;
	width:55%;
	padding:20px 0 10px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#profile dl {
	margin:15px 0 10px;
}
#profile dd a {
	display:inline-block;
	font-size:100%;
}
#profile div > a {
	display:inline-block;
	margin-right:20px;
}

/* ブログ一覧 */
#blogWrap #list {
	float:none;
}
#annBnr li {
	display:block;
	float:left;
	width:50%;
}
#annBnr img {
	display:block;
	width:100%;
	height:auto;
}
}


@media (max-width: 540px) {

/*////////////////////////////////////////////////////////

下層ページ コンテンツエリア

////////////////////////////////////////////////////////*/

/* 最新のブログ */
#newBlog {
	width:85%;
	padding:25px 0 35px;
}
#newBlog h3 {
	margin-bottom:20px;
	font-size:133.3%;
}
#blogSlider > div {
	padding:0 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#newBlog .bx-prev,.bx-next{
	width:10px;
	height:30px;
}
#newBlog .bx-prev{
	left: -15px;
	top: 25%;
}
#newBlog .bx-next{
	right: -15px;
	top: 25%;
}

.ttl_blogPage {
	height:29px;
	padding:17px 0 0 15px;
	background:#94d6c4 url(../../images/bg_flower.png) no-repeat center bottom;
	background-size:100% auto;
	font-size:15px;
	text-align:left;
}
.ttl_blogPage a {
	top:8px;
	right:8px;
	width:110px;
	line-height:1em;
	padding:8px 0;
	border:2px #fff solid;
	color:#fff;
	font-size:10px;
	text-align:center;
	letter-spacing:0.15em;
}

/* ブログ・リスト共通 */
#blogWrap {
	width:100%;
	margin:0 auto;
}
#blogWrap aside {
	width:100%;
	margin-left:0;
}
#blogWrap a:hover {
	opacity:1;
}

/* プロフィール */
#blogWrap #profile .ann_trim {
	display:block;
	float:left;
	width:32%;
	/*padding-top:32%;*/
  padding-top:30%;
}

#profile div {
	width:65%;
	padding:10px 0 0 15px;
}
#profile h4 {
	margin-bottom:8px;
	font-size:10px;
}
#profile h4 strong {
	margin-top:5px;
	font-size:18px;
}
#profile #snsIcon {
	margin:10px 0 0 5px;
}
#profile dl {
	display:none;
}
#profile div > a {
	display:block;
	clear:both;
}
}