@charset "utf-8";
@media screen and (max-width: 767px) {

/*================================================
　　　　* リセット
================================================*/

body {
	font-size: 0.75em;
}


/*================================================
　　　　*  共通レイアウト
================================================*/

/* コンテンツ左右余白 */
section,
.section {
	padding: 0 2%;
}

#page{
	margin-top:45px;
}

ol.displayListmark{
	margin-left:40px;
}
ol.displayListmark li{
	list-style-type:decimal;
	padding-left:10px;
	margin-top:15px;
}

/* リストスタイル復帰 */
#details section ul ,
#details section ul li ,
#details .section ul ,
#details .section ul li {
	margin: 0.5em;
	padding-left: 0.5em;
	list-style-type: disc;
}
#details section ol ,
#details section ol li ,
#details .section ol ,
#details .section ol li {
	margin: 0.5em;
	padding-left: 0.5em;
	list-style-type: decimal;
}

/* ---------------------------------------------------  コンテンツ */
#contents { margin-bottom:50px;}
.second {margin: 0 10px;}
.second img{
	max-width: 100% !important;
	height: auto;
}

/* ---------------------------------------------------  ページタイトル */
#pageTitle {
	height: 120px;
	width: 100%;
	position: relative;;
}

#pageTitle #bgnet{
	width: 100%;
	height: 100%;
	background: url(../image/common/black_net.png);
}
#pageTitle .title {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	color: #fff;
	line-height: 1.1em;
	padding: 5px 30px;
	padding-top: 40px;
	font-size: 1.4em;
	box-sizing: border-box;
	text-shadow: 1px 1px 3px #000;
	font-weight: normal;
	letter-spacing: 4px;
	text-align: center;
}

/*------ページの先頭へ-----*/
#pt {
	position: fixed;
	bottom: 20px;
	right: 0px;
	z-index: 1;
}
#pt a{
	display:block;
	width:40px;
	height: 40px;
	box-sizing:border-box;
	padding-top: 11px;
	line-height: 1em;
	background: rgba(0,0,0,0.6);
	text-align: center;
	text-decoration: none;
	font-size: 1.6em;
	color: #fff;
}
#pt a:hover {background: rgba(0,0,0,0.1);color: #333;}

#details{
	background:#fff;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	font-size:1.3em;
}

#details a{
	text-decoration:none;
	color:#31b1ec;
}

#details a:hover{
	color:#ff4081;
}
/*section*/
#details > section {
	margin-left:5px;
	margin-right:5px;
}
.section_inner{
	margin-left:5px;
	margin-right:5px;
}

/*------見出し-----*/
#details h2 ,#details h3 ,#details h4 ,#details h5 ,#details h6{
	line-height:1.2;
}

#details h2{
	display: inline-block;
	font-size: 1.6em;
	margin-top: 8%;
	margin-bottom: 4%;
	font-family: 'mplus-1p-bold' , sans-serif;
	padding: 0 0 20px 0;
	border-bottom: solid 3px;
	border-bottom-color:#124b9f;
	width:100%;
	text-align:center;
}

#details h3{
	text-align: left;
	margin: 8% 0 4%;
	font-size:1.4em;
	letter-spacing: 1px;
	font-weight: bold;
	background-color:#8ac3f9;
	padding:18px 10px 17px;
	line-height: 1.2;
}

#details h4{
	text-align: left;
	margin: 8% 0;
	font-size:1.3em;
	letter-spacing: 1px;
	font-weight: bold;
	background-color:#f3f3f3;
	padding:12px 10px;
	position: relative;
}

#details h4::before,
#details h4::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 6px;
}

#details h4::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff 25%, #124b9f 25%, #124b9f 50%, #fff 50%, #fff 75%, #124b9f 75%, #124b9f);
	background: repeating-linear-gradient(45deg, #fff 25%, #124b9f 25%, #124b9f 50%, #fff 50%, #fff 75%, #124b9f 75%, #124b9f);
	background-size: 3px 3px;
}

#details h5 {
	text-align: left;
	margin: 8% 0;
	font-size:1.25em;
	letter-spacing: 1px;
	font-weight: bold;
	padding:10px;
	position: relative;
	border-left: 10px solid #124b9f;
}

#details h6{
	font-size: 1.2em;
	margin: 8% 0;
	padding: 10px;
	border-bottom: solid 1px;
	border-bottom-color:#124b9f;
	font-weight:bold;
}

#details p {
/*	line-height:200%;	*/
	line-height:1.7;
}

/* コンテンツ内画像 */
div#details img {
	max-width: 98%;				/* 巨大画像はみ出し防止 */
	height: auto !important;	/* 縦横比強制固定 */
	margin: 0;					/* ▼for 回り込み */
	padding: 1em 1%;
	box-sizing: border-box;
}

/* コンテンツ内テーブル */
#details .section>table ,
#details  section div>table {
	margin-left: 2%;
	margin-right:2%;
	width: auto !important;
    max-width: 96% !important;
}

/* リストスタイル */
#details  ul,
#contents ul,
#details  ol,
#contents ol{
	margin-left:1em;
}
#details  ul li,
#contents ul li{
	margin-left:0.5em;
	margin-top:0.7em;
}
#details  ol li,
#contents ol li{
	margin-left:0.8em;
	margin-top:0.7em;
}
#details  ol li,
#contents ol li{
	list-style-type:decimal;
}
#details  ul li,
#contents ul li{
	list-style-type:initial;
}


/*================================================
　　　　*  汎用スタイル
================================================*/

/* スマホのみ非表示 */
.sp-none {
	display: none;
}


/*================================================
　　　　*  ページ別
================================================*/

/* ---------------------------------------------------  寄付者入力(.entry) */
/* ブロック見出し */
.entry #details .panel>p {
	background-color: #114b9f;
	color: #FFF;
/*	text-shadow: 1px 1px 0 rgba(255,255,255,1);	*/
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

/* ---------------------------------------------------  寄付情報入力(.mousi) */
/* ブロック見出し */
.mousi #details .panel>p {
	background-color: #114b9f;
	color: #FFF;
/*	text-shadow: 1px 1px 0 rgba(255,255,255,1);	*/
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

/* ---------------------------------------------------  申込確認(.mousi_kakunin) */
/* ブロック見出し */
.mousi_kakunin #details .panel>p {
	background-color: #114b9f;
	color: #FFF;
/*	text-shadow: 1px 1px 0 rgba(255,255,255,1);	*/
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
}

/* ---------------------------------------------------  申込完了(.mousi_finish) */
/* 申込番号 */
.mousi_finish table.tbl-mcd {
	font-size: 1.1em;
}
.mousi_finish table.tbl-mcd tr th,
.mousi_finish table.tbl-mcd tr td {
	padding-left: 1.5em;
}
.mousi_finish table.tbl-mcd tr th {
	font-weight: bold;
}

/* 補足 */
.mousi_finish .note span {
	color: #666;
	font-size: 0.9em;
}

/* コンビニ店頭端末 */
.mousi_finish #details p.cvs-lead-msg {
	font-weight: bold;
}
.mousi_finish .kessai-table {
	margin-top: 1em;
	margin-bottom: 1em;
}
.mousi_finish .kessai-table tr th {
	font-weight: bold;
}
.mousi_finish #datails .kessai-table td p {
	font-size: 0.9em;
	line-height: 1.5;
}

.mousi_finish tr.kessai-no strong {
	font-size: 1.3em;
}
.mousi_finish tr.kessai-no p {
	font-size: 0.9em;
}
.mousi_finish #details .kessai-url #agreeButton a ,
.mousi_finish #details .kessai-url #agreeButton a:hover {
	color: #FFF !important;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}
.mousi_finish #details .kessai-url #agreeButton p {
	font-size: 0.9em;
}
.mousi_finish tr.kessai-note strong {
	font-size: 1.1em;
	font-weight: bold;
}

/* 銀行振込み */
.mousi_finish table.form-table tr td table.furikomi_saki {
	border: 1px solid #CCC;
	margin: 1em auto;
	min-width: 90%;
}
.mousi_finish table.furikomi_saki thead th {
	display: none;
}
.mousi_finish table.furikomi_saki tbody th {
	background-color: #E2EFFF;
}
.mousi_finish #details .kessai-table tr.kessai-bank .bank-note {
	color: #F00;
	margin: 1em 0;
}
.mousi_finish .bank-note .strong {
	font-size: 1.1em;
}
.mousi_finish #details .kessai-table tr.kessai-note .red-note {
	color: #F00;
	font-weight: bold;
	margin: 0.5em 0;
	font-size: 1.2em;
}

/* 払込票送付メッセージ */
.mousi_finish #details .kessai-msg-paper {
	color: #0084d2;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4;
}

/* サイトの利用法(処理2分岐) */
div.tejun_syori,div.tejun_syori_2  {
	font-size: 1em;
}
div.tejun_syori_2  {
	width: 45%;
	max-width: 45%;
	margin: 30px 2%;
}
}