@charset "utf-8";
/* CSS Document */

#main{
	float:right;
	width:722px;
}
#main p{
	padding:0 0 15px 0;
}


/*--------------------------------------------
枠／ドット
--------------------------------------------*/

#dotline-wrap{
	padding:5px;
	background:url(../../common/images/dot01.gif) repeat left top;
	margin:0 0 20px 0;
}
#dotline-inner{
	padding:20px;
	background:#fff;
}
#dotline-inner-grey{
	padding:5px 20px;
	background:#f2f2f2;
}
.border-inbox {
    width: 690px;
    border: 1px solid #999999;
    padding: 15px;
    margin-bottom: 20px;
}
/*--------------------------------------------
subnav
--------------------------------------------*/

#sub{
	width:210px;
}
#sub .subnav-heading{
	background:#03bc98 url(../images/subnav_heading_bg.gif) no-repeat left top;
	color:#fff;
	font-weight:bold;
	padding:8px 15px 6px;
}
#sub .subnav-heading a{
	color:#fff;
}
#sub #subnav-list{
	width:208px;
	border-left:#03bc98 solid 1px;
	border-right:#03bc98 solid 1px;
}
#sub #subnav-list li{
	padding:1px 1px 2px;
	background:url(../images/dot_line.gif) repeat-x left bottom;
}
#sub #subnav-list li a{
	color:#454545;
	display:block;
	background:url(../images/sub_nub_icon.gif) no-repeat 5px center;
	padding:8px 15px 6px;
}
body.large #sub #subnav-list li a{
	color:#454545;
	display:block;
	background:url(../images/sub_nub_icon.gif) no-repeat 5px center;
	padding:8px 15px 6px;
}
#sub #subnav-list li a:hover,
#sub #subnav-list li.current a{
	display:block;
	background:#daf5f0 url(../images/sub_nub_icon_hover.gif) no-repeat 5px center;
	padding:8px 15px 6px;
	text-decoration:none;
}
body.large #sub #subnav-list li a:hover,
body.large #sub #subnav-list li.current a{
	display:block;
	background:#daf5f0 url(../images/sub_nub_icon_hover.gif) no-repeat 5px center;
	padding:8px 15px 6px;
	text-decoration:none;
}
body.small #sub #subnav-list li.end,
body.medium #sub #subnav-list li.end,
body.large #sub #subnav-list li.end{
	background:none;
	padding:1px 1px 0;
	margin:0;
}
body.small #sub #subnav-list li.end a,
body.medium #sub #subnav-list li.end a,
body.large #sub #subnav-list li.end a{
	zoom:1;
}
#main #sub p.suvnav-bottom{
	line-height:0;
	font-size:0;
}

#sub #subnav_banner{
	padding:15px 0 0 0;
}
#sub #subnav_banner li{
	padding:0 0 8px 0;
}


#sub #subnav-list li .inner-list01{
	display:none;
	background:url(../images/dot_line.gif) repeat-x left top;
}
#sub #subnav-list li .inner-list01 li{
	border-bottom:#dedede solid 1px;
	background:none;
	margin:0;
	padding:1px 0 0 0;

}
#sub #subnav-list li .inner-list01 li a{
	padding:8px 15px 6px 30px;
	background:#fafafa url(../images/sub_nub_icon.gif) no-repeat 20px 12px;
}
body.large #sub #subnav-list li .inner-list01 li a{
	padding:8px 15px 6px 30px;
	background:#fafafa url(../images/sub_nub_icon.gif) no-repeat 20px 16px;
}
#sub #subnav-list li .inner-list01 li a:hover,
#sub #subnav-list li .inner-list01 li.current a{
	padding:8px 15px 6px 30px;
	background:#ededed url(../images/sub_nub_icon.gif) no-repeat 20px 12px;
}
body.large #sub #subnav-list li .inner-list01 li a:hover,
body.large #sub #subnav-list li .inner-list01 li.current a{
	padding:8px 15px 6px 30px;
	background:#ededed url(../images/sub_nub_icon.gif) no-repeat 20px 16px;
}
body.small #sub #subnav-list li .inner-list01 li.end,
body.medium #sub #subnav-list li .inner-list01 li.end,
body.large #sub #subnav-list li .inner-list01 li.end{
	padding:0;
	margin:0;
	border:none;
}


/*--------------------------------------------
item
--------------------------------------------*/

#pankuzu{
	padding:0 0 10px 0;
}
#pankuzu li{
	float:left;
	margin:0 5px 0 0;
	font-size:0.9em;
}
body.large #pankuzu li a{
	display:block;
	background:url(../images/pankuzu_arrow.gif) no-repeat right 7px;
	padding:0 10px 0 0;
}
#pankuzu li a{
	display:block;
	background:url(../images/pankuzu_arrow.gif) no-repeat right 5px;
	padding:0 10px 0 0;
}


.arrow-link a{
	padding:0 0 0 18px;
	background:url(../../images/arrow_icon.gif) no-repeat left top;
}
body.large .arrow-link a{
	padding:0 0 0 18px;
	background:url(../../images/arrow_icon.gif) no-repeat left 3px;
}

#main p.down-arrow,
body.small #main p.down-arrow{
	padding:0 0 0 18px;
	background:url(../../images/arrow_icon04.gif) no-repeat left 1px;
}
body.medium #main p.down-arrow{
	padding:0 0 0 18px;
	background:url(../../images/arrow_icon04.gif) no-repeat left 3px;
}
body.large #main p.down-arrow{
	padding:0 0 0 18px;
	background:url(../../images/arrow_icon04.gif) no-repeat left 5px;
}


#sub #social-area{
	position:relative;
}
#sub #social-area #facebook{
	position:absolute;
	left:13px;
	top:58px;
}

#sub #social-area #twitter{
	position:absolute;
	left:83px;
	top:58px;
}
#sub #social-area #mail{
	position:absolute;
	left:147px;
	top:58px;
}


/*--------------------------------------------
こちらの催しは終了いたしました。
--------------------------------------------*/

div.end_kokuti {
    background-color: #ff9900;
    color: #ffffff;
    margin:-5px 0 7px;
    padding: 5px;
    text-align: center;
}


/*--------------------------------------------
tweet/facebookボタン
--------------------------------------------*/
#social-bt {
    padding: 0 0 5px;
}
#social-bt li {
    float: left;
    padding: 0 10px 0 0;
}

/*--------------------------------------------
tweet/facebook シェア
--------------------------------------------*/
.social-Follow-Block {
	border: 1px solid #d6d6d6;
	line-height: 1.3;
	/*font-size: 12px;*/
	margin-bottom:20px ;
	border-left: 1px solid #e0e0e0;
	padding: 5px 5px 10px 18px;
	-webkit-box-shadow: -1px 0px #fff;
	box-shadow: -1px 0px #fff;
	background:#fafafa;
	/*background-image: -webkit-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);*/
	/*border-radius:3px;*/
}
.social-Follow-Block p {padding:0 0 0 5.5em !important;}

.social-Follow-Block p.followtitle {
	padding: 5px 0 0 0 !important;
	text-shadow: 0px 1px rgba(255,255,255,0.70);
	font-weight:bold;
}

.social-Follow-Block ul {margin-top:8px;}
.social-Follow-Block ul li.arrow-link span {
	display:inline-block;
	width:5.5em;

}
.social-Follow-Block ul li {margin-bottom:2px;}
.social-Follow-Block ul li.arrow-link a {
	background-position:0 0;
	padding-bottom:7px;
}








/*--------------------------------------------
見出し
--------------------------------------------*/

h2 span.headstory{
	display:block;
	padding:5px 8px;
	background:url(../images/heading_bg_top2.gif) no-repeat left top;
	color: #fff;
}

h2 span{
	display:block;
	padding:5px 8px;
	background:url(../images/heading_bg_top.gif) no-repeat left top;
}

h2#headstory_b{
	clear:both;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
	margin:0 0 15px 0;
	background:url(../images/heading_bg_bottom2.gif) no-repeat left bottom;
}

h2{
	clear:both;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
	margin:0 0 15px 0;
	background:url(../images/heading_bg_bottom.gif) no-repeat left bottom;
}

/*--------------------------------------------
見出し／ドットライン
--------------------------------------------*/

#contents #main p.article-heading{
	background:url(../images/article_heading_bg.gif) repeat left top;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-weight:bold;
}

#contents #main p.article-heading2{
	background:url(../images/article_heading_bg2.gif) repeat left top;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-weight:bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color:#000000;
}

#contents #main p.article-heading3{
	background:url(../images/article_heading_bg3.gif) repeat left top;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-weight:bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color:#000000;
}

.anchor-heading{
	padding:0 0 5px 0;
}
.anchor-list{
	padding:0 0 20px 0;
}
.anchor-list li{
	float:left;
	padding:0 15px 0 0;
}
.cut{
	float:left;
}

/*--------------------------------------------
見出し／上下ライン
--------------------------------------------*/
#contents #main p.put-line-heading{
	clear:both;
	display:block;
	padding:10px;
	margin:0 0 15px 0;
	border-top:#ebebeb solid 1px;
	border-bottom:#ebebeb solid 1px;
}

#contents #main p.put-line-heading span{
	color:#16709f;
}
/*--------------------------------------------
ボーダーリスト
--------------------------------------------*/

.border-list{
	width:722px;
	margin:0 0 15px 0;
	border-collapse:collapse;
	
}
.border-list td{
	padding:8px 5px;
	border-bottom:#ebebeb solid 1px;
	vertical-align:top;
}
.border-list td.date{
	width:4em;
}
.border-list td.thumb{
	text-align:center;
}
body.small .border-list td.icon img{
	vertical-align:top;
	padding:0 0 0 0;
}
body.medium .border-list td.icon img{
	vertical-align:top;
	padding:2px 0 0 0;
}
body.large .border-list td.icon img{
	vertical-align:top;
	padding:4px 0 0 0;
}

/*--------------------------------------------
ボーダーリスト02
--------------------------------------------*/

.border-list02{
	width:100%;
	border-collapse:collapse;
	margin:0 0 30px 0;
}
.border-list02 th{
	border-top:#cacaca solid 1px;
	border-bottom:#cacaca solid 1px;
	background:#f2f2f2;
	text-align:left;
	padding:5px 10px;
}
.border-list02 td.gray{
	border-top:#cacaca solid 1px;
	border-bottom:#cacaca solid 1px;
	background:#eeeeee;
	padding:5px 15px;
}
.border-list02 td{
	border-top:#cacaca solid 1px;
	border-bottom:#cacaca solid 1px;
	padding:5px 15px;
}

/*--------------------------------------------
ボーダーなし
--------------------------------------------*/
.no-border{
	width:auto;
	border-collapse:collapse;
}
.no-border th{
	border:none;
	padding:.2em 0;
}
.no-border td{
	border:none;
	padding:.2em 0;
}

/* --------------------------------------------
mecenatBlock 
--------------------------------------------*/
.mecenatBlock {
	border:1px solid #ddd;
	padding:10px;
}
.mecenatBlock .mecenatLogo {
	float:left;
	width:120px;
	margin:3px 0 0 5px;
}
#main .mecenatBlock > p {
	float:right;
	width:565px;
	padding:0 0 0 0 ;
	color:#555;
}

#main .mecenatBlock sup {vertical-align: text-top;}
#main .mecenatBlock > p span.nmecenayNotice {

	display:block;
	font-size:10px;
	color:#666666;
}

/* --------------------------------------------
mecenat Award
--------------------------------------------*/
.mecenatAwardBlock {
	border:1px solid #aaa;
	padding:10px;
}
.mecenatAwardBlock .mecenatLogo {
	float:left;
	width:180px;
	margin:0 0 0 5px;
}
.mecenatAwardBlock .mecenatLogo img {
	margin-top:5px;
}
.mecenatAwardBlock > .rightTxt {
	float:right;
	width:505px;
	padding:0 0 0 0 ;
	color:#555;
}

.mecenatAwardBlock > .rightTxt ul {
	list-style:disc;
}

#main .mecenatAwardBlock p {padding-bottom:0;}
#main .mecenatAwardBlock p sup {vertical-align: text-top;}
#main .mecenatAwardBlock p span.mecenatNotice {
margin-top:.5em;
	display:block;
	font-size:10px;
	color:#666666;
}

/*=====================================
=            Media queries            =
=====================================*/

@media (max-width: 480px) {

	.border-list02 th {
		width: 80px;
		background: #f1f1ee;
		font-weight: normal;
		padding: 10px;
	}
	.border-inbox {
		width: 100%;
		border: none;
		padding: 0;
	}

	/*----------  MAIN  ----------*/

	#main {
		float: none;
		width: 100%;
	}

	#pankuzu {display: none; }
/*	#social-bt {
		display: none;
	}*/

h2{
	background:none;
}


	#main > h2{
		margin-bottom: 10px;
		background-image: -moz-linear-gradient(bottom, #1ec09f 19%, #35c8ad 60%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#35c8ad), to(#1ec09f));
		border: #02ba98 solid 1px;
		font-size: 1.6rem;
		color: #fff;
		border-radius: 3px;
		font-weight: normal;
	}

	#main > h2 span {
		background: transparent;
		display: block;
		padding: 5px 10px;
		border: #a1e5d8 solid 1px;
	}

	#sub,
	.pagetop,
	#bottom-link {
		display: none;
	}
/* --------------------------------------------
mecenatBlock 
--------------------------------------------*/

	.mecenatBlock {
		border: 1px solid #ddd;
		padding: .5em;
		display: -webkit-flex;
		display: flex;
		margin: 0 0 30px;
	}

	#main .mecenatBlock .mecenatLogo {
		width: 105px;
		margin-right: 10px;
	}


	.mecenatBlock > p{
		color: #555;
		padding: 0;
		-webkit-flex: 1;
		flex: 1;
		font-size: .9em;
	}

 .mecenatBlock sup {vertical-align: text-top;}
 
	#main .mecenatBlock > p span.nmecenayNotice {
		display: none!important;
	}

/* --------------------------------------------
mecenat Award
--------------------------------------------*/
.mecenatAwardBlock {
		border: 1px solid #aaa;
		padding: .5em;
		display: -webkit-flex;
		display: flex;
		margin: 0 0 30px;
	}

.mecenatAwardBlock .mecenatLogo {
		width: 120px;
		margin-right: 10px;
		font-size:.9em;
	}
.mecenatAwardBlock .mecenatLogo img {margin-top:10px;}
.mecenatAwardBlock >.rightTxt{
		color: #555;
		padding: 0;
		-webkit-flex: 1;
		flex: 1;
		font-size: .8em;
	}
.mecenatAwardBlock > .rightTxt ul {
	list-style:disc;
	margin-left:1.5em;
}
.mecenatAwardBlock p {padding-bottom:.5em;}
.mecenatAwardBlock p sup {vertical-align: text-top;}
.mecenatAwardBlock p span.mecenatNotice {
margin-top:.5em;
	display:block;
	font-size:90%;
	color:#666666;
}


/*--------------------------------------------
ボーダーなし
--------------------------------------------*/
.no-border{
	width:auto;
	border-collapse:collapse;
}
.no-border th{
	border:none;
	padding:.2em .5em;
}
.no-border td{
	border:none;
	padding:.2em .5em;
}

/*--------------------------------------------
tweet/facebook シェア
--------------------------------------------*/
.social-Follow-Block {
	line-height: 1.3;
	font-size: 14px;
	padding:12px 2px 10px 10px;
	/*-webkit-box-shadow: 0px -1px #e0e0e0;
	box-shadow: 0px -1px #e0e0e0;*/
	background:#fafafa;
	/*background-image: -webkit-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(248,248,248,1.00) 0%,rgba(236,236,236,1.00) 51.30%,rgba(255,255,255,1.00) 100%);*/
}
.social-Follow-Block p {margin:0 0 0 0 !important;}
.social-Follow-Block p {padding:0 0 0 0 !important;}
.social-Follow-Block p.followtitle {
	margin:0 0 5px -4px !important;
	text-shadow: 0px 1px rgba(255,255,255,0.70);
	font-weight:bold;
}
.social-Follow-Block ul li {padding:2px 0;}

.social-Follow-Block ul li.arrow-link span {
	display:block;
	width:5em;
	line-height:1.2;
	padding-bottom:2px;
}

.social-Follow-Block ul li.arrow-link a {
	background-position:0 0;
	min-height:14px;
	padding-bottom:8px;
}


/*  ギャラリートーク詳細ページの打ち出し画像を拡大 */
img.sp_title {
	width : calc(100% + 20px) ;
	max-width:calc(100% + 20px)  !important;
	margin:-10px -10px auto;
}






}


/*=====  End of Media queries  ======*/

/*=====================================
=            Media queries            =
=====================================*/

@media (max-width: 320px) {

.social-Follow-Block ul li.arrow-link a {word-break: break-word;}

}