@charset "UTF-8";

/*
	基本的なid/class名は通常camelcaseだが、

	大きな括りのパーツ的な要素は project_〜 というふうに、

	また使用頻度の高いパーツ的な要素は　〜_menu, 〜_list, 〜_img など、

	アンダースコアでつなぐ
*/



/*
 * 01 header
 * 02 side
 * 03 main
 * 04 footer
 * 05 common
 * 06 feature
 * 07 特集ページ
 */

/*
=====================================================================
*
*    01 header
*
* ===================================================================
*/

#header{
	background-color:#333;
	width:100%;
	border-top:5px solid #d45700;
	font-size:12px;
	color:#fff;
}

#header #headerTop{
	width:100%;
	background:#000;
	z-index: 1;
}

#header a{
	color:#fff;
}

#header a:hover{
	text-decoration:underline;
}

#header #headerMain{
	background-color:#1d1d1d;
	height:65px;
	padding:5px 0 5px 180px;
	width:1220px;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
	top:0;
	left:0;
	z-index:1;
}

#header #headerMain h1{
	position:absolute;
	top:-5px;
	left:0;
	z-index:1;
}

#header #headerMain h1 a:hover img{
	opacity:1;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8   */
	zoom:1;
}


/*--  サイトメニュー .site_menu --*/

#header #headerMain ul.site_menu{
	margin:0 0 5px 8px;
	overflow:hidden;
}
#header #headerMain ul.site_menu li{
	float:left;
	margin-right:8px;
	padding-right:8px;
	border-right:1px solid #fff;
}
#header #headerMain ul.site_menu li.last{
	border-right:none;
}
#header #headerMain ul.site_menu li a:hover{
	text-decoration:underline;
}
#header #headerMain #google_translate_element {
	margin-top: -2px;
}
#header #headerMain #google_translate_element a {
	color: #000;
	font-size: 12px;
}
#header #headerMain #google_translate_element .goog-te-gadget-simple {
	padding-bottom: 0 !important;
}

/*--  ユーザー名 #userName --*/

#header #headerMain #userName{
	background:url(../images/header_opacity.png) repeat left top;
	padding:6px 20px 2px;
	border-radius:0 0 5px 5px;
	position:absolute;
	top:-5px;
	right:29px;
}

/*--  支援総額 --*/

#header #headerMain dl,
#header #headerMain dl dt,
#header #headerMain dl dd{
	float:left;
}
#header #headerMain dl{
	margin:0 10px 0 5px;
	padding:3px 8px;
	border:1px solid #fff;
	border-radius:5px;
	font-size:12px;
}
#header #headerMain dl dt{
	margin-right:8px;
}
#header #headerMain dl dd strong{
	font-size:14px;
}

/*--  グループリンク --*/
#header ul.header-group-menu{
	overflow:hidden;
	margin-top:2px;
	padding:0 5px 0 10px;
	background:#fff;
	float:left;
	border-radius:5px;
}

#header ul.header-group-menu li{
	display:inline-block;
	margin:4px 4px 4px 0;
	padding:0 10px 0 0;
	border-right:solid 1px #000;
	font-size:9pt;
}

#header ul.header-group-menu li.last{
	border:none;
	padding:0;
}

#header ul.header-group-menu li a{
	display:block;
	color:#000;
	padding-left:18px;
}

#header ul.header-group-menu li.choice a{color:#a31919; background:url(/gcf/images/icon_choice.png) 0 45% no-repeat;}
#header ul.header-group-menu li.gcf a{color:#145c3e; background:url(/saigai/images/groupicon_gcf.png) 0 45% no-repeat;}

/*--  検索フォーム --*/

#header #headerMain form{
	float:left;
	margin:5px 10px 0 0;
}
#header #headerMain form input[type="button"]{
	background: url(../images/btn_search.png);
	color:#FFF;
	width: 41px;
	height: 22px;
	padding: 0;
	border: 0;
}
#header #headerMain form input[type="text"]{
	vertical-align: top;
}

/*--  ユーザーメニュー #user_menu --*/

#header #headerMain #user_menu{
	float:right;
	overflow:hidden;
}
#header #headerMain #user_menu li{
	float:left;
	border-left:1px solid #fff;
}
#header #headerMain #user_menu li:last-child{
	border-right:1px solid #fff;
}
#header #headerMain #user_menu li a{
	display:block;
}
#header #headerMain #user_menu li a:hover img{
	opacity:0.6;
}


/* グループサイトメニュー　*/

.groupSite_menu li a{
	padding:8px 0 8px 8px;
	font-size: 14px;
}
.groupSite_menu li a .bg{
	background-repeat: no-repeat;
	padding-left: 12px;
	line-height: 16px;
}
li.choice a    { color:#a31919 !important; }
li.choice a .bg{
	background-image:url(../images/groupicon_choice.png);
}
li.gcf a    { color:#145c3e !important; }
li.gcf a .bg{
	background-image:url(../images/groupicon_gcf.png);
}
li.premium a    { color:#a31919 !important; }
li.premium a .bg{
	background-image:url(../images/groupicon_premium.png);
}
li.kifutabi a    { color:#4e264c !important; }
li.kifutabi a .bg{
	background-image:url(../images/groupicon_kifutabi.png);
}
li.wazamori a{ color:#5c2f13 !important; }
li.wazamori a .bg{
	background-image:url(../images/groupicon_wazamori.png);
}

#header nav.groupSite_menu{
	display: none;
	position: absolute;
	right: 48px;
	bottom: -218px;
	width: 180px;
	background-color: #FFF;
	color:#000;
	z-index: 2;
	border: solid 1px #ccc;
}
#header nav.groupSite_menu > ul > li > a{
	color:#000;
}
#header nav.groupSite_menu > ul > li > a > .bg{
	padding-left: 24px;
}
#header nav.groupSite_menu.PC > ul > li > a{
	display: block;
	padding:9px 0 9px 8px;
}
#header nav.groupSite_menu.PC > .close-nav{
	background-color: #FFF;
	padding: 9px 0;
	text-align: center;
	transition-duration: 1s;
}
#header nav.groupSite_menu.PC > .close-nav:hover{
	background-color: #F3F3F3;
}

/*
=====================================================================
*
*    02 side
*
* ===================================================================
*/

/*  #sideL
==============================================================
*/

#sideL .relative .absolute{
	top:0;
	left:0;
}
#sideL{
	width:200px;
	min-height: 20px;
	margin-right:20px;
	float:left
}

#sideL .bnr{
	margin-bottom:16px;
}

#sideL #selectLocal{
	background-color:#fff;
	width:200px;
	margin-bottom: 16px;
	padding:18px;
	border:1px solid #ddd;
	border-radius:5px;
	box-sizing:border-box;
}

#sideL #selectLocal form dt{
	margin-bottom: 4px;
	color:#d45700;
	font-weight:bold;
}
#leftSearchForm > li + li {
	border-top: 1px solid #ddd;
	margin-top: 12px;
}
#sideL #selectLocal form dd{
	font-size:14px;
}
#sideL #selectLocal li.area dl dd ul li select{
	width:100%;
}

#sideL #selectLocal ul.selector_list li{
	margin-bottom: 4px;
	padding-left: 18px;
	text-indent: -18px;
}
#sideL #selectLocal li.area ul.selector_list li:last-child {
	margin-bottom: 0;
}

/*  #sideR
==============================================================
*/

#sideR{
	width:300px;
	margin-left:20px;
	float:right;
}
#sideR .relative .absolute{
	top:0;
	left:0;
}

.sideR-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.sideR-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*
sideで使用する白い角丸ボックス .box_01
================================
最新情報 #newinfo
応援メッセージ #message
過去の寄付 #history
================================
*/
.box_01{
	background-color:#fff;
	width:100%;
	border:1px solid #ddd;
	border-radius:10px;
	box-sizing:border-box;
	overflow:hidden;
}
.box_01 ul li .relative{
	width:110px;
	padding-right: 6px;
	float:left;
}
.box_01 ul li a{
	overflow:hidden;
}
.box_01 .box_02{
	width:149px;
	float:right;
}
.box_01 h2{
	background-color:#d45700;
	color:#fff;
	padding:10px 12px 8px;
	border-radius:10px 10px 0 0;
	font-size:18px;
	text-align:left;
}
.box_01 h2 .bg{
	display: block;
	padding-left: 24px;
}
.box_01 ul{
	margin:15px 15px 0;
}
.box_01 ul li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}
.box_01 ul li h3{
	font-size:16px;
	line-height:1.20;
}
.box_01 ul li p{
	font-size:12px;
}
.box_01 ul li p.ruby {
	font-size:10px;
	margin-bottom: 4px;
}


/*-- 最新情報 #newinfo --*/

#newinfo{
	margin-bottom:24px;
}
#newinfo h2 .bg{
	background-image:url(../images/icon_side01.png);
	background-repeat:no-repeat;
	background-size:20px;
}
#newinfo .newinfo_list ul li a{
	display:block;
	color:#333;
}
#newinfo .newinfo_list ul li a:hover p{
	color:#d45700;
}
#newinfo .newinfo_list ul li a:hover img{
	opacity:0.6;
}
#newinfo .newinfo_list .box_02 h3{
	margin-bottom:4px;
	color:#d45700;
}
#newinfo .newinfo_list .box_02 p{
	margin-bottom:4px;
}
#newinfo .newinfo_list .box_02 p.date{
	font-size:10px;
}


/*-- 応援メッセージ #message --*/

#message{
	margin-bottom:24px;
	overflow:hidden;
}

/* sideRのとき */
#sideR #message h2{
	color: #000;
	border: none;
	font-size:18px;
	text-align:center;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
#sideR #message h2 .bg{
	background-image: none;
	line-height: inherit;
	padding-left: 0;
}

#sideR #message h2:before,
#sideR #message h2:after{
	border-top:2px solid #ccc;
	content:"";
	-webkit-flex-grow:1;
	flex-grow:1;
}

#sideR #message h2:before{
	margin-right:5px;
}
#sideR #message h2:after{
	margin-left:5px;
}
#sideR #message ul#message_list li{
	width: 288px;
	margin: 0 0 8px 12px;
}

/* mainまたはsideL のとき */

#message h2{
	color: #D45700;
	margin-bottom:12px;
	border-bottom: #D45700 6px solid;
	font-size:24px;
}
#message h2 .bg{
	background-image:url(../images/icon_messageAll.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 64px;
	padding-left: 64px;
}

#message ul#message_list li{
	background-color:#fdf9d0;
	width:auto;
	margin:0 0 24px 12px;
	padding:12px;
	box-sizing:border-box;
	border:1px solid #c9c59b;
	border-radius:8px;
	font-size:16px;
	position:relative;
}
#message ul#message_list li:after,
#message ul#message_list li:before {
    content: ' ';
    position:absolute;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
    border-right: solid 12px #fdf9d0;
    top:45%;
    left: -11px;
}
#message ul#message_list li:before {
    border-right-color: #c9c59b;
    left: -12px;
}
#message ul#message_list li h3{
	margin-bottom:7px;
	color:#da6611;
	font-size:16px;
	font-weight:normal;
}
#message ul#message_list li h3{
	font-size:14px;
}
#message ul#message_list li h3 a{
	display: inline-block;
}
#message ul#message_list li h3 a:hover{
	text-decoration: underline;
}
#message ul#message_list li p{
	margin-bottom: 0.5em;
	line-height:1.3;
	font-size:14px;
}
#message ul#message_list li p.date{
	margin:0;
	font-size:12px;
	text-align:right;
}
#message p.more_list{
	margin-bottom:0;
}


/*--　過去に行った緊急寄付 #history --*/

#history{
	margin-bottom: 24px;
}

#history h2 .bg{
	background-image:url(../images/icon_side02.png);
	background-repeat:no-repeat;
	background-size: 20px;
}

#history #history_list ul li a{
	color:#333;
}
#history #history_list ul li a:hover img{
	opacity:0.6;
}
#history #history_list ul li a:hover h3{
	color:#da6611;
}

#history #history_list .box_02 h3{
	margin-bottom:4px;
}

#history #history_list .box_02 dl{
	float:left;
	overflow:hidden;
	margin-bottom: 2px;
}
#history #history_list .box_02 dl dt{
	height:22px;
	margin-right:10px;
	padding:0 4px;
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height: 22px;
	float:left;
	margin-bottom: 4px;
}
dt.red{
	background-color:#c00;
	color: #FFF;
}
dt.black{
	background-color:black;
	color: #FFF;
}

dt.tag-volunteer{
	background-color: #82AE46;
	display: block;
}

#history #history_list .box_02 dl dd{
	height:22px;
	font-size:14px;
	line-height:22px;
	margin-bottom: 4px;
}
#history #history_list .box_02 p.projectName{
	clear: both;
	background-color:#ffca8c;
	margin:0 0 6px;
	padding:2px;
	text-align:center;
}


/*-- 特集バナー #feature --*/

#feature{
	margin-bottom:24px;
	overflow:hidden;
}

/* sideRのとき */
#sideR #feature h2{
	margin-bottom: 12px;
	color: #000;
	border: none;
	font-size:18px;
	text-align:center;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}
#sideR #feature h2 .bg{
	background-image: none;
	line-height: inherit;
	padding-left: 0;
}

#sideR #feature h2:before,
#sideR #feature h2:after{
	border-top:2px solid #ccc;
	content:"";
	-webkit-flex-grow:1;
	flex-grow:1;
}

#sideR #feature h2:before{
	margin-right:5px;
}
#sideR #feature h2:after{
	margin-left:5px;
}
#sideR #feature ul#feature_list li{
	margin: 0 0 12px;
}

#sideR #feature ul#feature_list li img{
	width: 100%;
	height: auto;
}

@media (max-width: 680px){
	#sideR #feature ul#feature_list li{
		text-align:center;
	}
	#sideR #feature ul#feature_list li img{
		max-width: 100%;
		height: auto;
	}
}


/*
=====================================================================
*
*    03 main
*
* ===================================================================
*/

#container{
	background-color:#fbfaf0;
	padding:20px 0px;
}

#content{
	width:1220px;
	margin:0 auto;
	overflow:hidden;
}
#content #main{
	width:680px;
	margin-bottom: 36px;
	float:left;
}

#content #main .box_03 h2{
	margin-bottom:12px;
}



/*  災害支援とは #aboutOursite
==============================================================
*/

#aboutOursite{
	margin-bottom:20px;
}

#aboutOursite h2{
	color:#d45700;
	font-size:28px;
}
#aboutOursite h2 .bg{
	display: block;
	background-image:url(../images/icon_top01.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px;
	padding-left:48px;
}


/*  TOPバナー #topBanner
==============================================================
*/
#topBanner a {
	max-width: 100%;
}


/*  緊急寄付受付内容 #emergencyNews
==============================================================
*/

#emergencyNews{
	background-color:#fff;
	width:100%;
	margin-bottom:40px;
	box-sizing:border-box;
	overflow: hidden;
}
#emergencyNews h2{
	background-color:#fdd35c;
	padding:7px 7px 7px 126px;
	border:#d45700 3px solid;
	border-radius: 10px 10px 0 0 ;
	line-height:41px;
	font-size:37px;
	position: relative;
}
#emergencyNews h2 .situation{
	background-color:#c00;
	width:108px;
	height:41px;
	padding: 7px 0 7px 6px;
	box-sizing: border-box;
	color:#fff;
	font-size:26px;
	position: absolute;
	top: 7px;
	left: 7px;
}
#emergencyNews h2 .situation .bg{
	display:block;
	background-image:url(../images/icon_top04.png);
	background-size:contain;
	background-repeat:no-repeat;
	padding-left:40px;
	height: 26px;
	line-height: 1.2;
}

#emergencyNews h2 a:hover {
	text-decoration: underline;
	text-decoration-color: #ad0003;
}

#emergencyNews .brdBottom{
	border:#d45700 3px solid;
	border-width: 0 3px 3px;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

#emergencyNews .brdBottom.top{
	overflow: visible;
}

#emergencyNews .brdBottom dl{
	padding:20px 20px 0;
	font-size:18px;
	font-weight:bold;
	overflow: hidden;
}

#emergencyNews .brdBottom.top dl{
	overflow: visible;
}

#emergencyNews dl dt,
#emergencyNews dl dd{
	width:50%;
	margin-bottom:16px;
	padding:0 0 4px ;
	border-bottom:1px solid #000;
	box-sizing: border-box;
	font-size:16px;
	font-weight:bold;
	float:left;
}

#emergencyNews .brdBottom dl dd{
	color:#c00;
	text-align:right;
}

#emergencyNews .brdBottom dl .small{
	font-size:0.8em;
}

#emergencyNews dl dt.total_donation{
	width:40%;
	font-size:26px;
}
#emergencyNews dl dd.total_donation{
	width:60%;
	font-size:26px;
}
/* 日付 */
#emergencyNews .brdBottom p.date{
	margin:0 0 8px 20px;
	font-size:12px;
	float:left;
}

.bx-tooltip {
  display: inline-block;
  position: relative;
}

.bx-tooltip__link {
  color: #6b6b6b;
  display: inline-block;
  position: relative;
}

.bx-tooltip__wrap {
  color: #fff;
  width: calc(100vw - 40px);
  max-width: 370px;
  background-color: #6b6b6b;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 30px 16px 20px;
  position: absolute;
  left: 0;
  bottom: 38px;
  z-index: 10;
  box-sizing: border-box;
  display: none;
}

@media only screen and (min-width: 835px), (min-device-width: 835px) {
  .bx-tooltip__wrap {
    padding: 37px 23px;
  }
}

.bx-tooltip__wrap.is-active {
  display: block;
}

.bx-tooltip__arrow {
  position: absolute;
  top: 100%;
  left: 50%;
	width: 20px;
  height: 20px;
}

.bx-tooltip__arrow:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  background-color: #6b6b6b;
}

.bx-tooltip__arrow:after {
  content: "";
  position: absolute;
  top: -16px;
  left: -20px;
  display: block;
  width: 40px;
  height: 16px;
  background-color: #6b6b6b;
}

.bx-tooltip__text {
  font-size: 12px;
  line-height: 1.7;
  white-space: normal;
  font-weight: normal;
}

.bx-tooltip__text:not(:first-child) {
  margin-top: 10px;
}

.bx-tooltip__text a {
  text-decoration: underline;
}

.bx-tooltip__text a:hover {
  text-decoration: none;
}

.bx-tooltip__close {
  font-size: 16px;
  position: absolute;
  top: 11px;
  right: 11px;
  color: #c8c8c8;
}

@media only screen and (min-width: 835px), (min-device-width: 835px) {
  .bx-tooltip__text {
    font-size: 14px;
  }
}

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.eot?20190111152645");
  src: url("../fonts/iconfont.eot?#iefix?20190111152645") format("eot"), url("../fonts/iconfont.woff?20190111152645") format("woff"), url("../fonts/iconfont.ttf?20190111152645") format("truetype"), url("../fonts/iconfont.svg#iconfont?20190111152645") format("svg");
}

.icn-about:before, .icn-add:before, .icn-area:before, .icn-arrow:before, .txt-link > a:before, .lst-link5 > li > a:before, .txt-link--right > a:before, .icn-arrow2:before, .icn-arrow3:before, .bx-tooltip__arrow:before, .icn-blank:before, .txt-link > a[target="_blank"]:before, .lst-link5 > li > a[target="_blank"]:before, .txt-link--right > a[target="_blank"]:before, .icn-calc:before, .icn-cat1:before, .icn-cat10:before, .icn-cat11:before, .icn-cat12:before, .icn-cat13:before, .icn-cat14:before, .icn-cat15:before, .icn-cat16:before, .icn-cat17:before, .icn-cat18:before, .icn-cat19:before, .icn-cat2:before, .icn-cat20:before, .icn-cat21:before, .icn-cat22:before, .icn-cat3:before, .icn-cat4:before, .icn-cat5:before, .icn-cat6:before, .icn-cat7:before, .icn-cat8:before, .icn-cat9:before, .icn-change:before, .icn-check:before, .icn-check2:before, .icn-choice:before, .icn-choice2:before, .icn-city:before, .icn-close:before, .bx-tooltip__close:before, .lst-tag__link:before, .icn-data:before, .icn-data2:before, .icn-detail:before, .icn-donation:before, .icn-edit:before, .icn-exlink:before, .icn-feature:before, .icn-file:before, .icn-guide:before, .icn-heart:before, .icn-heart2:before, .icn-heart3:before, .icn-help:before, .icn-home:before, .icn-info:before, .icn-mail:before, .icn-menu:before, .icn-message:before, .img-item__comment:before, .icn-mypage:before, .icn-new:before, .icn-news:before, .icn-overview:before, .icn-pagetop:before, .btn-pagetop__link:before, .icn-pen:before, .icn-pickup:before, .icn-play:before, .icn-point:before, .icn-present:before, .icn-print:before, .icn-rank1:before, .icn-rank2:before, .icn-rank3:before, .icn-rank4:before, .icn-ranking:before, .icn-recommend:before, .icn-search:before, .icn-search2:before, .icn-star:before, .icn-support:before, .icn-switch-item:before, .icn-switch-item2:before, .icn-tag:before, .icn-use:before {
  font-family: "iconfont";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icn-about:before {
  content: "";
}

.icn-add:before {
  content: "";
}

.icn-area:before {
  content: "";
}

.icn-arrow:before, .txt-link > a:before, .lst-link5 > li > a:before, .txt-link--right > a:before {
  content: "";
}

.icn-arrow2:before {
  content: "";
}

.icn-arrow3:before, .bx-tooltip__arrow:before {
  content: "";
}

.icn-blank:before, .txt-link > a[target="_blank"]:before, .lst-link5 > li > a[target="_blank"]:before, .txt-link--right > a[target="_blank"]:before {
  content: "";
}

.icn-calc:before {
  content: "";
}

.icn-cat1:before {
  content: "";
}

.icn-cat10:before {
  content: "";
}

.icn-cat11:before {
  content: "";
}

.icn-cat12:before {
  content: "";
}

.icn-cat13:before {
  content: "";
}

.icn-cat14:before {
  content: "";
}

.icn-cat15:before {
  content: "";
}

.icn-cat16:before {
  content: "";
}

.icn-cat17:before {
  content: "";
}

.icn-cat18:before {
  content: "";
}

.icn-cat19:before {
  content: "";
}

.icn-cat2:before {
  content: "";
}

.icn-cat20:before {
  content: "";
}

.icn-cat21:before {
  content: "";
}

.icn-cat22:before {
  content: "";
}

.icn-cat3:before {
  content: "";
}

.icn-cat4:before {
  content: "";
}

.icn-cat5:before {
  content: "";
}

.icn-cat6:before {
  content: "";
}

.icn-cat7:before {
  content: "";
}

.icn-cat8:before {
  content: "";
}

.icn-cat9:before {
  content: "";
}

.icn-change:before {
  content: "";
}

.icn-check:before {
  content: "";
}

.icn-check2:before {
  content: "";
}

.icn-choice:before {
  content: "";
}

.icn-choice2:before {
  content: "";
}

.icn-city:before {
  content: "";
}

.icn-close:before, .bx-tooltip__close:before, .lst-tag__link:before {
  content: "";
}

.icn-data:before {
  content: "";
}

.icn-data2:before {
  content: "";
}

.icn-detail:before {
  content: "";
}

.icn-donation:before {
  content: "";
}

.icn-edit:before {
  content: "";
}

.icn-exlink:before {
  content: "";
}

.icn-feature:before {
  content: "";
}

.icn-file:before {
  content: "";
}

.icn-guide:before {
  content: "";
}

.icn-heart:before {
  content: "";
}

.icn-heart2:before {
  content: "";
}

.icn-heart3:before {
  content: "";
}

.icn-help:before {
  content: "";
}

.icn-home:before {
  content: "";
}

.icn-info:before {
  content: "";
}

.icn-mail:before {
  content: "";
}

.icn-menu:before {
  content: "";
}

.icn-message:before, .img-item__comment:before {
  content: "";
}

.icn-mypage:before {
  content: "";
}

.icn-new:before {
  content: "";
}

.icn-news:before {
  content: "";
}

.icn-overview:before {
  content: "";
}

.icn-pagetop:before, .btn-pagetop__link:before {
  content: "";
}

.icn-pen:before {
  content: "";
}

.icn-pickup:before {
  content: "";
}

.icn-play:before {
  content: "";
}

.icn-point:before {
  content: "";
}

.icn-present:before {
  content: "";
}

.icn-print:before {
  content: "";
}

.icn-rank1:before {
  content: "";
}

.icn-rank2:before {
  content: "";
}

.icn-rank3:before {
  content: "";
}

.icn-rank4:before {
  content: "";
}

.icn-ranking:before {
  content: "";
}

.icn-recommend:before {
  content: "";
}

.icn-search:before {
  content: "";
}

.icn-search2:before {
  content: "";
}

.icn-star:before {
  content: "";
}

.icn-support:before {
  content: "";
}

.icn-switch-item:before {
  content: "";
}

.icn-switch-item2:before {
  content: "";
}

.icn-tag:before {
  content: "";
}

.icn-use:before {
  content: "";
}



/*  緊急寄付受付地域マップ #saigaiMap
==============================================================
*/

#saigaiMap{
	margin-bottom:40px;
}
#saigaiMap h2{
	color:#d45700;
	font-size:28px;
}
#saigaiMap h2 .bg{
	display: block;
	background-image:url(../images/icon_top02.png);
	background-repeat:  no-repeat;
	background-position: left top;
	background-size:28px;
	padding-left:26px;
}

#saigaiMap iframe, #saigaiMap #map-canvas{
	width:680px;
	height:518px;
}

#map-canvas a:hover img{
	opacity: 100;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8   */
	zoom:1;
}

/*  最新受付自治体 #newProject
==============================================================
*/

#newProject h2{
	color:#d45700;
	font-size:28px;
}
#newProject h2 .bg{
	display: block;
	background-image:url(../images/icon_top03.png);
	background-size: 24px;
	background-repeat:  no-repeat;
	background-position: left top;
	padding-left:32px;
}

#newProject ul.project_list{
	align-items:stretch;
	overflow:hidden;
}
#newProject ul.project_list li.project{
	background-color:#fff;
	width:214px;
	margin:0 19px 18px 0;
	border:#c9c9c9 1px solid;
	border-radius:10px;
	box-sizing:border-box;
	font-weight:bold;
	overflow: hidden;
	float:left;
}
#newProject ul.project_list li.project.last{
	margin-right:0;
}
/*-- 災害名 --*/
#newProject ul.project_list li.project h3{
	padding:12px 12px 10px;
	box-sizing: border-box;
	text-align:center;
	font-size:14px;
}
/*-- 画像 --*/
#newProject ul.project_list li.project p.project_img{
	background-repeat: no-repeat;
	background-position:  center center;
	background-size: contain;
	border-radius: 10px 10px 0 0;
}
#newProject ul.project_list li.project p.project_img > a{
	width: 100%;
	height: 100%;
}
#newProject ul.project_list li.project p.project_img > a:hover{
	background-color: rgba(255, 255, 255, 0.3);
}
#newProject ul.project_list li.project ul{
	padding:8px 14px 0;
}

#newProject ul.project_list li.project ul li.sup_list{
	font-size:18px;
	margin-bottom:6px;
	line-height:1.30;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#newProject ul.project_list li.project ul .sup_tags dl{
	min-height: 22px;
	margin-bottom:8px;
	padding: 0 0 8px 0;
	border-bottom:#ccc 1px dotted;
	position: relative;
}
#newProject ul.project_list li.project .sup_tags dt{
	height: 22px;
	margin-right:4px;
	padding:0px 4px;
	box-sizing: border-box;
	color:#fff;
	font-size:12px;
	line-height: 22px;
}
#newProject ul.project_list li.project .tag-reception.red{
	background-color:#c00;
	width: 68px;
}
#newProject ul.project_list li.project .tag-reception.black{
	background-color:black;
	display: inline-block;
}
#newProject ul.project_list li.project .tag-volunteer{
	background-color: #82AE46;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.tag-volunteer__text {
	display: none;
}

#newProject ul.project_list li.project .tag-reception__cityname {
	font-size:14px;
	line-height:22px;
	display: inline-block;
}
/* 寄付金額 */
#newProject ul.project_list li.project ul li.sup_moneyTotal{
	font-size:19px;
	text-align:right;
}
#newProject ul.project_list li.project ul li.ruby {
	font-size: 12px;
	font-weight: normal;
}
@media (max-width: 680px) {
	#newProject ul.project_list li.project ul li.ruby {
		font-size: 11px;
		font-weight: normal;
	}
}

/* 受付中ボタン */
#newProject ul.project_list li.project a.about_btn{
	display: block;
	background-color:#d45700;
	margin:12px 14px;
	padding:6px 0 4px;
	border-radius:20px;
	box-shadow:0 2px 0 #930;
	color:#fff;
	font-size:20px;
	text-align:center;
}
#newProject ul.project_list li.project a.about_btn:hover{
	background-color:#C04F00;
}

/* 受付終了ボタン */
#newProject ul.project_list li.project a.about_btn_close{
	background-color:#A4A4A4;
	margin:12px 14px;
	padding:6px 0 4px;
	border-radius:20px;
	box-shadow:0 2px 0 #2E2E2E;
	color:#fff;
	font-size:20px;
	text-align:center;
	display: block;
}
#newProject ul.project_list li.project a.about_btn_close:hover{
	background-color:#BDBDBD;
}

/* チェックボタン */
#newProject ul.project_list li.project a.check-btn{
	display: block;
	background-color: #e0d8d3;
    margin: 12px 14px;
    padding: 6px 0 4px;
    border-radius: 20px;
    box-shadow: 0 2px 0 #b6aaa3;
    color: #4a4545;
    font-size: 14px;
    text-align: center;
}

#newProject ul.project_list li.project a.check-btn.on{
	background-color:#fac412;
	box-shadow: 0 2px 0 #cfa51a;
}

#newProject ul.project_list li.project a.check-btn.on i{
	color: #d45700;
}

@media only screen and ( max-width:680px ){
	#newProject ul.project_list li.project a.check-btn.hover{
		background-color: #e0d8d3;
 		box-shadow: 0 2px 0 #b6aaa3;
	}
}

@media only screen and ( min-width:681px ){
	#newProject ul.project_list li.project a.check-btn.hover{
		background-color:#fac412;
		box-shadow: 0 2px 0 #cfa51a;
	}
}

.projectListSwitch {
	text-align: right;
	margin-bottom: 5px;
}
@media only screen and ( max-width:680px ){
	.projectListSwitch {
		margin-bottom: 15px;
		margin-right: 12px;
	}
}
.projectListSwitch.projectListSwitch-top {
	margin-top: -50px;
}
@media only screen and ( max-width:680px ){
	.projectListSwitch.projectListSwitch-top {
		margin-top: 0;
		margin-right: 0;
	}
}
.projectListSwitch p {
	display: inline-block;
	vertical-align: middle;
	color: #333;
}
.projectListSwitch ul {
	display: inline-block;
	vertical-align: middle;
}
.projectListSwitch li {
	box-sizing: border-box;
	width: 40px;
	height: 38px;
	background-color: #fff;
	border: 1px solid #C9C9C9;
	border-bottom: 3px solid #E0D8D3;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
}
.projectListSwitch-card {
	background-image: url(/saigai/images/button_list_card.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}
.projectListSwitch-card:hover,
.projectListSwitch-card.on {
	background-image: url(/saigai/images/button_list_card_on.svg);
}
.projectListSwitch-small {
	background-image: url(/saigai/images/button_list_small.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}
.projectListSwitch-small:hover,
.projectListSwitch-small.on {
	background-image: url(/saigai/images/button_list_small_on.svg);
}

.projectSmall {
	margin-bottom: 10px;
}
.projectSmall a {
	display: block;
	border: 1px solid #C9C9C9;
	border-bottom: 3px solid #E0D8D3;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px;
	position: relative;
}
@media only screen and ( min-width:681px ){
	.projectSmall a:hover {
		opacity: 0.8;
	}
}

.projectSmall h3 {
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 5px;
}
@media only screen and ( min-width:681px ){
	.projectSmall h3 {
		font-size: 18px;
	}
}
.projectSmall h3 span {
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -.1em;
	display: inline-block;
}
.projectSmall h3 span:before {
	border-radius: 3px;
	display: block;
	font-size: 12px;
	padding: 3px 5px;
}
@media only screen and ( min-width:681px ){
	.projectSmall h3 span:before {
		font-size: 14px;
		padding: 5px 10px 5px 10px;
	}
}

.projectSmall .projectSmall-ruby {
	font-size: 11px;
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@media only screen and ( min-width:681px ){
	.projectSmall .projectSmall-ruby {
		margin-top: 10px;
	}
}
.projectSmall .projectSmall-name {
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
@media only screen and ( min-width:681px ){
	.projectSmall .projectSmall-name {
		font-size: 21px;
	}
}
@media only screen and ( max-width:680px ){
	.projectSmall-info {
		margin-top: 5px;
	}
}
.projectSmall-info p {
	vertical-align: top;
}
.projectSmall .projectSmall-reception {
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 3px;
	display: inline-block;
	max-width: 70%;
}
@media only screen and ( max-width:680px ){
	.projectSmall .projectSmall-reception {
	}
}
.projectSmall .projectSmall-reception strong {
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	padding: 3px 5px;
	border-radius: 3px;
	vertical-align: middle;
	position: relative;
	top: -.1em;
	letter-spacing: .05em;
	margin-right: 4px;
}
@media only screen and ( min-width:681px ){
	.projectSmall .projectSmall-reception strong {
		font-size: 14px;
	}
}
.projectSmall .projectSmall-reception.red strong {
	background-color: #e70000;
}
.projectSmall .projectSmall-reception span {
	display: inline-block;
	margin-left: 5px;
}

.projectSmall .projectSmall-volunteer,
.projectSmall .projectSmall-total {
	text-align: right;
}

.projectSmall .projectSmall-status,
.projectSmall .projectSmall-volunteer__tag {
	background-color: #D45701;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	display: inline-block;
	border-radius: 3px;
	margin: 1px 4px 0 0;
	letter-spacing: .05em;
}
.projectSmall .projectSmall-volunteer__tag {
	background-color: #82AE46;
}
@media only screen and ( min-width:681px ){
	.projectSmall .projectSmall-status,
	.projectSmall .projectSmall-volunteer__tag {
		font-size: 14px;
		margin-top: 2px;
	}
}
.projectSmall .projectSmall-status.close {
	background-color: #999;
}

@media only screen and ( min-width:681px ){
	.projectSmall .projectSmall-col2 {
		display: flex;
		align-items: flex-start;
	}
	.projectSmall .projectSmall-col2 > *:first-child {
		flex-basis: 50%;
		width: 50%;
	}
	.projectSmall .projectSmall-col2 > *:last-child {
		flex-basis: 50%;
		width: 50%;
		text-align: right;
	}
}
.projectSmall .projectSmall-total,
.projectSmall .projectSmall-volunteer {
	font-size: 18px;
	font-weight: bold;
}

.projectSmall .projectSmall-total__text,
.projectSmall .projectSmall-volunteer__text {
	position: relative;
	top: 3px;
}
@media only screen and ( max-width:680px ){
	.projectSmall .projectSmall-total,
	.projectSmall .projectSmall-volunteer {
		margin-top: 5px;
		text-align: right;
	}
}
@media only screen and ( min-width:681px ){
	.projectSmall .projectSmall-total,
	.projectSmall .projectSmall-volunteer {
		font-size: 21px;
	}
}


.projectSmall.cat-401 h3 span:before {
	background-color: #FFCA8C;
	content: "地震";
}
.projectSmall.cat-402 h3 span:before {
	background-color: #b6ced4;
	content: "津波";
}
.projectSmall.cat-403 h3 span:before {
	background-color: #b0dad7;
	content: "台風";
}
.projectSmall.cat-404 h3 span:before {
	background-color: #e6a9a4;
	content: "崖崩れ";
}
.projectSmall.cat-405 h3 span:before {
	background-color: #b1c3d9;
	content: "洪水";
}
.projectSmall.cat-406 h3 span:before {
	background-color: #d7bcb4;
	content: "噴火";
}
.projectSmall.cat-407 h3 span:before {
	background-color: #ccbec5;
	content: "竜巻";
}
.projectSmall.cat-408 h3 span:before {
	background-color: #ded8ad;
	content: "汚染水";
}
.projectSmall.cat-409 h3 span:before {
	background-color: #bbcfbf;
	content: "獣害";
}
.projectSmall.cat-410 h3 span:before {
	background-color: #c5c5c5;
	content: "テロ";
}
.projectSmall.cat-411 h3 span:before {
	background-color: #FA6666;
	content: "火災";
}



/*  #groupService
==============================================================
*/

#groupService{
	background-color:#f6f6f6;
	background-image:url(../images/footer_groupsiteBgline.png);
	background-position:left top;
	background-repeat:repeat-x;
	overflow:hidden;
}
#groupService a:hover{
	text-decoration:underline;
}
#groupService dl{
	width:1220px;
	margin:0 auto;
	padding:4px 5px 4px 10px;
	overflow:hidden;
}
#groupService dl dt{
	background:url(../images/footer_groupsiteBR.png) repeat-y right top;
	margin-right:24px;
	padding:3px 36px 0 0;
	margin:0 12px 0 0;
	font-size:14px;
	font-weight:bold;
	line-height: 18px;
	float:left;
}
#groupService ul.groupSite_menu li{
	float:left;
	padding-right:12px;
	font-size:14px;
}
#groupService ul.groupSite_menu li.last{
	margin-right:0px;
	padding-right:0px;
	border-right:none;
}
#groupService ul.groupSite_menu li a{
	padding:4px 0 1px 8px;
}
#groupService ul.groupSite_menu li a .bg{
	display:block;
	padding-left: 20px;
}



/*  応援メッセージ
==============================================================
*/

.edit-area{
	padding: 12px;
	background: #fff;
	border: solid 1px #ddd;
	border-radius: 10px;
}

.edit-area h3{
	margin-bottom: 10px;
}

.edit-area select{
	margin-bottom: 5px;
	padding: 5px;
	border: solid 1px #ddd;
	border-radius: 5px;
}

/*  代理寄付
==============================================================
*/
.icon_06 {
  background-image: url(../images/icon06.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding:25px 2px 10px 48px;
}

@media (min-width: 681px) {
	.dairi {
		width: 680px;
	}
}

@media (max-width: 680px) {
	.dairi {
		box-sizing: border-box;
		padding: 0 12px;
	}
}

.dairi h2{
	padding-bottom: 6px;
	margin-top: 40px;
	border-bottom: 4px solid #d45700;
}

.dairi p {
	margin-top: 20px;
}

.dairi img {
	margin: 20px 0 40px;
}

@media (min-width: 681px) {
	.dairi img {
		max-width: 680px;
	}
}

.dairi a:hover img {
	opacity: .8;
}

/*
=====================================================================
*
*    04 footer
*
* ===================================================================
*/

#footer{
	background:#333;
	color:#fff;
	padding:30px 0;
	font-size:12px;
}
#footer a:hover{
	text-decoration: underline;
}
#footerinner{
	width:1220px;
	margin:0 auto;
	overflow:hidden;
}
#footerSection{
	overflow:hidden;
}
#footer #footerinner .footerLeft{
	float:left;
	margin-right:20px;
}
#footer #footerinner .footerLeft h3{
	background-color:#fff;
	float:left;
	margin-right:20px;
}
#footer #footerinner .footerLeft .privacymark{
	box-sizing: border-box;
	background:#fff;
	padding:23px 20px;
	border-radius:5px;
	float:left;
	width: 106px;
}
#footer #footerinner .footerLeft .privacymark img{
	width: 60px;
}
#footer #footerinner .footerRight .footerItem{
	margin-bottom:5px;
	overflow:hidden;
}
#footer #footerinner .footerRight .footerItem ul:first-child{
	float:left;
	margin-right:20px;
	line-height:2;
}
#footer #footerinner .footerRight .footerItem ul.aboutUs{
	float:left;
}
#footer #footerinner .footerRight .sitenavi ul{
	padding-top:10px;
	border-top:1px solid #fff;
	overflow:hidden;
}
#footer #footerinner .footerRight .sitenavi ul li{
	float:left;
	margin-right:8px;
	padding-right:8px;
	border-right:#fff 1px solid;
}
#footer #footerinner .footerRight .sitenavi ul li.end{
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#footer #footerinner #footnote{
	margin-top:10px;
	text-align:center;
	clear:both;
}
#footer a{
	color:#fff;
}
#page-top {
    position: fixed;
    bottom: 10px;
    left: 15px;
    width: 56px;
}
@media (max-width: 680px){
	.footerLogo {
		width: 238px;
		margin: 30px 0 30px 15px;
	}
	.footerPrivacy {
		display: block;
		background-color: #fff;
		padding: 5px;
		border-radius: 4px;
		width: 55px;
		margin: 20px auto;
	}
	.footerPrivacy img {
		width: 60px;
	}
}

/*  未ログイン時チェック登録超過会員登録誘導モーダル
==============================================================
*/

.btn_red02 {
	display: inline-block;
	line-height: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	margin: 10px auto 25px;
	padding: 0;
}

.btn_red02 a{
	color:#fff !important;
	padding:12px 20px;
	background: #830000;
	background: -moz-linear-gradient(top, #980000 0%, #830000);
	background: -webkit-gradient(linear, left top, left bottom, from(#980000), to(#830000));
	-moz-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
	-webkit-box-shadow: inset -1px -1px 1px rgba(166,33,33,1),inset 1px 1px 1px #a62121;
	border: 1px solid #bd0101;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.btn_red02 a:hover{
	text-decoration:none;
	background: #edeab9;
	background: -moz-linear-gradient(top, #830000 0%, #980000);
	background: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#980000));
}

.btn_w100{
	display: inline-block;
	width:100px;
	text-align:center;
	margin:auto;
}

.btn_w200{
	display: inline-block;
	width:200px;
	text-align:center;
	margin:auto;
}

.btn_w300{
	display: inline-block;
	width:300px;
	text-align:center;
	margin:auto;
}

.btn_gray03 {
	font-size:0.9em;
	line-height: 1em;
	text-align: center;
	margin: auto;
	padding: 0;
}

.btn_gray03 a{
	color:#000 !important;
	padding:2px 5px;
	background: #dddddd;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dddddd));
	border: 1px solid #cccccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.btn_gray03 a:hover{
	text-decoration:none;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #dddddd 0%, #f7f7f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f7f7f7));
}



/*
=====================================================================
*
*    05 小パーツ
*
* ===================================================================
*/

/*-- パンくずナビ　--*/

nav#bread{
	font-size: 13px;
	margin-bottom: 1em;
}

nav#bread a{
	display: inline;
	color: #d45700;
}

nav#bread a:hover{
	text-decoration: underline;
}



/*-- 一覧を見るボタン --*/

.more_list{
	display:block;
	background:url(../images/btn_moreList.png);
	background-size: 14px;
	background-repeat:  no-repeat;
	background-position: left center;
	color:#d45700;
	margin:0 18px 8px 0;
	padding-left:24px;
    font-size: 13px;
	line-height: 15px;
	float:right;
}
.more_list:hover{
	text-decoration:underline;
}

/*-- 絞り込み一覧カテゴリー表示 --*/
#main h2#category{
	width:auto;
	margin:0 12px 24px 12px;
	padding-bottom: 8px;
	border-bottom:#000 3px solid;
	font-size:30px;
}

#main #emergencyNews .brdBottom {
    border: #ccc 1px solid;
    border-radius:0 0 10px 10px;
}

/*-- 災害支援各カテゴリ --*/
.project.cat-401 h3{background-color: #FFCA8C;}
.project.cat-401 p.project_img{background-image:url(../images/project_img_01.jpg);}

.project.cat-402 h3{background-color: #b6ced4;}
.project.cat-402 p.project_img{background-image:url(../images/project_img_02.jpg);}

.project.cat-403 h3{background-color: #b0dad7;}
.project.cat-403 p.project_img{background-image:url(../images/project_img_03.jpg);}

.project.cat-404 h3{background-color: #e6a9a4;}
.project.cat-404 p.project_img{background-image:url(../images/project_img_04.jpg);}

.project.cat-405 h3{background-color: #b1c3d9;}
.project.cat-405 p.project_img{background-image:url(../images/project_img_05.jpg);}

.project.cat-406 h3{background-color: #d7bcb4;}
.project.cat-406 p.project_img{background-image:url(../images/project_img_06.jpg);}

.project.cat-407 h3{background-color: #ccbec5;}
.project.cat-407 p.project_img{background-image:url(../images/project_img_07.jpg);}

.project.cat-408 h3{background-color: #ded8ad;}
.project.cat-408 p.project_img{background-image:url(../images/project_img_08.jpg);}

.project.cat-409 h3{background-color: #bbcfbf;}
.project.cat-409 p.project_img{background-image:url(../images/project_img_09.jpg);}

.project.cat-410 h3{background-color: #c5c5c5;}
.project.cat-410 p.project_img{background-image:url(../images/project_img_10.jpg);}

.project.cat-411 h3{background-color: #FA6666;}
.project.cat-411 p.project_img{background-image:url(../images/project_img_11.jpg);}

.project.cat-922 h3{background-color: #cacaef;}
.project.cat-922 p.project_img{background-image:url(../images/project_img_22.jpg);}


/*  　グーグルマップ上のプロジェクト　 #mapProject
==============================================================
*/
#mapProject{
	background-color:#fff;
	width:214px;
	margin: 12px 0;
	box-sizing:border-box;
	font-weight:bold;
	overflow: hidden;
}
/*-- 災害名 --*/
#mapProject h3{
	margin-bottom: 6px;
	padding:12px 0 10px;
	box-sizing: border-box;
	text-align:center;
}

#mapProject ul{
	padding:8px 14px 0;
}

.mapProject_sup_list{
	font-size: 20px;
	margin-bottom: 6px;
	line-height: 1.30;
}
.mapProject_sup_reception dl{
	min-height: 22px;
	margin-bottom:8px;
	padding: 0 0 8px 36px;
	border-bottom:#ccc 1px dotted;
	position: relative;
}
.mapProject_sup_reception dl dt{
	height: 22px;
	margin-right:8px;
	padding:0px 4px;
	box-sizing: border-box;
	color:#fff;
	font-size:12px;
	line-height: 22px;
	position: absolute;
	top:0;
	left:0;
}
.mapProject_sup_reception dl dt.red{
	background-color:#c00;
}
.mapProject_sup_reception dl dt.black{
	background-color:black;
}
.mapProject_sup_reception dl dd{
	font-size:14px;
	line-height:22px;
}

/* 寄付金額 */
#mapProject .sup_moneyTotal{
	font-size:19px;
	text-align:right;
}


/*
=====================================================================
*
    最新情報ページ　notifications/index.html
*
* ===================================================================
*/

#infoBox h2{
	margin-bottom: 12px;
}

/*-- #infoBox --*/

#infoBox h2 .bg{
	background-image: url(../images/icon_newInfo.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #d45700;
	padding-left: 64px;
	border-bottom: #D45700 6px solid;
	font-size: 24px;
	line-height: 64px;
}
#infoBox .news{
	min-height: 185px;
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: #ddd 2px solid;
}
#infoBox .news a{
	display: block;
}

#infoBox .news.last{
	border:none !important;
}
#infoBox .news h3{
	margin-bottom: 12px;
	padding: 4px 0 0 12px;
	border-left:#D45700 12px solid;
	color: #d45700;
	font-size: 24px;
	line-height: 1.2;
}
#infoBox .news p.date{
	margin-bottom: 6px;
	line-height: 1.2;
}
#infoBox .news p.date .bg{
	background-image: url(../images/icon_date.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding:2px 0 0 20px;
	color: #999;
}
#infoBox .news p{
	font-size: 14px;
	overflow: hidden;
}
#infoBox .news p.sup_list{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 4px;
}
#infoBox .news dl{
	margin-bottom: 12px;
	font-size:14px;
	line-height: 24px;
	overflow: hidden;
}
#infoBox .news dl dt{
	margin-right: 4px;
	padding:2px 4px 0;
	font-size: 13px;
	float: left;
}
#infoBox .news dl dd{
	padding-top:2px;
}
#infoBox .news img{
	width: 240px;
	margin: 0 0 30px 30px;
	float: right;
}

/* 絞り込み一覧ページャー用*/
.pageNumber {
    /*position: relative;
    overflow: hidden;*/
}
.pageNumberList {
    text-align: center;
}
.pageNumberList li {
	display: inline-block;
    background-color: #EEE;
    line-height: 1em;
    margin-left: 3px;
    border: 1px #CCC solid;
}
.pageNumberList li.active {
    background-color: #F09A9C;
}
.pageNumberList li.noLine {
    background-color: transparent;
    border: 0px;
}
.pageNumberList li a {
	display: block;
	padding: 5px 10px;
}
.node {
    /*overflow: hidden;*/
    margin-bottom: 20px;
}
.search-num {
    /*float: right;*/
	text-align: right;
}



/*
=====================================================================
*
    プロジェクト詳細ページ　saigai/detail/<PROJECT_ID>.html
*
* ===================================================================
*/

/* --------- 詳細パーツ CMSから移植 --------- */
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.fs_21{
	font-size:21px !important;
}
.lineU1d{
	border-bottom:1px #d45700 dotted; padding-bottom:3px;
}
.lineU6{
	border-bottom:6px #d45700 solid;
}
.text-333{
	color:#333 !important;
}
.mB20{
	margin-bottom:20px !important;
}
.mL15{
	margin-left:15px !important;
}
.mT10{
	margin-top:10px !important;
}
.mT15{
	margin-top:15px !important;
}
.mR10{
	margin-right:10px !important;
}
.mR15{
	margin-right:15px !important;
}
#projectDetailParts h2{
	font-size:24pt; font-weight:normal; color:#d45700; margin:0; padding:10px 5px 7px 5px; line-height:1em;
}
#projectDetailParts h4{
	color:#d45700; margin:5px 10px;
}
#projectDetailParts .caution-text{
	color:#900;
}
#projectDetailParts .kifupricebox{
	width: 100%;
	background-color:#9d0a0a;
	color:#ffffff;
	padding:5px;
	text-align:center;
	margin-top: 1px;
	font-size:0.8em;
	font-weight:normal;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#projectDetailParts .kifupricebox680 {
	width: 100%;
	background-color:#9d0a0a;
	color:#ffffff;
	padding:5px;
	text-align:center;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	font-size:1.2em;
	font-weight:normal;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#projectDetailParts a.link {
	color: #d45700;
}
#projectDetailParts .detail {
	float:right;
	background:url(/images/icon_Arrow.gif) no-repeat left center;
	text-align:right;
	padding-left:21px;
	padding-right:10px;
	font-size:0.85em;
}
#projectDetailParts a:hover{
	text-decoration:underline;
}
#projectDetailParts .inlink01 a{
	background:url(/images/icon_inlink01.gif) no-repeat left center;
}
#projectDetailParts .exlink01 a{
	background:url(/images/icon_exlink01.gif) no-repeat left center;
}
#projectDetailParts .inlink01 a,
#projectDetailParts .exlink01 a{
	float:right;
	text-align:right;
	padding-left:21px;
	padding-right:10px;
	font-size:0.85em;
}
#projectDetailParts .grayBox_sp_pc {
	border:solid 1px;
	border-color:#CCC;
	width: 100%;
    font-size: 0.9em;
    padding: 20px;
	border-radius: 7px;
	background-color:#EEE;
	  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* 特集パーツの表示(途中) */
.kifupricebox680 {
    width: 100%;
    background-color: #9d0a0a;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    /*margin-top: -7px;*/
    font-size: 1.2em;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.detail {
    float: right;
    background: url(/images/icon_Arrow.gif) no-repeat left center;
    text-align: right;
    padding-left: 21px;
    padding-right: 10px;
    font-size: 0.85em;
}

.detail a {
    text-decoration: none;
    color: #AC0C0C;
}

.detail a:hover {
	text-decoration: underline;
}

.mT20 {
    margin-top: 20px !important;
}

.newbox_spmargin h1 {
    font-size: 24pt;
    font-weight: normal;
    color: #740000;
    margin: 0;
    padding: 10px 5px 7px 5px;
    line-height: 1em;
}


.newbox_spmargin h1 > img {
	vertical-align: middle;
}

.newbox_spmargin h2 {
    font-size: 24pt;
    font-weight: normal;
    color: #740000;
    margin: 0;
    padding: 10px 5px 7px 5px;
    line-height: 1em;
	border-bottom: 6px #d45700 solid;
}

.newbox_spmargin h2.lineU6 {
    border-bottom: 6px #d45700 solid;
}

.newbox_spmargin h3 {
    line-height: 1.5;
}

.newbox_spmargin h4 {
    color: #A21717;
}

.newbox_spmargin p {
    line-height: 1.5em;
    margin: 10px 0px;
}

.newbox_spmargin .caution-text {
    color: #900;
    font-size: 1.0em;
}

.newbox_spmargin .kifupricebox {
    width: 100%;
    background-color: #9d0a0a;
    color: #ffffff;
    padding: 5px;
    text-align: center;
    margin-top: -7px;
    font-size: 0.8em;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	height:35px;
	line-height:35px;
}

.newbox_spmargin .newbox_spmargin a img {
    max-width: 100%;
}
.newbox_spmargin .newbox_spmargin a img {
    width: 100%;
}

div.newbox_spmargin {
    clear: both;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-sm-4 {
    position: relative;
    min-height: 1px;
    padding-right: 11px;
    padding-left: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

.col-sm-4 {
    width: 33.33333333%;
}
.position-relative {
    position: relative;
}

.col-sm-4 {
    float: left;
}

.position-absolute {
    position: absolute;
}
.img-responsive {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.bg-normal {
    background: #E2E2E2;
}

.caption {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 0.85em;
    width: 100%;
    overflow: auto;
    word-break: break-all;
    overflow-wrap: break-word;
}

ul.sendiconslist {
    font-size: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -3px;
    padding-bottom: 5px;
}

ul.sendiconslist li {
    float: left;
    padding: 0px 10px 0px 0px;
}

.cateMark_box {
    background-color: #fff;
    padding: 2px 3px;
    font-weight: 500;
    text-align: left;
    color: #999;
    font-size: 11px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    box-shadow: 0px 0px rgba(0, 0, 0, 0.3);
}
.on_jyouon {
    color: #f15a23;
    border-color: #f15a23;
}
.on_reizou {
    color: #3ab549;
    border-color: #3ab549;
}
.on_reitou {
    color: #3fa9f5;
    border-color: #3fa9f5;
}
.on_gift {
    color: #ed1e78;
    border-color: #ed1e78;
}
.on_teiki {
    color: #613813;
    border-color: #613813;
}
.on_nosi {
    color: #613813;
    border-color: #613813;
}

.mR04 {
    margin-right: 4px !important;
}

.caption div {
    clear: both;
}

.caption h4 {
    font-size: 1.0em !important;
    line-height: 1.4em !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 60px;
}

.newbox_spmargin div.caption p {
    line-height: 1.5em;
	margin: 10px;
    clear: both;
}

.hrdot {
    border-bottom: 1px dotted #000;
}

div.contents_wide p {
    margin: 10px;
}

.newbox_spmargin div.caption a {
	display: inline;
    text-decoration: none;
    color: #AC0C0C;
}

.newbox_spmargin div.caption a.btn-block {
    width: 100%;
	display: block;
}

.newbox_spmargin div.caption .btn-favorite {
    -moz-box-shadow: inset 0px 5px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 5px 0px 0px #ffffff;
    box-shadow: inset 0px 5px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    background-color: #ffffff;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    border: 1px solid #dcdcdc;
    display: inline;
    cursor: pointer;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    text-align: center;
}

.newbox_spmargin div.caption .btn-favoriteAfter {
	background-color: #FFEAEA;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	border: 1px solid #F0C5C2;
	display: inline-block;
	cursor: pointer;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
	text-align: center;
}

.newbox_spmargin div.caption .btn-syousai {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
    background-color: #d0451b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
    text-align: center;
    margin: 0px;
}


.heart_big {
    color: #c67673;
    font-size: 18px !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 11px;
    padding-left: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

.thumbnail-pickUp-pt2 {
    display: table;
    padding-bottom: 5px;
    margin-bottom: 30px;
    line-height: 1.45;
    text-align: left;
    width: 100%;
}

.bottom-button {
    width: 100%;
}

.text-center {
    text-align: center;
}

div.newbox_spmargin a.link {
    color: #AC0C0C;
}

div.newbox_spmargin .inlink01 a {
    float: right;
    text-align: right;
    padding-left: 21px;
    padding-right: 10px;
    font-size: 0.85em;
    background: url(/images/icon_inlink01.gif) no-repeat left center;
}

div.newbox_spmargin .exlink01 a {
    float: right;
    text-align: right;
    padding-left: 21px;
    padding-right: 10px;
    font-size: 0.85em;
    background: url(/images/icon_exlink01.gif) no-repeat left center;
}

div.newbox_spmargin .grayBox_sp_pc {
    border: solid 1px;
    border-color: #CCC;
    width: 100%;
    font-size: 0.9em;
    padding: 20px;
    border-radius: 7px;
    background-color: #EEE;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div.newbox_spmargin a:hover {
    text-decoration: underline;
}

div.newbox_spmargin a {
	display: block;
    text-decoration: none;
    color: #AC0C0C;
}

div.newbox_spmargin .productImg_Box {
	width: 375px;
	height: 225px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
}
div.newbox_spmargin .productImg_Box_right{
	width: 375px;
	height: 225px;
	margin-left: 20px;
	float: right;
	overflow: hidden;
}
div.newbox_spmargin .product_summary {
	width: 285px;
	overflow: hidden;
}
div.newbox_spmargin .productName {
    width: 285px;
    margin-bottom: 12px;
    color: #444;
    font-size: 19px;
    text-align: left;
}
div.newbox_spmargin .featureText {
	margin: 0 0 20px !important;
	min-height: 105px;
	color: #555;
	font-size: 16px;
}
div.newbox_spmargin .kifuprice {
	font-size: 16px;
	color: #b12b2a;
	text-align: right;
	font-weight: normal;
	overflow: hidden;
}
div.newbox_spmargin .kifuprice--bold {
	font-size: 20px;
	font-weight: bold;
}

div.newbox_spmargin div.buttons {
	margin: 0px auto 0px auto;
}
div.newbox_spmargin .buttons {
	width: 285px;
}
div.newbox_spmargin .btnfavorite--before, .btnfavorite--after {
	width: 48%;
	margin: 0 4% 0 0 !important;
	float: left;
}

div.newbox_spmargin .btn-favorite {
	background-color: #ffffff;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	cursor: pointer;
	color: #666666;
	font-size: 12px;
	padding: 2px 20px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
	text-align: center;
}
div.newbox_spmargin .btn-favorite:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
	background-color: #FFEAEA;
	text-decoration: none;
}
div.newbox_spmargin .btn-favoriteAfter {
	background-color: #FFEAEA;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	border: 1px solid #F0C5C2;
	display: inline-block;
	cursor: pointer;
	color: #666666;
	font-size: 12px;
	padding: 2px 20px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
	text-align: center;
}

div.newbox_spmargin .btndetail {
	width: 48%;
	margin: 0 !important;
	float: right;
}

div.newbox_spmargin .btn-syousai {
	-moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
	box-shadow: inset 0px 1px 0px 0px #cf866c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
	background-color: #d0451b;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #942911;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 13px;
	padding: 2px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #854629;
	text-align: center;
	margin: 0px;
}

div.newbox_spmargin .btndetail > a, .btnfavorite--before > a, .btnfavorite--after > a {
	display: block;
	width: 100%;
	box-sizing: border-box;
}



.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    display: table;
    content: " ";
    word-break: break-all;
}

.clearfix:after, .container:after, .container-fluid:after, .row:after {
    clear: both;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    display: table;
    content: " ";
    word-break: break-all;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



@media (max-width: 680px){
	.newbox_spmargin {
		margin: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .竏Ｃox, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		box-sizing: border-box;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12 {
		position: relative;
		min-height: 1px;
		padding-right: 11px;
		padding-left: 11px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-break: break-all;
	}

	.col-xs-12 {
		width: 100%;
	}

	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.btn {
		padding: 10px 0;
	}

	.newbox_spmargin div.caption a.btn-block {
		padding: 3px 0;
	}

	.pcSwitch {
		display: none;
	}
}

/* 特集パーツの表示 END */

/*
=====================================================================
*
    05 common　共通要素
*
* ===================================================================
*/

/*-- スペース --*/
.mT05{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT30{margin-top:30px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}

.mR05{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR30{margin-right:30px !important;}
.mR40{margin-right:40px !important;}

.mL05{margin-left:5px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px !important;}
.mL20{margin-left:20px !important;}
.mL30{margin-left:30px !important;}
.mL40{margin-left:40px !important;}
.mL50{margin-left:50px !important;}

.mB05{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB30{margin-bottom:30px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}


/*-- 配置 --*/
.floatL{float:left;}
.floatR{float:right;}
.center{text-align:center;}
.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_bottom{position: absolute; bottom: 0;}



/*
=====================================================================
*
    06 特集ページ　saigai/feature/a/任意.html
*
* ===================================================================
*/

ul.feature-sp-list3:before,  ul.feature-sp-list3:after,
ul.feature-sp-list2:before,ul.feature-sp-list2:after{  content: " ";   display: table;}
ul.feature-sp-list3:after,ul.feature-sp-list2:after{clear: both;}
ul.feature-sp-list3,ul.feature-sp-list2{  *zoom: 1;}

/*-- 画像3枚横並び用list --*/
ul.feature-sp-list3{margin-right:-4px; margin-bottom:10px;}
ul.feature-sp-list3 li{width:224px; margin-right:4px; float:left;}
ul.feature-sp-list3 li img{width:100%; height:auto;}


/*-- 画像2枚横並び用list --*/
ul.feature-sp-list2{margin-right:-6px; margin-bottom:10px;}
ul.feature-sp-list2 li{width:337px; margin-right:6px; float:left;}
ul.feature-sp-list2 li img{width:100%; height:auto;}

/*--　赤チョイス同様ボタン等  --*/
.inlink01 a{
	float: right;
  text-align: right;
  padding-left: 21px;
  padding-right: 10px;
  font-size: 0.85em;
  color: #ac0c0c;
	background:url(/images/icon_inlink01.gif) no-repeat left center;
}

.inlink01 a:hover{
	text-decoration: underline;
}

.btn_donation a{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #fff !important;
    width: 100%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 4px 0px 4px 0px;
    background: rgba(155,3,2,1);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/*--　横並び寄付ボタン --*/
ul.saigai-kifu-li{
	overflow: hidden;
	letter-spacing: -1em;
	text-align: center;
}

ul.saigai-kifu-li li{
	width: 33.3%;
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing: normal;
}

ul.saigai-kifu-li li a{
	display: block;
    background: #AC0C0C;
    margin-right: 10px;
    color: #fff;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
	font-size: 20px;
}

span.kifu-title:before{
	margin-right: 10px;
	  margin-top: -5px;
	  width: 10px;
	  height: 10px;
	  content:"\f2b5";
	  font-family: FontAwesome;
	  color:#fff;
}

ul.saigai-kifu-li li:last-child a{
	margin-right: 0;
}

ul.saigai-kifu-li li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}

span.pr{
	display: block;
    font-size: 12px;
    border-top: dotted 1px #fff;
    padding-top: 5px;
    margin-top: 5px;
}

span.proxy{
	display: inline-block;
    background: #fff;
    color: #AC0C0C;
    padding: 0 5px;
    margin-right: 5px;
}



@media (max-width: 680px){
	ul.feature-sp-list3:before,  ul.feature-sp-list3:after,
	ul.feature-sp-list2:before,ul.feature-sp-list2:after{  content: " ";   display: table;}
	ul.feature-sp-list3:after,ul.feature-sp-list2:after{clear: both;}
	ul.feature-sp-list3,ul.feature-sp-list2{  *zoom: 1;}

	/*-- 画像3枚横並び用list --*/
	ul.feature-sp-list3{margin-right:-4px; margin-bottom:10px;}
	ul.feature-sp-list3 li{width:224px; margin-right:4px; float:left;}
	ul.feature-sp-list3 li img{width:100%; height:auto;}


	/*-- 画像2枚横並び用list --*/
	ul.feature-sp-list2{margin-right:-6px; margin-bottom:10px;}
	ul.feature-sp-list2 li{width:100%; margin-right:6px; float:left;}
	ul.feature-sp-list2 li img{width:100%; height:auto;}

	/*--　横並び寄付ボタン --*/
	ul.saigai-kifu-li{margin: 0 30px;}
	ul.saigai-kifu-li li{width: auto; display: block;}
	ul.saigai-kifu-li li a{margin-right: 0;}

	/*--　横幅100％--*/
	.non_floatLsp {float:none; margin:0 !important;}
	.non_floatLsp img {width:100% !important;}
	.non_floatRsp {float:none; margin:0 !important;}
	.non_floatRsp img {width:100% !important;}
}

@media (max-width: 480px){
	/*--　横並び寄付ボタン --*/
	ul.saigai-kifu-li{margin: 0 10px;}
}


/*
=====================================================================
*
    07 特集ページ　saigai/detail/任意
*
* ===================================================================
*/

#projectDetailParts .node{
	overflow: hidden;
}

/*-- 1.画像 --*/
.detail-img-100{
	width: 90%;
	padding:10px 10px 5px;
	margin: 0 auto;
	border: solid 1px #ccc;
	box-sizing: border-box;
	margin-bottom:30px;
}

.detail-img-100 img{
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}

.detail-img-100 p{
	margin: 5px 0 0;
	font-size: 12px;
	color: #ccc;
}


/*-- 2.見出し --*/
h1.greeen-title{
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom:dotted 1px #7f7f7f;
	font-size: 23px;
}

* + .greeen-title {
	margin-top: 60px;
}

.greeen-title__text{
	display: inline-block;
	padding:10px 0 0 65px;
	min-height: 50px;
	background:url("/saigai/images/icon06.png") no-repeat;
}

.greeen-title__count {
	font-size: 20px;
}
.greeen-title__count .txt--red {
	color: #cc0000;
}

/*-- 3.大タイトル --*/
#projectDetailParts h2.red-title{
	font-size: 24px;
    font-weight: normal;
    color: #cc0000;
    margin: 0 0 20px;
    padding: 10px 5px 7px 5px;
    line-height: 1em;
	border-bottom: 6px #cc0000 solid;
}

/*-- 3.大タイトル --*/

h3.middle-title{
	margin-bottom: 20px;
	font-size: 19px;
	color: #333;
}

/*-- 5.小タイトル  --*/
#projectDetailParts h4.small-title{
	margin: 0 0 20px;
	color: #cc0000;
}

/*-- 6.写真付きテキスト（左） --*/
/*-- 7.写真付きテキスト（右） --*/

.detail-img-left{
	float: left;
	margin: 0 15px 10px 0;
}

.detail-img-right{
	float: right;
	margin: 0 0 10px 15px;
}

.detail-img-left,
.detail-img-right{
	width: 50%;
	padding:10px 10px 5px;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

.detail-img-left img,
.detail-img-right img{
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}

.detail-img-left p,
.detail-img-right p{
	margin: 5px 0 0;
	font-size: 12px;
	color: #ccc;
}


/*-- 8.申込みボタン --*/
.donation_btn a{
	background-color: #cc0000;
    color: #FFF;
    width: 100%;
    padding: 12px 12px 6px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: #650000 0 4px 0;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
	box-sizing: border-box;
}

#projectDetailParts .donation_btn a:hover{
	background: #E61B1B;
	text-decoration: none;
	cursor: pointer;
}

/*-- パンくず --*/
#page_navi {
    min-height: 24px !important;
    height: 24px;
    font-size: 0.85em;
    line-height: 1.5em;
    padding: 0;
}
ul#pagenavi {
    list-style: none;
    margin: 0;
    padding: 7px 0 0 0;
    overflow: hidden;
}
ul#pagenavi li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
    white-space: nowrap;
}
ul#pagenavi a {
    display: block;
    background: url(/images/arrow_pagenavi.gif) no-repeat right center;
    padding-right: 15px;
}

#search-in-box{
	padding: 0 12px;
	overflow:hidden;
}

.bg_orange {
	background:#d45700;
	color:#fff;
}

#search-in-box .search-in-title{
	padding: 10px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}

#search-in-box .search-in-main{
	margin-bottom: 20px;
	padding: 10px 10px 0;
	background:#efefef;
}

.border_radius_10_top{
	-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.select_item_saigai {
	display: inline-block;
	/* background: #ffffff url(/images/btn_erase.png) no-repeat right center; */
	background: #ffffff;
	/* width: 31%; */
	font-size: 0.8em;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.select_item_saigai a{
	display: inline-block;
	color: #333333;
	text-decoration: none;
	padding: 9px 10px;
}

#detailMenu #button .saigai a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: #db6d20 1px solid;
    margin: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 2px;
    background-color: #481643;
    background-image: url(/images/detailSearch.png);
    background-repeat: no-repeat;
    background-position: 250px center;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
    -ms-transition: .25s linear;
}

#detailMenu #button .saigai a:hover {
    color: #ffffff;
    background-color: #ec7929;
}

#detailMenu #button .saigai a:before {
    display: block;
    position: absolute;
    z-index: -1;
    left: -30%;
    top: -50%;
    content: "";
    width: 100px;
    height: 100px;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient( left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100% );
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    animation: shiny 10s infinite linear;
    -webkit-animation: shiny 10s infinite linear;
    -moz-animation: shiny 10s infinite linear;
    -ms-animation: shiny 10s infinite linear;
}

#detailMenu #button .saigai a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    border-radius: 50px;
    -moz-box-shadow: inset 0px 1px 0px 0px #faac76;
    -webkit-box-shadow: inset 0px 1px 0px 0px #faac76;
    box-shadow: inset 0px 1px 0px 0px #faac76;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #ab4b07), color-stop(0.00, #ff8633));
	background: -webkit-linear-gradient(top, #ff8633 0%, #ab4b07 99%);
	background: -moz-linear-gradient(top, #ff8633 0%, #ab4b07 99%);
	background: -o-linear-gradient(top, #ff8633 0%, #ab4b07 99%);
	background: -ms-linear-gradient(top, #ff8633 0%, #ab4b07 99%);
	background: linear-gradient(to bottom, #ff8633 0%, #ab4b07 99%);
    background-color: #c96017;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
    -ms-transition: .25s linear;
	box-sizing: border-box;
}

 #detailSearch_saigai {
    position: relative;
    color: #666666;
    z-index: 1;
    float: right;
    background-color: #fff;
    padding: 20px;
    border: solid 1px #ccc;
    margin-top: 20px;
}

.detailSearchForm{
	overflow: hidden;
	font-size: 12px;
}

.searchFormList{
	overflow: hidden;
}

#detailSearchForm #searchButton {
    cursor: pointer;
    float: left;
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #fafafa;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    -webkit-user-select: none;
 }

#detailSearch_saigai {
    position: relative;
    color: #666666;
    z-index: 100;
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    border: solid 1px #ccc;
	float: none;
	overflow: hidden;
}

.detailSearchForm .searchButton {
    cursor: pointer;
    float: left;
    display: block;
    width: 280px;
    height: 40px;
    line-height: 40px;
    background-color: #AD0003;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #fff;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chrome */
    -ms-user-select: none; /* IE */
    border-radius: 5px;          /* CSS3 */
    -moz-border-radius: 5px;     /* Firefox用 */
    -webkit-border-radius: 5px;  /* Safari,Chrome */
    -ms-border-radius: 5px;  /* IEe */
 }

.detailSearchForm .searchButton {
    cursor: pointer;
    float: left;
    display: block;
    width: 280px;
    height: 40px;
    line-height: 40px;
    background-color: #AD0003;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #fff;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chrome */
    -ms-user-select: none; /* IE */
    border-radius: 5px;          /* CSS3 */
    -moz-border-radius: 5px;     /* Firefox用 */
    -webkit-border-radius: 5px;  /* Safari,Chrome */
    -ms-border-radius: 5px;  /* IEe */
}

#detailSearchForm #clearSettingsButton {
    cursor: pointer;
    float: right;
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 10px 100px 0 0;
    background-color: #fafafa;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #666666;
    -webkit-user-select: none;
}

input[type="text"],
input[type="password"],
textarea {
  background: white;
}

.clb {
    clear: both;
}

.select_item{
  background-image: none!important;
}


#searchCharacteristic, #searchPrice, #searchGift, #searchArea, #searchUse{
	float: left;
    width: 110px;
    font-weight: bold;
    color: #666666;
    white-space: normal;
    padding-top: 4px;
}

.searchCharacteristic, .searchPrice, .searchGift, .searchArea, .searchUse{
	float: left;
    width: 110px;
    font-weight: bold;
    color: #666666;
    white-space: normal;
    padding-top: 4px;
}

.searchFormGenreSelect, .searchFormAreaSelect, .searchFormUseSelect{
	float: right;
    width: 484px;
    height: 30px;
    border: 1px solid #cccccc;
    outline: 0px;
    margin-bottom: 10px;
}

#detailSearch {
    position: relative;
    color: #666666;
    z-index: 100;
    float: right;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
}

.detailSearchForm {
    width: 614px;
    font-size: 12px;
}

#detailSearchForm {
    width: 614px;
    font-size: 12px;
}

@media (max-width: 680px){
	#detailSearchForm {
    width: auto;
	}
}

.searchFormList {
  clear: both;
  margin: 10px;
  display: inline-block;
}

.searchFormList.quality {
  display: block;
}

#searchCharacteristic,
#searchPrice,
#searchGift,
#searchArea,
#searchUse {
  float: left;
  width: 110px;
  font-weight: bold;
  color: #666666;
  white-space: normal;
  padding-top: 4px;
}

.searchCharacteristic,
.searchPrice,
.searchGift,
.searchArea,
.searchUse {
  float: left;
  width: 110px;
  font-weight: bold;
  color: #666666;
  white-space: normal;
  padding-top: 4px;
}

#searchCharacteristicCheckBoxes,
#searchPriceRange {
  float: left;
  width: 484px;
  color: #666666;
  vertical-align: middle;
  white-space: normal;
}

.searchCharacteristicCheckBoxes,
.searchPriceRange {
  float: left;
  width: 484px;
  color: #666666;
  vertical-align: middle;
  white-space: normal;
}

#searchPriceRange input {
    height: 22px;
    margin: 0 8px 0 0;
    border: 1px solid #cccccc;
    width: 200px;
}

.searchPriceRange input {
    height: 22px;
    margin: 0 8px 0 0;
    border: 1px solid #cccccc;
    width: 200px;
}

#searchFormGenreSelect,
#searchFormGenreArea,
#searchFormGenreUse {
    float: right;
    width: 460px;
    height: 30px;
    border: 1px solid #cccccc;
    outline: 0px;
    margin-bottom: 10px;
    margin-right: 78px;
}

.searchFormGenreSelect,
.searchFormAreaSelect,
.searchFormUseSelect {
    float: right;
    width: 484px;
    height: 30px;
    border: 1px solid #cccccc;
    outline: 0px;
    margin-bottom: 10px;
}

.searchFormGenreSelect.sub1,
.searchFormGenreSelect.sub2 {
    width: 420px;
}

.searchFormGenreSelectWrapperListSubArrow {
    margin: 5px 10px 0 140px;
    float: left;
    clear: both;
}

#searchFormBottom .searchButton {
    cursor: pointer;
    float: left;
    /*display: block;*/
    width: 280px;
    height: 40px;
    line-height: 40px;
    background-color: #d45700;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #fff;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chrome */
    -ms-user-select: none; /* IE */
    border-radius: 5px;          /* CSS3 */
    -moz-border-radius: 5px;     /* Firefox用 */
    -webkit-border-radius: 5px;  /* Safari,Chrome */
    -ms-border-radius: 5px;  /* IEe */
}

.clearSettingsButton{
    cursor: pointer;
    float:left;
    width: 280px;
    height: 40px;
    line-height: 40px;
    margin-left:30px;
    background-color: #666666;
    border: 1px solid #cccccc;
    text-align: center;
    font-weight: bold;
    color: #fff;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chrome */
    -ms-user-select: none; /* IE */
    border-radius: 5px;          /* CSS3 */
    -moz-border-radius: 5px;     /* Firefox用 */
    -webkit-border-radius: 5px;  /* Safari,Chrome */
    -ms-border-radius: 5px;  /* IEe */
}

@media (max-width: 680px){
	#searchFormBottom .clearSettingsButton {
		width: 48%;
		font-size: 11px;
		letter-spacing: -0.5px;
	}
}

#searchFormBottom {
	text-align:center;
	padding:10px;
}

@media (max-width: 680px){
	#searchFormBottom {
		padding: 0;
	}
}

.searchBtnBox {
	margin:0 auto;
	width:594px;
	height:40px;
}

@media (max-width: 680px){
	#searchFormBottom .searchButton {
		width: 48%;
		font-size: 11px;
	}
}

@media (max-width: 680px){
	.searchBtnBox {
		width: auto;
	}
}

.searchBtnBox div {
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.0; /* Safari 1.x */
}


.searchBtnBox div:hover {
	opacity: 0.75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: 0.75; /* Safari 1.x */
}


.w-japan {
	background-color: #fff;
	padding: 16px;
	margin-bottom: 24px;
}

.w-japan h2{
	font-size: 20px;
}

.w-japan h3{
	margin-top: 24px;
	font-size: 16px;
	clear: both;
}

.w-japan .more_list {
	margin-top: 8px;
}

.w-japan .clear{
	clear: both;
}

@media (max-width: 680px){
	.w-japan h3 {
		line-height: 21px;
	}
}

.w-japan h3 {
	position: relative;
}

.stamp_b {
	position: absolute;
	color: #FFF;
	font-size: 12px;
	background: #000;
	line-height: 18px;
	padding: 2px 4px;
	margin-right: 4px;
}

.stamp_r {
	position: absolute;
	color: #FFF;
	font-size: 12px;
	background: #c00;
	line-height: 18px;
	padding: 2px 4px;
	margin-right: 4px;
	vertical-align: middle;
}

@media (min-width: 835px){
	.stamp_b, .stamp_r {
		position: absolute;
		top: -2px;
	}
}