/*  ※2019.02.15 ご利用ガイドCSSから複製     */
/* =============================================== */
/** sellfund CSS
/* ----------------------------------------------- */
/* ルール */
/* ある程度の部品に分解する                       */
/* マージンやパディングは、基本的に下方向につける */

/* フォントサイズは em で指定する                 */
/* 基本的には 1em = 16px となる                   */


/* =============================================== */
/** 基本パーツ
/* ----------------------------------------------- */

/* =============================================== */
/** 基本パーツ
/* ----------------------------------------------- */

body {
	margin: 0 auto;
	padding: 0;
	background: #fff;
	color: #333;
	line-height: 1.75;
	text-align: center;
	letter-spacing: 0.02em;
}

*{
	font-family: "游ゴシック", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
}

img{
	border: none;
}

dl,dt,dd,p,h1,h2,h3,h4,ul,li,iframe{
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.38em;
	color: #333;
}

a:link{
	color: #333333;
	text-decoration: none;
}

a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #FF4A87;
	text-decoration: underline;
}

a:active{
	color: #c36;
	text-decoration: underline;
}

a:focus{
	-moz-outline-style: none;
}

#main{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

/* fotter a 
.fundFooter a:hover, .fundFooter a:visited:hover{
	color: #fff;
	text-decoration: underline;
}*/

.pbNestedWrapper {overflow: initial}

/* =============================================== */
/** header
/* ----------------------------------------------- */
.fundHeadArea{
	text-align: center;
}
.fundProgramHeadArea{
	border-bottom: 1px solid #ccc;
}
.fundHead{
	margin: 0 auto;
	background-color: #fff;
	width: 1080px;
	text-align: left;
	letter-spacing: -1em;
}
h1 a {
	display: block;
	line-height: 0;
}

/* ロゴ */
.fundHeadLogo{
	width: 50%;
	letter-spacing: 0.02em;
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundHeadLogoImg{
	padding: 14px 0 14px;
}
.fundContentsTitle{
	position: relative; 
}

/* メニュー */
.fundHeadMenuBox{
	width: 50%;
	text-align: right;
	letter-spacing: 0.02em;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundHeadMenu{
	font-size: 1em;
	font-weight: bold;
}


/* -------------- */
/* コンテンツ     */
/* -------------- */
.fundContentsArea {
	background-color: #F5F5F5;
}

/*フェードイン*/
.fundContentsTitleBGImg{
	position: relative;
	margin: auto;
	width: auto;
	height: 100%;
	max-height: 800px;
	min-height: 800px;
	text-align: center;
	overflow: hidden;
}
.fundContentsTitleBGImg:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.fundContentsTitleBGImg img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	animation: show 15s infinite;
	-webkit-animation: show 15s ease infinite;
}
/*アニメーション*/
@keyframes show {
	0% {opacity: 0 }
	16% {opacity: 1 }
	33% {opacity: 1 }
	49% {opacity: 0 }
	100% {opacity: 0 }
}
@-webkit-keyframes show {
	0% {opacity: 0 }
	16% {opacity: 1 }
	33% {opacity: 1 }
	49% {opacity: 0 }
	100% {opacity: 0 }
}
/*各画像のアニメーションの開始時間をずらす*/
.fundContentsTitleBGImg img:nth-of-type(1) {
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
}

.fundContentsTitleBGImg img:nth-of-type(2) {
	animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.fundContentsTitleBGImg img:nth-of-type(3) {
	animation-delay: 10s;
	-webkit-animation-delay: 10s;
}

.fundContentsTitleImg{
	position: absolute;
	width: 100%;
	height: auto;
	top: 120px;
	left: 0;
	text-align: center;
}

.fundContentsHead{
	margin: 0 auto -280px;
	width: 1160px;
	top: -280px;
	position: relative;
}
.fundContentsHeadBox{
	margin-bottom: 80px;
	padding: 40px 4% 30px;
	background-color: #fff;
}

.fundContentsBtnArea{
	padding: 0 0 60px;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
.fundContentsBtn{
	margin: 0 26px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 1rem;
	letter-spacing: 0.02em;
}
.fundContentsBtn a{
	display: block;
	text-decoration: none;
	padding: 14px 120px;
	margin: 0 auto;
	width: 10em;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(82, 42, 42, 0.35);
}
.fundContentsBtn a:hover{
	opacity: 0.8;
	transition: 0.5s;
	color: initial;
}
.fundContentsBtn-pink a:hover{
	color: #fff;
}
.fundContentsBtn a:visited{
	color: #333;
}
.fundContentsBtn-pink a:visited{
	color: #fff;
}
.fundContentsBtn span{
	font-size: 1.125em;
}
.fundContentsBtn-pink a{
	background: #FF4A87;
	color: #fff;
}

.fundContents{
	margin: 0 auto;
}
.fundContents-BG{
	background: #fff;
}
.fundContents-BG-pink{
	background: #FF4A87;
}
.fundContentsBox{
	margin: 0 auto;
	width: 1080px;
}

/* Pickup */
.fundPickupTitle{
	margin-bottom: 40px;
	text-align: center;
}
.fundPickupTitleTxt{
	padding: 0 3%;
	font-size: 1.38em;
	font-weight: bold;
}
.fundPickupBox{
	width: 30%;
	margin-bottom: 40px;
	background-color: #fff;
	border: 1px solid #ccc;
	transition: all 0.3s ease 0s;
}
.fundPickupBox:hover{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
	transform: translateY(-0.1875em);
}

/*
.fundPickupImg{
	margin-bottom: 20px;
}
.fundPickupTxtArea{
	margin-bottom: 18px;
}
.fundPickupTxtBox{
	padding: 0 3%;
}
.fundPickupTxt{
	padding-bottom: 14px;
	margin-bottom: 18px;
	text-align: left;
	border-bottom: 2px solid #FF4A87;
}
.fundPickupTxt span{
	display: block;
	font-size: 1em;
}*/

/* campaign */
.fundContentsCampaignHeadBox{
	margin-bottom: 80px;
	padding: 40px 4% 30px;
	border-radius: 30px;
}
.fundCampaignTitle{
	margin-bottom: 40px;
	text-align: center;
}
.fundCampaignTitleTxt{
	padding: 0 3%;
	display: block;
	font-size: 1.38em;
	font-weight: bold;
	color: #fff;
}
.fundCampaignTitleTxt-em {
	font-size: 1.5em;
}
.fundCampaignTitleTxt-emem {
	font-size: 2em;
}
.fundCampaignFlexContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}
.fundCampaignAcceptingBox {
	width: 23%;
	margin: 0 1% 30px;
	background-color: #fff;
	transition: all 0.3s ease 0s;
}
.fundCampaignAcceptingBox:hover{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
	transform: translateY(-0.1875em);
}
.fundCampaignDate {
	padding: 4%;
	text-align: center;
	background: #f5f5f5;
	font-weight: bold;
}
.fundCampaignAcceptingTxt {
	font-weight: bold;
	color: #ff4a87;
}

/* キモチと。について */
.fundContentsPresentationArea{
	margin-bottom: 0;
	padding: 80px 0;
	background-color: #fff;
}
.fundContentsPresentationBox{
	text-align: center;
}
.fundPresentationTitle{
	text-align: center;
	margin-bottom: 80px;
}
.fundPresentationTitleTxt{
	font-size: 1.38em;
	font-weight: bold;
}
.fundPresentationArea{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.fundPresentationBox{
	width: 32%;
}
.fundPresentationTxtArea{
	text-align: center;
}
.fundPresentationTxtHeading{
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 1.125em;
}
.fundPresentationTxtHeadingTxt{
	display: block;
}
.fundPresentationTxt{
	padding: 0 3%;
	display: block;
	font-size: 0.88em;
}
.fundPresentationImg{
	padding: 0 0 30px;
}
.fundPresentationImg img{
	width: 200px;
	height: auto;
}

/* 累計寄付額 */
.fundTotalDonationBox{
	margin-bottom: 80px;
	padding: 54px 0;
	text-align: center;
}
.fundTotalDonationHeading{
	font-size: 1.125em;
	color: #fff;
	font-weight: bold;
}
.fundTotalDonation-value{
	font-size: 2.5em;
	color: #fff;
	font-weight: bold;
}
.fundTotalDonationTxt{
	font-size: 1.625em;
	color: #fff;
	font-weight: bold;
}

/* 受付中のプログラム */
.fundContentsAccepting{
	margin: 0 auto;
	padding: 0 0 50px;
}
.fundAcceptingHeading{
	margin-bottom: 80px;
	text-align: center;
}
.fundAcceptingBox{
	width: 23%;
	margin: 0 0 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	transition: all 0.3s ease 0s;
}
.fundAcceptingBox a{
	display: block;
	line-height: 0;
}
.fundAcceptingBox:hover{
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
	transform: translateY(-0.1875em);
}
.fundAcceptingImgArea{
	min-height: 0%;
}
.fundAcceptingImg{
	margin-bottom: 10px;
}
.fundAcceptingImg img{
	width: 100%;
	height: auto;
}
.fundAcceptingTxt{
	margin-bottom: 10px;
	padding: 0 4%;
	text-align: left;
}
.fundAcceptingTxt span{
	display: block;
	font-size: 1em;
	line-height: 1.6;
}
.fundAcceptingDetailArea{
	margin: auto 10px 0;
	padding: 4% 0;
	border-top: 2px solid #FF4A87;
}
.fundAcceptingDetailBox{
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
}
.fundAcceptingDetailImg{
	width: 18px;
	height: auto;
	vertical-align: middle;
}
.fundAcceptingDetail{
	margin: 0 auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #333333;
}
.fundAcceptingDetailBox-amount{
	display: none;
}
.fundAcceptingDetail-ItemCnt{
	display: none;
}
.fundAcceptingDetail{
	font-size: 1em;
}
.fundAcceptingDetailHidden,
.fundAcceptingDetailAmountHeading{
	font-size: 0.875em;
}
.fundAcceptingDetailAmount{
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}
.fundContents-padding-bottom-20{
	padding-bottom: 20px
}
.fundContents-padding-bottom-40{
	padding-bottom: 40px
}
.fundCursorPointer{
	cursor: pointer;
}

/* 3周年キャンペーン */
.fundContentsCP{
	color: #ffffff;
	font-size: 1.3em;
	margin-bottom: 0;
	padding: 30px 0;
}
.fundContentsCP p{
	padding-bottom: 2em;
}
.fundContentsCPPresentationArea{
	margin-bottom: 0;
	background-color: #fff;
}
.fundContentsCPBox{
	text-align: center;
}
.fundContentsCPTitle{
	text-align: center;
	margin-bottom: 40px;
}
.fundContentsCPTitleTxt{
	font-size: 2.3em;
	font-weight: bold;
}
.fundPresentationTxtHeadingTxtCP{
	display: inline-block;
}
.fundContentsCPArea{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.fundContentsCPBox{
	width: 32%;
}
.fundContentsCPTxtArea{
	text-align: center;
}
.fundContentsCPTxtHeading{
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 1.19em;
	padding: 0px 0px 14px;
}
.fundContentsCPTxtHeading a{
	color:#000000;
}
.fundContentsCPTxtHeadingTxt{
	display: block;
}
.fundContentsCPTxt{
	padding: 0 3%;
	display: block;
	font-size: 0.88em;
}
.fundContentsCPImg{
	padding: 0 0 10px;
}
.fundContentsCPImg img{
	width: 100px;
	height: auto;
}
hr {
	border: 1px #ffffff solid;
}
summary{
	display:list-item;
}
.fundContentsCPsummary{
	font-size: 1.3em;
	margin-bottom: 0;
	padding: 30px 0;
}
#summary h3{
	margin-bottom: 10px;
}
#summary table, #summary tr, #summary th, #summary td{
	border-collapse: collapse;
	border: 1px solid #999;
}
#summary table{
	width: 100%;
	line-height: 1.5;
	background-color: #fff;
	word-break: break-all;
	overflow: hidden;
	table-layout: fixed;
}
.C1{
	width: 30%;
}
#summary th{
	background-color: #f3f3f3;
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
}
.C2{
	width: 69%;
}
#summary td{
	padding: 12px;
	font-size: 0.68em;
}
#summary table ul {
	list-style: none;
}
#summary table li{
	padding-left: 8px;
	background: url(https://content.bookoffonline.co.jp/files/sell/images/lp/marker.gif) no-repeat 0 0.6em;
}
.bottom_space {
	margin-bottom: 2em;
  }
.bottom_a {
	margin-bottom: 1em;
}
/*-------------*/
/* FlexBox     */
.fundContentsFlexContainer{
	display: -webkit-box; /*PC-Safari6.0まで,Android4.3まで*/
	display: -moz-box;    /*Firefox21まで*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari6.1から,iOS8.4*/
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.fundContentsFlexContainer::after,
.fundContentsFlexContainer::before{
	content: "";
	display: block;
	width: 23%;
}
.fundContentsFlexContainer::before{
	order:1;
}
.fundContentsFlexContainer-column{
	display: -webkit-box; /*PC-Safari6.0まで,Android4.3まで*/
	display: -moz-box;    /*Firefox21まで*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari6.1から,iOS8.4*/
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* ↓IE8,9対応 */
.fundContentsFlexContainer{
	display: block\9;
}
.fundContentsFlexContainer-column{
	display: block\9;
}
.fundContentsFlexItem{
	display: inline-block\9;
	vertical-align: top;
}
.fundAcceptingBox{
	margin: 0 2px 10px\9;
}
@media all and (-ms-high-contrast:none){
.fundContentsFlexContainer{ display: -ms-flexbox\0;}
.fundContentsFlexItem{ display: block\0; }
.fundContentsFlexContainer-column{ display: -ms-flexbox\0;}
.fundAcceptingBox{ margin: 0 0 10px\0;}
}
/* ↑IE8,9対応 */

/* よくある質問 */
.fundHeading{
	margin-bottom: 40px;
	text-align: center;
}
.boxbannerArea{
	padding: 80px 0 0 0;
	text-align: center;
}
.fundFAQContentArea{
	padding: 80px 0 120px;
}
.fundFAQContent{
	text-align: left;
}
.fundFAQHeading{
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	font-size: 1em;
	background: url(../images/arrow_down.png) no-repeat 97% 55%;
	background-size: 16px;
	cursor: pointer;
	background: url(../images/arrow_down.png) no-repeat 97% 55%\9;
	*background: url(../images/arrow_down.png) no-repeat 97% 55%;
}
.fundFAQHeading:hover{
	background-color: #f5f5f5;
}
.js-accordion-area{
	display: none;
}
.fundFAQ .is-present{
	color: #000;
	background-color: transparent;
}
.fundFAQ .is-present:hover{
	background-color: transparent;
}
.active{
	border: none;
	background: url(../images/arrow_up.png) no-repeat 97% 55%;
	background-size: 16px;
}
.fundFAQTxtArea{
	padding: 0 0 60px 1em;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
}
.fundFAQTxt{
	line-height: 1.6;
}
.fundFAQTxt p{
	font-size: .9em;
	line-height: 1.6;
}
.fundFAQTxt + .fundFAQTxt{
	padding: .7em 0 0;
}
.fundFAQLink,
.fundFAQLink:link,
.fundFAQLink:visited{
	text-decoration: underline;
}

#lpCouPageTopJS a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/* SDGs */
.fundSDGsArea{
	margin-bottom: 50px;
	padding-bottom:50px;
	text-align: center;
}
.fundSDGsImgArea{
	margin-bottom: 60px;
}
.fundSDGsTxtArea{
	margin-bottom: 20px;
}
.fundSDGsImgArea{
	letter-spacing: -1em;
	font-size: 0;
}
.fundSDGsImgBox{
	display: inline-block;
	letter-spacing: 0.02em;
	font-size: 1rem;
}
.fundLogoImg{
	padding: 0 30px;
	border-right: 1px solid #ccc;
}
.fundSDGsImg{
	padding: 0 30px;
}

/* プログラムを立ち上げたい */
.fundOfferContent{
	width: 100%;
	height: auto;
}
.fundOfferArea{
	background: #555 url(https://content.bookoffonline.co.jp/files/sellfund/images/bg-start-pc.jpg) no-repeat center;
	color: #fff;
	text-align: center;
	width: 100%;
	height: auto;
	background-size: cover;
}
.fundOfferBox{
	padding:130px 20px 110px;
}
.fundOfferHeading{
	margin-bottom: 40px;
	font-size: 2.5em;
	font-weight: bold;
}
.fundOfferTxtBox{
	margin-bottom: 50px;
	font-size: 1.125em;
}
.fundOfferBtn a{
	display: block;
	text-decoration: none;
	padding: 14px 120px;
	margin: 0 auto;
	width: 10em;
	border: 1px solid #ccc;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
.fundOfferBtn span{
	font-size: 1.125em;
}
.fundOfferBtn a:hover{
	color: #333;
	transition: 0.5s;
	opacity: 0.8;
}
/* =============================================== */
/** Footer
/* ----------------------------------------------- */
.fundFooterArea{
	background-color: #555555;
}
.fundFooterBox{
	padding: 3% 0 0.8%;
	text-align: center;
}

.fundFooter{
	padding: 14px 20px;
}
.fundFooterLinkArea{
	margin-bottom: 74px;
}
.fundFooterLinkBox{
	margin-right: 60px;
	text-align: left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundFooterLinkArea .fundFooterLinkBox:last-child{
	margin-right: 0;
}
.fundFooterLinkHeading{
	color: #fff;
	font-weight: bold;
	font-size: 1.15em;
	text-align: left;
}
.fundFooterLinkGroup{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundFooterLink{
	padding-right: 1.5em;
	font-size: 0.88em;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundFooterLink a{
	color: #fff;
}
.fundFooterLink a:hover{
	color: #fff;
	text-decoration: underline;
}

/* Copyright */
.fundCopyrightArea{
	padding: 0 0 24px;
	line-height: 1.6;
	text-align: center;
	background-color: #555555;
}
.fundCopyright{
	padding: 0 20px;
	margin: 0 auto;
	color: #fff;
}
.fundCopyright div{
	font-size: 0.75em;
}

.PageTop{
	display: none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 20px;
	right: 38px;
}

/* Trademark */
.fundTrademarkArea{
	text-align: center;
	padding: 0 20px 10px;
}
.fundTrademark{
	color: #fff;
	font-size: 0.75em;
}

/* =============================================== */
/** パーツ
/* ----------------------------------------------- */
.fundContentList,
.fundFAQ_fundContentList{
	padding: 0 0 0 40px;
}
.fundContentList li,
.fundFAQ_fundContentList li{
	line-height: 1.7;
}

.fundFAQ_fundContentList li{
	font-size: .9em;
}

.fundIcoTxtArea{
	margin: 0 0 2px;
}
.fundIcoTxt{
	display: inline-block;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	border-radius: 4px;
	*display: inline;*zoom: 1;
}
.fundIcoTxt span{
	padding: 3px 8px;
	display: block;
	line-height: 1;
}
.fundIcoTxt-red{
	background-color: #f67f7f;
	color: #fff;
}
.fundIcoTxt-white{
	background-color: #fff;
}

.fundContentNotes{
	padding: 14px 10px;
	background-color: #fee;
}

.fundTxtcolor-red{
	color: #F00;	
}

.fundAsterisk_S{
	font-size: 12px;
}
.fundAsterisk_TxtArea{
	font-size: 14px;
}


/*  PC responsive --------------------------------------------- */

@media screen and (min-width: 641px){

.fundMB{
	display: none;
}

}/* @media screen and (min-width: 641px) */


/* mobail responsive --------------------------------------------- */

@media screen and (max-width: 640px){

	
	.fundPC{
		display: none !important;
	}
	

	#main{
		width: 100%;
	}

	h2{
		font-size: 1em;
	}

	img {
		max-width: 100%;
		height: auto;
		width /***/: auto;
	}

	/* =============================================== */
	/** header
	/* ----------------------------------------------- */
	.fundHead{
		width: 100%;
	}
	.fundHeadLogoImg {
		padding: 15px;
	}
	.fundHeadLogoImg img {
		width: 100%;
		height: auto;
		max-width: 92px;
	}
	.fundHeadLogo .fundOfferTitle{ /* 画像が読めないとときの保険 */
		max-height: 41px;
	}

	/* メニュー */
	.fundHeadMenu{
		padding-right: 6%;
		font-size: 0.75em;
	}

	/* -------------- */
	/* コンテンツ     */
	/* -------------- */
	/*フェードイン*/
	.fundContentsTitleBGImg{
		width: 100%;
		height: auto;
		min-height: auto;
		margin: auto;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	.fundContentsTitleBGImg img{
		width: auto;
		height: 100%;
	}
	.fundContentsTitleImgArea{
		text-align: center;
	}
	.fundContentsTitleImg{
		padding: 2%;
		width: initial;
		top: 18%;
		left: 0;
	}
	.fundContentsTitleImg img{
		width: 100%;
		height: auto;
	}
	.fundContentsHead{
		margin: 0 auto;
		width: 100%;
		top: initial;
	}
	.fundContentsHead-BG{
		background-color: #fff;
	}
	.fundContentsBtnArea{
		padding: 0;
		border-bottom: 1px solid #ccc;
	}
	.fundContentsBtn{
		margin: 0;
		width: 50%;
	}
	.fundContentsBtn a{
		padding: 14px 0;
		width: initial;
		border-radius: 0;
		box-shadow: none;
	}
	.fundContentsBtn-pink a{
		background: #fff;
		color: #333;
		border-right: 1px solid #ccc;
	}
	.fundContentsBtn-pink a:visited{
		color: #333;
	}
	.fundContentsBtn span{
		font-size: 0.78em;
		font-weight: bold;
	}
	.fundContentsBox{
		width: 100%;
	}

	/* Pickup */
	.fundContentsHeadBox{
		margin-bottom: 0;
		padding: 40px 4% 10px;
		background: #F5F5F5;
	}
	.fundPickupTitleTxt{
		font-size: 1em;
	}
	.fundPickupBox{
		width: 48%;
		margin-bottom: 30px;
	}/*
	.fundPickupImg{
		margin-bottom: 10px;
	}
	.fundPickupTxtArea{
		margin-bottom: 10px;
	}
	.fundPickupTxtBox{
		padding: 0 6%;
	}
	.fundPickupTxt {
		padding-bottom: 12px;
		margin-bottom: 10px;
	}
	.fundPickupTxt span{
		font-size: 0.65em;
	}*/

	/* campaign */
	.fundContentsBtn-left a{
		border-right: 1px solid #ccc;
	}
	.fundContentsCampaignHeadBox {
		border-radius: 0;
	}
	.fundCampaignTitleTxt {
		font-size: 1em;
	}
	.fundCampaignTitleTxt-em {
		font-size: 1.38em;
	}
	.fundCampaignAcceptingBox {
		margin: 0 2% 30px;
		width: 46%;
	}
	.fundCampaignDate {
		font-size: 0.65em;
	}

	/* キモチと。とは */
	.fundContentsPresentationArea {
		margin-bottom: 0;
		padding: 30px 3% 10px;
	}
	.fundContentsPresentationBox{
		background: #fff;
	}
	.fundContentsPresentation-border{
		border: none;
	}
	.fundPresentationArea{
		display: block;
	}
	.fundPresentationBox{
		padding: 20px 0 30px;
		width: 100%;
	}
	.fundPresentationTitle{
		margin-bottom: 0;
		text-align: center;
		line-height: 1.4em;
	}
	.fundPresentationTitleTxt{
		padding: 0 3%;
		display: block;
		font-size: 0.75em;
		color: #999999;
	}
	.fundPresentationImg{
		padding: 0 0 10px;
	}
	.fundPresentationTxtHeading{
		margin-bottom: 10px;
		line-height: 1.6;
		font-size: 0.88em;
	}
	.fundPresentationTxtHeadingTxt_SP{
		display: inline-block;
	}
	.fundPresentationTxt{
		font-size: 0.75em;
	}

	/* 累計寄付額 */
	.fundTotalDonationBox{
		margin-bottom: 20px;
		padding: 40px 0;
	}
	.fundTotalDonationHeading{
		font-size: 0.875em;
	}
	.fundTotalDonation-value{
		font-size: 1.75em;
	}
	.fundTotalDonationTxt{
		font-size: 1em;
	}

	/* 受付中のプログラム */
	.fundContentsAccepting{
		padding: 20px 4% 10px;
	}
	.fundAcceptingHeading{
		margin-bottom: 40px;
	}
	.fundAcceptingBox{
		margin: 0 0 30px;
		width: 48%;
	}
	.fundAcceptingTxt{
		padding: 0 6%;
		font-size: 0.65em;
	}
	.fundAcceptingDetailArea{
		margin: auto 4% 0;
		padding: 4% 0;
		border-top: 1px solid #FF4A87;
	}
	.fundAcceptingDetail{
		text-align: center;
	}
	.js-amount .fundAcceptingDetail{
		line-height: 1.2;
	}
	.fundAcceptingDetailImg{
		margin: 0 auto;
		display: block;
		width: 14px;
	}
	.fundAcceptingDetailAmountHeading,
	.fundAcceptingDetailAmount,
	.fundAcceptingDetailItemCnt{
		font-size: 0.65em;
		vertical-align: middle;
	}
	.fundAcceptingDetailHidden{
		margin: 0;
		display: inline-block;
		font-size: 0.65em;
		vertical-align: middle;
	}
	.fundAcceptingTxt{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	/* よくある質問 */
	.fundFAQContentArea{
		padding: 40px 4%;
	}
	.fundFAQHeading{
		padding: 20px 34px 20px 0;
		border-bottom: 1px solid #ccc;
		background-size: 14px;
		font-size: 0.88em;
	}
	.active{
		background-size: 14px;
	}
	.fundFAQTxtArea{
		padding: 20px 4% 40px;
	}
	.fundFAQTxt p{
		font-size: 0.82em;
	}
	.fundImgArea img{
		width: 100%;
		height: auto;
	}
	.fundContentList,
	.fundFAQ_fundContentList{
		padding: 0 0 0 8%;
	}
	.fundFAQContent .fundFAQ .fundFAQHeading:last-child {
		padding: 20px 34px 40px 0;
	}

	/*SDGs*/
	.fundSDGsArea {
		margin: 0 5% 40px;
		padding-bottom: 20px;
	}
	.fundSDGsTxtArea {
		margin-bottom: 6px;
		text-align: left;
		font-size: 0.88em;
	}
	.fundSDGsImgArea{
		margin-bottom: 20px;
	}
	.fundSDGsImgBox-left{
		width: 25%;
	}
	.fundSDGsImgBox-right{
		width: 75%;
	}
	.fundLogoImg{
		margin-bottom: 10px;
		padding: 0 10px 0 0;
	}
	.fundSDGsImg{
		margin-bottom: 10px;
		padding: 0 0 0 10px;
	}
	.fundLogoImg img{
		width: 100%;
		height: auto;
	}
	.fundSDGsImg img{
		width: 100%;
		height: auto;
	}

	/* プログラムを立ち上げたい */
	.fundOfferContent{
		height: 270px;
		width: auto;
	}
	.fundOfferArea{
		background:  url(https://content.bookoffonline.co.jp/files/sellfund/images/bg-start-sp.jpg) no-repeat 0 center;
		background-size: cover;
		width: auto;
		height: 100%;
	}
	.fundOfferBox{
		padding: 60px 4% 20px;
	}
	.fundOfferHeading {
		margin-bottom: 16px;
		font-size: 1.125em;
	}
	.fundOfferTxtBox{
		margin-bottom: 30px;
	}
	.fundOfferTxt{
		font-size: 0.68em;
	}
	.fundOfferBtn a{
		padding: 9px;
		margin: 0 25%;
		width: initial;
		border-radius: 50px;
	}
	.fundOfferBtn span{
		font-size: 0.88em;
	}

	/* =============================================== */
	/** Footer
	/* ----------------------------------------------- */
	.fundFooterArea{
		width: auto;
	}
	.fundFooterBox{
		padding: 4% 5% 1%;
	}
	.fundFooterLinkBoxborder{
		border-bottom: 1px solid #fff;
	}
	.fundFooterLinkArea{
		margin-bottom: 10px;
	}
	.fundFooterLinkBox{
		padding: 16px 0;
		margin-right: 0;
		display: block;
		letter-spacing: -1em;
	}
	.fundFooterLinkHeading{
		font-size: 1em;
		letter-spacing: 0.02em;
	}
	.fundFooterLinkGroup{
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
	.fundFooterLink{
		padding: 0;
		display: block;
		font-size: 0.75em;
		letter-spacing: 0.02em;
	}
	.fundFooterLink a{
		padding: .8em 0 0;
		display: block;
	}
	.ftr_logo img{
		width: 64px;
		height: 64px;
	}

	/* Copyright */
	.fundCopyrightArea{
		margin: 0 auto;
		padding: 10px 0 40px;
		width: auto;
	}
	.fundCopyright{
		font-size: 0.7em;
	}
	.PageTop{
		right: 14px;
	}
	.PageForm{
		width: 64px;
		height: 64px;
		right: 9px;
		bottom: 76px;
	}
	/* Trademark */
	.fundTrademark span{
		display: block;
	}
	/* 3周年キャンペーン */
	.fundContentsCPTitleTxt{
		font-size:1.5em ;
	}
	.fundContentsCPTxtHeading{
		font-size: 0.7em;
		padding: 0px 0px 14px;
	}
	/*
	.fundContentsCPArea{
		display: block;
	}
	 */
	.fundContentsCPImg{
		padding: 0 0 10px;
	}
	.fundContentsCP p{
		font-size: 0.88em;
	}
	/* summary */
	#summary h3{
		text-align: center;
		font-size: 0.91em;
	}
	#summary table, #summary tr, #summary th, #summary td{
		border: none;
	}
	#summary table{
		margin: 0 auto 20px;
		width: 100%;
		line-height: 1.5;
		background-color: #fff;
	}
	.C1{
		width: 100%;
	}
	#summary th{
		padding: 12px 0;
		display: block;
		font-size: 0.885em;
		font-weight: normal;
	}
	.C2{
		margin: 0 auto;
		width: 100%;
	}
	#summary td{
		padding: 12px 0;
		display: block;
		font-size: 12px;
	}
	#summary td p,
	#summary td div{
		padding: 0 1em;
	}
	#summary table li{
		padding: 0 1em 0 1.8em;
		background-position: 1em 0.6em;
	}
}/* @media screen and(max-width: 640px) */


/* 640px-1160px responsive --------------------------------------------- */
@media screen and (min-width: 640px) and (max-width: 1160px) {
	/* =============================================== */
	/** header
	/* ----------------------------------------------- */
	.fundHeadArea{
		padding: 0 3%;
	}
	.fundHead{
		width: 100%;
	}
	.fundContentsTitleBGImg{
		max-height: 600px;
		min-height: 600px;
	}
	.fundContentsHead{
		margin: 0 auto -200px;
		width: 100%;
		top: -200px;
	}
	.fundContentsTitleImg{
		top: 54px;
	}
	.fundContentsTitleImg img{
		width: 68%;
		height: auto;
	}
	.fundContentsBtnArea{
		padding: 0 0 40px;
	}
	.fundContentsBtn{
		margin: 10px;
	}

	/* Pick up */
	.fundContentsBox{
		width: 100%;
	}

	/* campaign */
	.fundContentsCampaignHeadBox {
		border-radius: 0;
	}

	/* キモチと。とは */
	.fundContentsPresentationArea{
		padding: 80px 2%;
	}

	/* 受付中のプログラム */
	.fundContentsAccepting{
		width: 100%;
	}
	.fundAcceptingArea{
		padding: 0 2%;
	}

	/* よくある質問 */
	.fundFAQContentArea{
		padding: 80px 2% 120px;
	}

	/* プログラムを立ち上げたい */
	.fundOfferContent {
		width: 100%;
		height: 550px;
	}
	.fundOfferArea{
		height: 100%;
		background-position: 80% center;
		background-size: cover;
	}
	/* =============================================== */
	/** Footer
	/* ----------------------------------------------- */
	.fundFooterLinkArea {
		text-align: left;
	}
	.fundFooterLinkBox {
		margin: 0 0 20px 30px;
		text-align: left;
	}
}/* @media screen and (min-width: 640px) and (max-width: 1080px) */