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

/*-----------------------------------------------------------
reset
-------------------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type:none;
}

/*-----------------------------------------------------------
tools
-------------------------------------------------------------*/
.opacity:hover {
	color: #333;
	cursor: hand;
	opacity: 0.80;               /* Firefox,Opera,Safari */
	filter: alpha( opacity=80 ); /* IE */
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.80;
	-moz-opacity: 0.80;          /* Firefox 0.9より前 */
}

img {
	display: block;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
	opacity: 0.7;
}
a img:hover {
	opacity: 0.7;
}
.detail a {
	color: #ff473d;
}
.detail a:not(.btn_detail):hover {
	opacity: 1;
	text-decoration: underline;
}
.note {
	padding-left: 1em;
	text-indent: -1em;
}
.notes > li {
	padding-left: 1em;
	text-indent: -1em;
}
.dl-horizontal > dt {
	float: left;
	width: 160px;
	overflow: hidden;
	clear: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dl-horizontal > dd {
	margin-left: 180px;
}
.dl-horizontal.dl-h-dt3em > dt { width: 3em;}
.dl-horizontal.dl-h-dt3em > dd { margin-left: 3.5em;}
.dl-horizontal.dl-h-dt4em > dt { width: 4em;}
.dl-horizontal.dl-h-dt4em > dd { margin-left: 4.5em;}
.dl-horizontal.dl-h-dt5em > dt { width: 5em;}
.dl-horizontal.dl-h-dt5em > dd { margin-left: 5.5em;}
.dl-horizontal.dl-h-dt6em > dt { width: 6em;}
.dl-horizontal.dl-h-dt6em > dd { margin-left: 6.5em;}
.dl-horizontal.dl-h-dt7em > dt { width: 7em;}
.dl-horizontal.dl-h-dt7em > dd { margin-left: 7.5em;}
.dl-horizontal.dl-h-dt8em > dt { width: 8em;}
.dl-horizontal.dl-h-dt8em > dd { margin-left: 8.5em;}
.dl-horizontal.dl-h-dt9em > dt { width: 9em;}
.dl-horizontal.dl-h-dt9em > dd { margin-left: 9.5em;}
.dl-horizontal.dl-h-dt10em > dt { width: 10em;}
.dl-horizontal.dl-h-dt10em > dd { margin-left: 10.5em;}
.gray-panel {
	background-color: #EEE;
	padding: 1.5em;
	margin: 3em 0;
}
.gray-panel.br {
	border-radius: 10px;
}
/*-- link--http --*/
a.textlink[href^="http"]:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/assets/images/common/icon_outurl.png') left top no-repeat;
	margin-left: 2px;
    margin-right: 5px;
	margin-bottom: -2px;
}
a.btn_detail[href^="http"]:after {
	background-image:none;
}
/*-- link--Pdf --*/
a[href$=".pdf"]:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 15px;
	background: url('/assets/images/common/icon_pdf.png') left top no-repeat;
	margin-left: 2px;
    margin-right: 5px;
	margin-bottom: -2px;
}

a.nolink {
	pointer-events: none;
}
p img {
	width: 100%;
}
.att {
	color: #ff0000;
}
.notice {
	font-size: 11px;
	font-size: 1.1rem;
}
.reg {
	font-size: 50%;
	vertical-align: super;
}
.textlink::before {
	content: '＞ ';
}
/*1行省略*/
.ellipsis1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*複数行clump
  ※ellipsisと一緒に、height,line-height,-webkit-line-clampを付けること
  例) height:3em; line-height:1em; -webkit-line-clamp: 3 ;　←3行で... */
.ellipsis {
  overflow: hidden ;
  display: -webkit-box ;
  -webkit-box-orient: vertical ;
  word-break: break-all ;
}
/*リンク無効化*/
.left_column ul.sub a[href="#"]{
	pointer-events:none;
	cursor:default;
	color:#CCC;
}
footer ul.sub a[href="#"]{
	pointer-events:none;
	cursor:default;
	color:#CCC;
}

/*-----------------------------------------------------------
layout
-------------------------------------------------------------*/
html {
	/*min-width: 1170px;*/
	height: 100%;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}

body {
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #363533;
	/* sets the default sizing to make sure nothing is actually 10px */
	background-color: #FFFFFF;
}


#wrap {
	width: 100%\9;	/* IE8ハック */
}

div.container {
	position: relative;
	width: 100%;
	padding-left: 200px;
	box-sizing: border-box;
	overflow: hidden;
}
div.container .inner {
	width: 100%;
	max-width: 1120px;
	padding: 0 40px;
	margin: 0 auto;
	/*overflow: hidden;*/
	box-sizing: border-box;
}
div.detail .inner {
	max-width: 970px;
}
.pc {
	display: block;
}
.sp {
	display: none;
}

.detail h1 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.2;
	font-weight: bold;
	display: table;
	margin: 0 auto;
	border-bottom: 1px solid #ff002a;
	text-align: center;
}
.detail h1+p {
	font-size: 11px;
	font-size: 1.1rem;
	color: #adadad;
	display: table;
	margin: 0 auto;
	margin-top: 5px;
}
.detail h2 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	display: table;
	margin: 0 auto;
	margin-bottom: 22px;
}
.detail h2+hr {
	width: 30px;
	border-bottom: 2px solid #363533;
	margin: 0 auto;
	margin-bottom: 25px;
}
.detail h2.left {
	display: block;
}
.detail h3 {
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	border-bottom: 1px solid #363533;
}
.detail h4 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	width: 100%;
	padding: 6px 10px;
	box-sizing: border-box;
	background-color: #f6f6f6;
	border-radius: 10px;
}
.detail h5 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	background: url('/assets/images/common/h5_header.png') left center no-repeat;
	padding-left: 15px;
}
.detail p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	font-weight: 500;
}
.detail p.caption {
	font-size: 12px;
	font-size: 1.2rem;
}

hr {
	border: 0;
	border-bottom: 1px solid #d7d7d6;
	margin: 0;
}

/* --------------------------- */
/* Header */


#news {
	position: relative;
	width: 100%;
	height: 50px;
	color: #626262;
	background-color: #fff;
	overflow: hidden;
	border-bottom: 1px solid #d7d7d6;
}

#news p.label {
	position: relative;
	width: 70px;
	height: 50px;
	border-right: 1px solid #d7d7d6;
	text-align: center;
	line-height: 50px;
	float: left;
}
#news ul {
	position: relative;
    width: 70%;
    height: 20px;
    margin-left: 20px;
    float: left;
    overflow: hidden;
    margin-top: 15px;
}

#news ul li {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
}
#news ul li a {
	color: #000;
	text-decoration: none;
}
#news ul li span.date {
	color: #adadad;
	margin-right: 20px;
}
#news a.btn_donation {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 210px;
	height: 50px;
	color: #fff;
	background-color: #ff473d;
	line-height: 50px;
	padding-left: 19px;
	box-sizing: border-box;
}
#news a.btn_donation::after{
	content: "";
	position: absolute;
    right: 18px;
    top: 20px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#news a.btn_donation:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* --------------------------- */
/* Navi */
.left_column {
	position: fixed;
	left: 0;
	top: 0;
	width: 200px;
	height: 100%;
	z-index: 999;
	padding: 59px 0;
	box-sizing: border-box;
	background: url('/assets/images/common/left_column_bg.jpg') left top no-repeat;
}
.left_column h1 { display: table; margin: 0 auto; border-bottom:0; }
.left_column h1 a { display: block; line-height: 0; }
.left_column h1 img { display: inline; }

.left_column nav {
	margin-top: 58px;
}
.left_column nav ul li.parent {
	position: relative;
	cursor: pointer;
	padding: 0 14px;
}
.left_column nav ul li.parent:hover {
	background-color: #fafaf4;
}
.left_column nav ul li.parent > a {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
    font-weight: bold;
    line-height: 13px;
    padding: 14px 0;
	color: #363533;
	border-bottom: 1px solid #cfcccc;
	border-color: rgba(207,204,204,0.3);
}
.left_column nav ul li.parent > a:hover {
	opacity: 1;
	text-decoration: none;
}

.left_column nav ul li.parent::after{
	content: "";
	position: absolute;
    right: 15px;
    top: 16px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #363533;
	border-right: 2px solid #363533;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.left_column nav ul.sub {
	position: fixed;
	left: 200px;
	top: 0;
	width: 225px;
	height: 100%;
	color: #363533;
	background-color: #fafaf4;
	padding: 0 15px;
	box-sizing: border-box;
	overflow: hidden;
	display: none;
}
.left_column nav ul.sub.open {
	display: block;
}
.left_column nav ul.sub li {
	
}
.left_column nav ul.sub li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #363533;
	font-size: 13px;
	font-size: 1.3rem;
    font-weight: bold;
    line-height: 13px;
    padding: 14px 0 15px 0;
}
/*
.left_column nav ul.sub li a:hover {
	text-decoration: none;
}
*/
.left_column nav ul#about { padding-top: 260px; }
.left_column nav ul#task { padding-top: 303px; }
.left_column nav ul#how_to_use { padding-top: 346px; }
.left_column nav ul#plaza { padding-top: 389px; }
.left_column nav ul#support { padding-top: 260px; }
.left_column nav ul#access { padding-top: 468px; }


/* --------------------------- */
/* Footer */

footer {
	padding-top: 140px;
}
footer .inner {
	max-width: 970px !important;
}
footer nav {
	margin-top: 0;
	background-color: #fafaf4;
	overflow: hidden;
	padding: 30px 40px;
}
footer nav ul {
	width: 100%;
    max-width: 1120px;
	margin: 0 auto;
	overflow: hidden;
}
footer nav ul li#nav_news,
footer nav ul li#nav_contact {
	display: none;
}
footer nav ul li.parent {
	float: left;
	width: 20%;
	/*min-width: 200px; */
    padding-right: 20px;
    box-sizing: border-box;
}
footer nav ul.sub li a {
	color: #262626;
	text-decoration: none;
}
footer nav ul li.parent > a {
	font-weight: bold;
	margin-bottom: 15px;
	color: #363533;
	pointer-events: none;
}
footer nav ul.sub {
	position: relative;
}
footer nav ul.sub li {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 8px;
	padding-left: 12px;
	background: url('/assets/images/common/ft_nav_arw.png') left center no-repeat;
	background-position: 0 7px;
}
footer nav ul.sub li:first-child {
	margin-top: 0;
}

/* --------------------------- */
/* Footer */

footer #recommend {
	position: relative;
	margin-bottom: 75px;
}
footer #recommend p.reco_title {
	font-size: 23px;
	font-size: 2.3rem;
	display: inline-block;
	line-height: 1.7;
}
footer #recommend p.txt {
	display: inline-block;
}
footer #recommend a.btn_detail {
	position: absolute;
    right: 40px;
    top: 0;
}
footer #recommend ul#donation_method {
	overflow: hidden;
	clear: both;
	margin-top: 35px;
}
footer #recommend ul#donation_method li {
	float: left;
	width: 48.3%;
    max-width: 430px;
	margin-left: 3.3%;
}
footer #recommend ul#donation_method li:first-child {
	margin-left: 0;
}
footer #recommend ul#donation_method li p.label {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	background: #ffef3d url('/assets/images/top/reco_label_bg.png') left center no-repeat;
	background-position: 20px 50%;
}
footer #recommend ul#donation_method li p.dd {
	background-color: #fafaf4;
	padding: 23px;
}

footer #btn_backtop {
	float: right;
	margin-right: 12px;
	margin-bottom: 20px;
}

footer #sponsor h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 42px;
	text-align: center;
	background-color: #fafaf4;
	margin-bottom: 34px;
}
footer #sponsor ul {
	overflow: hidden;
	display: table;
	margin: 0 auto;
	margin-bottom: 33px;
	/*width: 100%;*/
    max-width: 1200px;
    padding: 0 40px;
	box-sizing: border-box;
}
footer #sponsor ul li {
	display: table-cell;
	vertical-align: middle;
	/*width: 20%;*/
	text-align: center;
}
footer #sponsor ul li img {
	display: inline;
	width: 100%;
}
#sponsor a:after {content: none;}

footer .ft_prof {
	color: #262626;
	border-top: 1px solid #ecece8;
	background-color: #fafaf4;
    padding: 30px 40px;
    overflow: hidden;
}
footer .ft_prof .inner {
	max-width: 1120px !important;
	padding: 0;
}
footer .ft_prof .txt_left {
	float: left;
}
footer .ft_prof .btn_right {
	float: right;
	margin-top: 35px;
}

footer .ft_prof p.c_name {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 5px;
}
footer .ft_prof ul li {
	float: left;
	margin-right: 55px;
}
footer .ft_prof ul li:nth-child(2) {
	margin-right: 0;
}

footer .ft_prof a.btn_detail_f {
	display: inline-block;
    position: relative;
    width: 125px;
    height: 35px;
    line-height: 35px;
    color: #221815;
    text-align: center;
    font-weight: bold;
    background-color: #dfecf5;
    border-radius: 17px;
}
footer .ft_prof a.btn_detail_f:hover {
	text-decoration: none;
	opacity: 0.7;
}
footer .ft02 {
	padding: 0 40px;
	height: 81px;
	box-sizing: border-box;
}
footer .ft02 .inner {
	max-width: 1120px !important;
	padding: 0;
}

footer .ft02 p.footer_logo {
	width: 245px;
	margin-top: 24px;
}
footer #txt_social {
	width: 77px;
	height: 22px;
	background: url('/assets/images/common/ft_social_btn.png') left top no-repeat;
}
footer .ft_btn {
	display: block;
	text-indent: -9999px;
	float: left;
}
footer a#ft_btn_facebook {
	width: 22px;
	height: 22px;
	background: url('/assets/images/common/ft_social_btn.png') left top no-repeat;
	background-position: -104px 0;
	margin-left: 27px;
}
footer a#ft_btn_instagram {
	width: 22px;
	height: 22px;
	background: url('/assets/images/common/ft_social_btn.png') left top no-repeat;
	background-position: -154px 0;
	margin-left: 28px;
}
footer a#ft_btn_youtube {
	width: 36px;
	height: 22px;
	background: url('/assets/images/common/ft_social_btn.png') left top no-repeat;
	background-position: -194px 0;
	margin-left: 18px;
}
footer .ft03 {
	padding: 12px 40px;
	height: 40px;
	box-sizing: border-box;
	background: url('/assets/images/common/footer_bg.jpg') left top repeat-x;
}
footer .ft03 .inner {
	max-width: 1120px !important;
	padding: 0;
}

footer .ft03 p.copyright {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
}

/* --------------------------- */
/* Detail */
h3 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 26px;
	font-weight: bold;
	display: inline-block;
}
h3 span {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 11px;
	color: #adadad;
	display: block;
    margin-top: 5px;
}
a.anchor {
	display: inline-block;
	position: relative;
	width: 125px;
	height: 35px;
	line-height: 35px;
	color: #221815;
	text-align: center;
	font-weight: bold;
	background-color: #dfecf5;
	border-radius: 17px;
	padding-right: 9px;
    box-sizing: border-box;
}
a.btn_detail {
	display: inline-block;
	position: relative;
	width: 125px;
	height: 35px;
	line-height: 35px;
	color: #221815;
	text-align: center;
	font-weight: bold;
	background-color: #dfecf5;
	border-radius: 17px;
	padding-right: 9px;
    box-sizing: border-box;
    margin-left: 30px;
}
a.anchor::after,
a.btn_detail::after{
	content: "";
	position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -5px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #221815;
	border-right: 2px solid #221815;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	a.anchor.size01 {
	width: 12em;
}
	a.anchor.size02 {
	width: 9em;
}

a.btn_detail:first-child {
	margin-left: 0;
}
a.btn_detail.half {
	width: 100%;
	max-width: 430px;
}
a.btn_detail.large {
	width: 100%;
}
a.btn_detail.one-third {
	width: 100%;
	max-width: 276px;
}
a.btn_detail.big {
	width: 100%;
	height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 25px;
    margin-left: 0;
}
a.btn_detail.btn-red {
    background-color: #ff473d;
    color: #FFF;
}
a.btn_detail.btn-pink {
    background-color: #fcd0cd;
}
a.btn-red::after {
    border-color: #FFF;
}
p.pnav {
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 11px;
	font-size: 1.1rem;
}


.flexbox {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

ul.two-column {
	overflow: hidden;
}
ul.two-column > li {
	float: left;
	width: 48.3%;
    max-width: 430px;
	margin-left: 3.3%;
	margin-top: 50px;
}
ul.two-column > li:nth-child(-n+2) {
	margin-top: 0;
}
ul.two-column > li:nth-child(odd) {
	margin-left: 0;
}
ul.three-column {
	overflow: hidden;
}
ul.three-column li {
	float: left;
	width: 31%;
	margin-left: 3.5%;
	margin-top: 50px;
}
ul.three-column li:nth-child(-n+3) {
	margin-top: 0;
}
ul.three-column li:nth-child(3n+1) {
	margin-left: 0;
}
ul.three-column li p {
	letter-spacing: -0.05rem;
}
ul.two-column a.btn_detail,
ul.three-column a.btn_detail {
	margin-left: 0;
}


.news-item h2.headline {
	font-size: 19px;
	font-size: 1.9rem;
	margin: 0;
}
.news-item div.img {
	width: 39.4%;
	max-width: 350px;
}
.news-item div.img img {
	width: 100%;
	height: auto;
}
.news-item div.src {
	position: relative;
	
	width: 57.4%;
	max-width: 510px;
    margin-left: 3.2%;
}
.news-item div.src p.date {
	color: #848484;
	display: inline-block;
}
.news-item div.src p.category {
	color: #848484;
	display: inline-block;
	border-radius: 10px;
	line-height: 1.7;
	padding: 0 1em;
}
.cat-info {
	background-color: #fff100;
}
.cat-event {
	background-color: #fcd0cd;
}
.cat-report {
	background-color: #c5f0f3;
}

.news-item div.src div.share-box {
	position: absolute;
	width: 100%;
    line-height: 23px;
	right: 0;
	bottom: 0;
	height: 39px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 6px 0;
	box-sizing: border-box;
}
.news-item div.src div.share-box a.btn_social {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url('/assets/images/common/news_social_btn.png') left top no-repeat;
	text-indent: -9999px;
}
.news-item div.src div.share-box a.btn_social.facebook {
	background-position: 0 0;
}
.news-item div.src div.share-box a.btn_social.twitter {
	background-position: -34px 0;
}
.news-item div.src div.share-box a.btn_social.email {
	background-position: -68px 0;
}

.news-pager {
	display: table;
	margin: 0 auto;
}
.news-pager .btn_prev,
.news-pager .btn_next {
	display: inline-block;
	width: 16px;
    height: 28px;
    text-indent: -9999px;
    background: url('/assets/images/common/pager_arw.png');
}
.news-pager .btn_prev {
	margin-right: 73px;
}
.news-pager .btn_next {
	margin-left: 73px;
	background-position: -16px 0;
}
.news-pager ul {
	overflow: hidden;
	display: inline-block;
	display: table-cell;
	vertical-align: middle;
}
.news-pager ul li {
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 17px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 24px;
	text-align: center;
}
.news-pager ul li:first-child {
	margin-left: 0;
}
.news-pager ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #363533;
}
.news-pager ul li a:hover {
	text-decoration: none !important;
	background-color: #363533;
	color: #fff;
}
.news-pager ul li span.current {
	background-color: #363533;
	color: #fff;
	display: block;
}
.news-next-prev {
	/*display: table;*/
	margin: 0;
	overflow: hidden;
}

.news-next-prev .btn_prev,
.news-next-prev .btn_next {
	display: inline-block;
	width: 16px;
    height: 28px;
    background: url('/assets/images/common/pager_arw.png');
	vertical-align: middle;
}
.news-next-prev .btn_next {
	background-position: -16px 0;
}
.news-next-prev .prev {
	float: left;
	vertical-align: middle;
}
.news-next-prev .next {
	float: right;
	vertical-align: middle;
}
.news-next-prev a {
	color: #262626;
}
.dropdown {
	position: relative;
	display: inline-block;
	width: 48.3%;
    max-width: 430px;
	height: 32px;
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
	cursor: pointer;
}
.dropdown p.label {
	margin-right: 30px;
	border-right: 1px solid #c7c7c7;
	text-align: center;
	line-height: 30px;
}
.dropdown::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #221815;
    border-right: 2px solid #221815;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.dropdown ul {
	display: none;
	overflow: hidden;
	position: absolute;
	left: -1px;
	top: 30px;
	width: 100%;
	color: #fff;
	background-color: #363533;
	padding: 20px 23px;
	box-sizing: border-box;
}

.dropdown ul li {
	float: left;
}
.dropdown ul li::before {
    content: "|";
    margin-left: 10px;
}
.dropdown ul li:first-child::before {
	content: "";
    margin-left: 0;
}
.dropdown ul li a {
	color: #fff;
	margin-left: 10px;
}
.dropdown+.dropdown {
	margin-left: 3.3%;
}

dl.def_list {
	overflow: hidden;
}
dl.def_list > dt {
	float: left;
	width: 22.5%;
	padding: 18px 0;
	border-bottom: 1px solid #363533;
	font-weight: bold;
}
dl.def_list > dd {
	float: left;
	width: 76.4%;
	margin-left: 1.1%;
	padding: 18px 0;
	border-bottom: 1px solid #d7d7d6;
}
dl.def_list > dt:first-child {
	border-top: 1px solid #363533;
}
dl.def_list > dt:first-child+dd {
	border-top: 1px solid #d7d7d6;
}



@media screen and (max-width: 830px) {
	body {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.detail p {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 20px;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.detail h1 {
	    font-size: 18px;
	    font-size: 1.8rem;
	}
	.detail h1+p {
	    font-size: 8px;
	    font-size: 0.8rem;
	    margin-top: 3px;
	}
	.detail h2 {
	    font-size: 15px;
	    font-size: 1.5rem;
	    margin-bottom: 11px;
	}
	.detail h2+hr {
	    width: 30px;
	    margin-bottom: 11px;
	}
	h3 {
	    font-size: 14px;
	    font-size: 1.4rem;
	    line-height: 26px;
	    font-weight: bold;
	    display: inline-block;
	}
	h3 span {
	    font-size: 8px;
	    font-size: 0.8rem;
	    line-height: 8px;
	    margin-top: 0;
	}
	.detail h3 {
	    font-size: 14px;
	    font-size: 1.4rem;
	}
	.detail h4 {
	    font-size: 12px;
	    font-size: 1.2rem;
	    padding: 3px 10px;
	    border-radius: 10px;
	}
	
	a.btn_detail {
	    font-size: 13px;
	    font-size: 1.3rem;
	    width: 72px;
	    height: 30px;
	    line-height: 30px;
	    border-radius: 15px;
	    padding-right: 2px;
	    margin-left: 0;
	}
	a.anchor::after {
	    right: 5px;
	    margin-top: -2px;
	    width: 3px;
	    height: 3px;
	    border-top: 1px solid #221815;
	    border-right: 1px solid #221815;
	}
	a.anchor {
	    font-size: 8px !important;
	    font-size: 0.8rem !important;
	    width: 72px !important;
	    height: 16px !important;
	    line-height: 16px !important;
	    border-radius: 17px !important;
	    padding-right: 2px !important;
	}
		a.anchor.size01 {
		width: 12em!important;
	}
		a.anchor.size02 {
		width: 8em!important;
	}
	
	header {
		position: absolute;
		left: 10px;
		top: 11px;
		width: 236px;
	}
	header img {
		width: 100%;
	}

	.left_column {
		width: 100%;
	    height: 51px;
	    background: url('/assets/images/common/left_column_bg-sp.jpg') left top no-repeat;
	    padding: 0;
	    border-bottom: 1px solid #e7e7e7;
	    background-size: 100%;
	}

	.left_column .btn_nav_toggle {
		position: absolute;
		right: 0;
		top: 0;
		width: 49px;
		height: 50px;
		border-left: 1px solid #e7e7e7;
		background: url('/assets/images/common/btn_nav_toggle.png') left top no-repeat;
		background-size: 100%;
		cursor: pointer;
	}
	.left_column .btn_nav_toggle.open {
		background-position: 0 100%;
	}

	.left_column nav {
	    display: none;
	    position: absolute;
	    width: 100%;
	    z-index: 999;
		margin-top: 0;
		top: 51px;
	    background-color: rgba(255,255,255,0.9);
	    overflow: auto;
	}
	.left_column nav > ul {
		padding: 10px 6.25% 0 6.25%;
	}
	.left_column nav ul li.parent:hover {
	    background-color: transparent;
	}
	.left_column nav ul li.parent > a {
	    font-size: 15px;
	    font-size: 1.5rem;
	    line-height: 15px;
	    border-color: #30363b;
	}
	.left_column nav ul.sub {
	    position: relative;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: auto;
	    color: #363533;
	    background-color: transparent;
		padding: 0 5px !important;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.left_column nav ul.sub li a {
	    font-size: 12px;
	    font-size: 1.2rem;
	    line-height: 12px;
	    padding: 9px 0 9px 0;
	}

	div.container {
	    padding-left: 0;
    	padding-top: 51px;
	}
	div.container .inner {
	    padding: 0 3.125%;
	}
	#news {
		display: none;
	}
	p.pnav {
		font-size: 8px;
	    font-size: 0.8rem;
	    height: 27px;
	    line-height: 27px;
	}
	footer {
	    padding-top: 70px;
	}
	footer #recommend {
	    margin-bottom: 63px;
	}
	footer #recommend p.reco_title {
	    font-size: 14px;
	    font-size: 1.4rem;
	    display: block;
	    text-align: center;
	    margin-bottom: 5px;
	}
	footer #recommend p.txt {
	    text-align: center;
	}
	footer #recommend a.btn_detail {
	    position: relative;
	    width: 100%;
	    right: auto;
	    top: auto;
	    margin-top: 20px;
	}
	footer #recommend ul#donation_method {
	    margin-top: 25px;
	}
	footer #recommend ul#donation_method li {
	    float: none;
	    width: 100%;
	    max-width: 100%;
	    margin-top: 17px;
	    margin-left: 0;
	}
	footer #recommend ul#donation_method li:first-child {
	    margin-top: 0;
	}
	footer #recommend ul#donation_method li .label {
	    font-size: 12px !important;
	    font-size: 1.2rem !important;
	    line-height: 25px !important;
		background-position: 10px 50% !important;
	    background-size: 15px auto !important;
	}

	footer #recommend ul#donation_method li p.dd {
	    padding: 10px;
	}
	
	footer #sponsor .frame {
		overflow: auto;
	}
	footer #sponsor h4 {
	    font-size: 12px;
	    font-size: 1.2rem;
	    line-height: 30px;
	    margin-bottom: 26px;
	}
	footer #sponsor ul {
		/*width: 580px;*/
	    margin-bottom: 28px;
	}

	footer nav {
	    padding: 20px 3.125%;
	}
	footer nav ul.sub {
	    display: none;
	}
	footer nav ul li.parent {
	    float: none;
	    width: 100%;
	    padding-right: 0;
	}
	footer nav ul li.parent > a {
		display: block;
		font-size: 12px;
	    font-size: 1.2rem;
	    margin-bottom: 12px;
	    text-align: center;
	}
	footer .ft_prof {
	    padding: 0;
		border-top: 0;
	}
	footer .ft_prof .btn_right {
	    float: none;
	    margin-top: 0;
	}
	footer .ft_prof a.btn_detail_f {
	    width: 48.3%;
	    height: 30px;
	    line-height: 35px;
	    border-radius: 0;
	}
	footer .ft_prof a.btn_detail_f.lm10 {
		margin-left: 3.4% !important;
	}
	footer .ft_prof a.btn_detail_f.large {
	    width: 100%;
		margin-top: 10px;
	}
	footer .ft_prof .txt_left {
	    float: none;
	    text-align: center;
	    padding: 25px 0 20px 0;
	}
	footer .ft_prof ul li {
	    float: none;
	    width: 100%;
	    margin-right: 0;
	    margin-top: 10px;
	}
	footer .ft_prof ul li:first-child {
		margin-top: 0;
	}
	footer .ft_prof p.c_name {
	    font-size: 12px;
	    font-size: 1.2rem;
	    margin-bottom: 10px;
	}
	
	footer #txt_social {
	    display: none;
	}
	footer a#ft_btn_facebook {
	    margin-left: 0;
	}
	footer .ft02 {
	    width: 100%;
		height: auto;
	    padding: 29px 0 16px 0;
	}
	footer .ft02 p.footer_logo {
	    width: 175px;
	    float: none;
		margin: 0 auto;
		margin-top: 21px;
	}
	footer .ft02 .f_right {
		float: none;
		display: table;
		margin: 0 auto !important;
	}
	footer .ft03 {
	    padding: 0;
	    height: 25px;
	}
	footer .ft03 p.copyright {
	    font-size: 10px;
	    font-size: 1.0rem;
	    letter-spacing: -0.5px;
	    text-align: center;
	    line-height: 25px;
	}
	footer #btn_backtop {
	    width: 45px;
	}
	footer #btn_backtop img {
		width: 100%;
	}


	ul.two-column > li {
	    float: none;
	    width: 100%;
	    max-width: 100%;
	    margin-left: 0;
	    margin-top: 45px;
	}
	ul.two-column > li:nth-child(2) {
	    margin-top: 45px;
	}

	ul.three-column li {
	    float: none;
	    width: 100%;
	    margin-left: 0;
	    margin-top: 45px;
	}
	ul.three-column li:nth-child(2) {
	    margin-top: 45px;
	}
	ul.three-column li:nth-child(3) {
	    margin-top: 45px;
	}
	
	a.btn_detail.half {
	    width: 48.3%;
	    max-width: 48.3%;
	}
	a.btn_detail.big {
	    width: 100%;
	    height: 30px;
	    line-height: 30px;
	    border-radius: 15px;
	    font-size: 13px;
    	font-size: 1.3rem;
	}
	
	dl.def_list > dt {
	    padding: 6px 0;
	}
	dl.def_list > dd {
	    padding: 6px 0;
	}
	a.btn_detail.one-third {
	    width: 100%;
	    max-width: 100%;
	}

	.news-item div.img {
	    width: 100%;
	    max-width: 100%;
	}
	.news-item div.src {
	    width: 100%;
	    max-width: 100%;
	    margin-left: 0;
	    margin-top: 15px;
	}
	.news-item div.src div.share-box {
    	position: relative;
    }
    .dropdown {
	    width: 100%;
	    max-width: 100%;
	}
	.dropdown+.dropdown {
	    margin-left: 0;
	    margin-top: 62px;
	}
	.dropdown ul {
	    padding: 10px 11px;
	}
	.dropdown ul li::before {
	    margin-left: 5px;
	}
	.dropdown ul li a {
	    margin-left: 5px;
	}
	.news-item h2.headline {
	    font-size: 15px;
	    font-size: 1.5rem;
	}
}