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

.content { border-bottom: none; padding: 0 0 0; margin: 0 0 0; }
#bicycleContent .content h3{ position: relative; }
#bicycleContent h3:before { content: inherit !important; height:0 !important; }
#panNavi {
    border-top: 1px solid #f1eeec;
    margin: 0 auto 0;
}

/* ----------------------------------------------
	概　要
------------------------------------------------- */
.bicycleAbout {
	position:relative;
	text-align:center;
}
.bicycleAbout h2{
	background-color:#36bdef;
	padding:7px;
	font-size:93%;
	color:#ffffff;
	margin:0 0 0;
	text-align:center;
}
.bicycleAbout .aikikin{
	position:absolute;
	width:130px;
	height:65px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:130px auto;
	background-image:url(../images/aikikin.png);
}
.bicycleAbout .title{
	height:320px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 320px;
	background-image:url(../images/title.png);
	margin:15px 0 15px;
}
.bicycleAbout .title img{ display:none; }
.bicycleAbout .comment{
	font-size:107%;
	margin:0 15px 15px;
	text-align:left;
}
.bicycleAbout .mainimage{ margin:0 15px 15px; }
.bicycleAbout .left{
	background-color:#c2ebfa;
	text-align:left;
	margin:0 15px 15px;
}
.bicycleAbout .right{
	background-color:#fadcc8;
	text-align:left;
	margin:0 15px 15px;
}
.mainContent .bicycleAbout .left h4,
.mainContent .bicycleAbout .right h4{
	color:#ffffff;
    margin: 0 auto 0 auto;
    font-size: 149%;
    font-weight: bold;
    text-align: left;
	padding:15px 20px 15px 20px;
	line-height:1.4;
	background-position:right 10px center;
	background-size:120px auto;
	background-repeat:no-repeat;
}
.mainContent .bicycleAbout .left h4{
	background-color:#36bdef;
	background-image:url(../images/bicycle1.png);
}
.mainContent .bicycleAbout .right h4{
	background-color:#f08a4a;
	background-image:url(../images/bicycle2.png);
}
.mainContent .bicycleAbout .left .text,
.mainContent .bicycleAbout .right .text{
	margin:20px 20px 15px;
}
.mainContent .bicycleAbout .right .text .text12{}
.mainContent .bicycleAbout .left h5,
.mainContent .bicycleAbout .right h5{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size: 114%;
	margin:0 20px 0;
	color:#ffffff;
}
.mainContent .bicycleAbout .left h5{ background-color:#009fe8; }
.mainContent .bicycleAbout .right h5{ background-color:#e95513; }
.mainContent .bicycleAbout .left ul,
.mainContent .bicycleAbout .right ul{
	margin:10px 25px 10px;
	font-size:114%;
}
.mainContent .bicycleAbout .left ul:last-of-type,
.mainContent .bicycleAbout .right ul:last-of-type{
	padding:0 0 15px;
	border-bottom:1px dashed #000000;
}
.mainContent .bicycleAbout .left ul li,
.mainContent .bicycleAbout .right ul li{ font-weight:bold; }
.mainContent .bicycleAbout .left ul li{ color:#009fe8; margin:0 0 3px; }
.mainContent .bicycleAbout .right ul li{ color:#e95513; }

.mainContent .bicycleAbout .left .text_s,
.mainContent .bicycleAbout .right .text_s{
	margin:15px 25px 0;
	padding:0 0 20px;
}

/* ----------------------------------------------
	自転車リレー事業の流れ
------------------------------------------------- */
.bicycleFlow{
	border:3px solid #00a23e;
	margin:0 15px 15px;
}
.bicycleFlow h3{
	padding:10px;
	line-height:1.0;
	background-color:#00a23e;
	color:#ffffff;
	font-size:142%;
	margin:0;
}
.bicycleFlow .bicycleFlowList{
	padding:15px;
	text-align:left;
}
.bicycleFlow .bicycleFlowList li{
	margin:0 0 10px;
}
.bicycleFlow .bicycleFlowList li:last-of-type{
	margin:0 0 0;
}
.bicycleFlow .bicycleFlowList li.ya{
	text-align:center;
	height:auto;
	margin:0 0 11px;
}
.bicycleFlow .bicycleFlowList li.ya img{
	width:25px;
	height:auto;
}
.bicycleFlow .bicycleFlowList h4{
	display:block;
	color:#ffffff;
	margin: 0 0 10px auto;
	font-size: 128%;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	padding:10px 10px;
}
.bicycleFlow .bicycleFlowList h4 br{ display:none; }
.bicycleFlow .bicycleFlowList li.list1 h4{ background-color:#946134; }
.bicycleFlow .bicycleFlowList li.list2 h4{ background-color:#009fe8; }
.bicycleFlow .bicycleFlowList li.list3 h4{ background-color:#00a23e; }
.bicycleFlow .bicycleFlowList li.list4 h4{ background-color:#8dc21f; }
.bicycleFlow .bicycleFlowList li.list5 h4{ background-color:#f08a4a; }

.bicycleFlow .bicycleFlowList p.text{
	font-size:107%;
	margin: 0 auto 0 auto;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom center;
}
.bicycleFlow .bicycleFlowList p.text strong{
	font-weight:bold;
}
.bicycleFlow .bicycleFlowList li.list1 p.text{ padding:0 0 100px; background-image:url(../images/flow1.png); background-size:150px auto; }
.bicycleFlow .bicycleFlowList li.list2 p.text{ padding:0 0 100px; background-image:url(../images/flow2.png); background-size:250px auto; }
.bicycleFlow .bicycleFlowList li.list4 p.text{ padding:0 0 150px; background-image:url(../images/flow3.png); background-size:200px auto; }
.bicycleFlow .bicycleFlowList li.list5 p.text{ padding:0 0 120px; background-image:url(../images/flow4.png); background-size:200px auto; }

/* ----------------------------------------------
	応募方法
------------------------------------------------- */
.bicycleApplication{}
.bicycleApplication h3{
	padding:10px;
	line-height:1.0;
	background-color:#804f21;
	color:#ffffff;
	font-size:142%;
	margin:0;
}
.bicycleApplication .bicycleApplicationContent{
	padding:0 0 15px;
	text-align:left;
	border:3px solid #804f21;
	margin:0 15px 15px;
}
.bicycleApplication .bicycleApplicationContent .mainText{
	font-size:114%;
	font-weight:bold;
	color:#804f21;
	padding:15px 15px 7px;
}
.bicycleApplication .bicycleApplicationContent .bicycleTel{
	font-size:135%;
	font-weight:bold;
	padding:0 15px 0;
}
.bicycleApplication ul{
	margin:10px 15px 0;
	text-align:left;
	color:#804f21;
	font-size:86%;
}

/* ----------------------------------------------
	応募方法
------------------------------------------------- */
.bicycleGroup{
	background-color:#36bdef;
	padding:20px 20px 5px !important;
	font-weight:bold;
	font-size:121%;
	color:#ffffff;
	margin:15px auto 0;
}
.bicycleGroup .left{
	float:left;
	width:50px;
	margin:0 15px 10px 0;
	vertical-align:middle;
}
.bicycleGroup .left img{
	width:50px;
	height:auto;
}
.bicycleGroup .right{
	text-align:left;
	vertical-align:middle;
}
.bicycleGroup .right h3{
	margin: 0 auto 10px auto;
	text-align:left;
	font-size:114%;
}
.bicycleGroup .right dl{
	clear: both;
	font-size:93%;
}
.bicycleGroup .right dl dt{
	color:#36bdef;
	display:inline-block;
	padding:3px 15px;
	font-size:86%;
	margin:0 0 5px;
	background-color:#ffffff;
}
.bicycleGroup .right dl dd{
	margin:0 0 15px;
	font-weight:normal;
	font-size:93%;
}


/* ----------------------------------------------
	自転車（譲渡）募集終了後
------------------------------------------------- */
.donationEnd{
	margin: 10px 20px;
    text-align: center;
    color: #ee0000;
    background-color: #ffffff;
    padding: 5px;
    font-weight: bold;
	font-size:110%;
}

.applicationStart{
	display: block;
    margin: 0 20px 20px;
    text-align: center;
    color: #ffffff;
	text-decoration:none;
    background-color: #e82d15;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding:10px 16px;
	font-size:15px;
    /*font-size: 120%;
	font-size:4.2vw;*/
}


.bicycleAbout a:link { color:#ffffff; }
.bicycleAbout a:visited { color:#ffffff; }
.bicycleAbout a:hover { color:#ffffff; text-decoration:none; }
.bicycleAbout a:active { color:#ffffff; text-decoration:none;}

.bicycleAbout .right {
    padding-bottom: 10px;
}

.bicycleApplication .bicycleApplicationContent .bicycleTel{
	padding:15px 15px 0;
}

/* 協力店募集 */
.bicycleAbout #shop{
	margin:0 15px 15px;
	background-color: #ffe4ae;
	text-align:left;
	padding-bottom:30px;
}
.mainContent .bicycleAbout #shop h4{
	color:#ffffff;
    margin: 0 auto 0 auto;
    font-size: 149%;
    font-weight: bold;
    text-align: left;
	padding:28px 20px 29px 20px;
	line-height:1.4;
	background-color:#f7af0f;
	background-image:url(../images/bicycle3.png);
	background-position:right 10px center;
	background-size:120px auto;
	background-repeat:no-repeat;
}
.mainContent .bicycleAbout #shop .text{
	margin:25px 30px 15px;
	font-size: 114%;
	line-height:1.3em;
}
.mainContent .bicycleAbout #shop h5{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size: 114%;
	margin:0 20px 0;
	color:#ffffff;
	background-color:#f7af0f;
}
.mainContent .bicycleAbout #shop ul{
	margin:10px 25px 10px;
	font-size:114%;
}
.mainContent .bicycleAbout #shop ul:last-of-type{}
.mainContent .bicycleAbout #shop ul li{
	font-weight:bold;
	color:#e88813;
	margin:0 0 3px;
}
.mainContent .bicycleAbout #shop a{
	display: block;
	margin: 25px 20px 0;
	text-align: center;
	color: #ffffff;
	font-size:120%;
	/*font-size:4.2vw;*/
	font-weight: bold;
	background-color: #f7af0f;
	padding: 10px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-decoration:none;
}
.mainContent .bicycleAbout #shop a img{
	width:30px;
	height:auto;
}
.mainContent .bicycleAbout #shop div{
	margin: 0 20px;
    padding: 10px;
    border: 2px solid #e37600;
}

/* 譲り受けのお申し込みについて */
#bicycleDetail{
	border:3px solid #e95513;
	margin:0 15px 15px;
	text-align:center;
}
#bicycleDetail p.text_b{
	margin:15px;
	font-size:116%;
}
#bicycleDetail img.ya2{
	width:40px;
	height:auto;
}
#bicycleDetail h3{
	padding:10px;
	line-height:1.0;
	background-color:#e95513;
	color:#ffffff;
	font-size:139%;
	margin:0;
}
#bicycleDetail h4{
	display: block;
    color: #ffffff;
    margin:10px 15px;
    font-size: 128%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px;
	background-color:#e95513;
}
#bicycleList{
	margin:10px 5px 50px;
}
#bicycleList h4{
	display: block;
    color: #ffffff;
    margin:10px 0;
    font-size: 128%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px;
	background-color:#e95513;
}
#bicycleList ul li{
	display:block;
	float:left;
	margin:1%;
	border:1px solid #dddddd;
	width:47%;
	height:160px;
	height:41vw;
}
#bicycleList ul li a{
	display:block;
	padding:0;
	width:100%;
	height:100%;
	color:#000000;
	text-align:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:top center;
	position:relative;
}
#bicycleList ul li#bicyclelist01 a{ background-image:url(../images/bicycle_list2/list01_s.jpg); }
#bicycleList ul li#bicyclelist02 a{ background-image:url(../images/bicycle_list2/list02_s.jpg); }
#bicycleList ul li#bicyclelist03 a{ background-image:url(../images/bicycle_list2/list03_s.jpg); }
#bicycleList ul li#bicyclelist04 a{ background-image:url(../images/bicycle_list2/list04_s.jpg); }
#bicycleList ul li#bicyclelist05 a{ background-image:url(../images/bicycle_list2/list05_s.jpg); }
#bicycleList ul li#bicyclelist06 a{ background-image:url(../images/bicycle_list2/list06_s.jpg); }
#bicycleList ul li#bicyclelist07 a{ background-image:url(../images/bicycle_list2/list07_s.jpg); }
#bicycleList ul li#bicyclelist08 a{ background-image:url(../images/bicycle_list2/list08_s.jpg); }
#bicycleList ul li#bicyclelist09 a{ background-image:url(../images/bicycle_list2/list09_s.jpg); }
#bicycleList ul li#bicyclelist10 a{ background-image:url(../images/bicycle_list2/list10_s.jpg); }
#bicycleList ul li#bicyclelist11 a{ background-image:url(../images/bicycle_list2/list11_s.jpg); }
#bicycleList ul li#bicyclelist12 a{ background-image:url(../images/bicycle_list2/list12_s.jpg); }
#bicycleList ul li#bicyclelist13 a{ background-image:url(../images/bicycle_list2/list13_s.jpg); }
#bicycleList ul li#bicyclelist14 a{ background-image:url(../images/bicycle_list2/list14_s.jpg); }
#bicycleList ul li#bicyclelist15 a{ background-image:url(../images/bicycle_list2/list15_s.jpg); }
#bicycleList ul li#bicyclelist16 a{ background-image:url(../images/bicycle_list2/list16_s.jpg); }
#bicycleList ul li#bicyclelist17 a{ background-image:url(../images/bicycle_list2/list17_s.jpg); }
#bicycleList ul li#bicyclelist18 a{ background-image:url(../images/bicycle_list2/list18_s.jpg); }
#bicycleList ul li#bicyclelist19 a{ background-image:url(../images/bicycle_list2/list19_s.jpg); }
#bicycleList ul li#bicyclelist20 a{ background-image:url(../images/bicycle_list2/list20_s.jpg); }
#bicycleList ul li#bicyclelist21 a{ background-image:url(../images/bicycle_list2/list21_s.jpg); }
#bicycleList ul li#bicyclelist22 a{ background-image:url(../images/bicycle_list2/list22_s.jpg); }
#bicycleList ul li#bicyclelist23 a{ background-image:url(../images/bicycle_list2/list23_s.jpg); }
#bicycleList ul li#bicyclelist24 a{ background-image:url(../images/bicycle_list2/list24_s.jpg); }
#bicycleList ul li#bicyclelist25 a{ background-image:url(../images/bicycle_list2/list25_s.jpg); }
#bicycleList ul li#bicyclelist26 a{ background-image:url(../images/bicycle_list2/list26_s.jpg); }
#bicycleList ul li#bicyclelist27 a{ background-image:url(../images/bicycle_list2/list27_s.jpg); }
#bicycleList ul li#bicyclelist28 a{ background-image:url(../images/bicycle_list2/list28_s.jpg); }
#bicycleList ul li#bicyclelist29 a{ background-image:url(../images/bicycle_list2/list29_s.jpg); }
#bicycleList ul li#bicyclelist30 a{ background-image:url(../images/bicycle_list2/list30_s.jpg); }

#bicycleList ul li p{
	position: absolute;
    bottom: 0;
	line-height:110%;
    text-align: left;
    margin: 0;
    padding: 0 2px 2px;
    font-size: 3.5vw;
}
#bicycleList ul li a .bicycle_size{
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	background-color:#f87b00;
	padding: 2px 5px;
	margin: 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 80%;
}
#bicycleDetail #bicycle_method{
	margin:0 15px 40px;
	text-align:left;
}
#bicycleDetail #bicycle_method #limit{
	color:#ee0000;
	font-weight:bold;
	font-size:140%;
	text-align:center;
}
#bicycleDetail #bicycle_method dl{
	margin:10px 0;
	font-size:110%;
}
#bicycleDetail #bicycle_method dl dt{
	display: block;
	margin:0 5px;
    padding:10px;
    text-align: left;
    font-weight: bold;
    color: #ffffff;
	background-color:#e95513;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
#bicycleDetail #bicycle_method dl dd{
	display: block;
	padding: 5px;
    text-align: left;
    font-weight: bold;
}
#bicycleDetail #bicycle_method dl dd div{
    padding: 5px;
    margin: 4px 0;
    border: 2px solid #ee0000;
}
#bicycleDetail #nagare{
	margin:5px 30px 40px;
	text-align:left;
	font-size:110%;
}
#bicycleDetail #nagare ul{
	margin: 0 0 0 2em;
    padding: 0;
    list-style-type: disc;
}
#bicycleDetail #nagare ul li{}


/* ----------------------------------------------
	自転車リレー事業 協力店一覧
------------------------------------------------- */
.bicycleCooperation{
	border:5px solid #f7af0f;
	margin:0 15px 15px;
}
.bicycleCooperation h3{
	padding:10px;
	line-height:1.0;
	background-color:#f7af0f;
	color:#ffffff;
	font-size:142%;
	margin:0;
}
.bicycleCooperation h4{
	margin:0;
	padding:10px 15px;
	color:#66490e;
	background-color:#ffce6c;
	text-align:left;
	font-size:142%;
}
.bicycleCooperation h3 p{
	margin:8px 0 0 0;
	padding:0;
	text-align:center;
	font-size:70%;
	line-height:120%;
	font-weight:normal;
	color:#4c4b4a;
}
.bicycleCooperation .bicycleCooperationList{
	margin:3px;
	padding:15px 12px 12px;
    text-align:left;
    border-bottom:1px solid #cccccc;
}
.bicycleCooperation #bicycleCooperationList06{
    border-bottom:0px;
}
.bicycleCooperation .ListRight{}
.bicycleCooperation .ListBottom{}
.bicycleCooperation .underlineNone_sp{
	border-bottom-width:0;
	margin-bottom:20px;
}
.bicycleCooperation .bicycleCooperationList dl{
	margin:0 0 10px 0;
}
.bicycleCooperation .bicycleCooperationList dl dt, .bicycleCooperation .bicycleCooperationList dl dd{
	display:block;
	margin:0 0 10px;
	padding:0;
}
.bicycleCooperation .bicycleCooperationList dl dt{
	font-size:140%;
	font-weight:bold;
}
.bicycleCooperation .bicycleCooperationList dl dd:last-of-type{
	margin:0 0 0;
}
.bicycleCooperation .bicycleCooperationList dl dd{
	font-size:110%;
	line-height:130%;
}
.bicycleCooperation .bicycleCooperationList dl dd span{
	display:inline-block;
	background-color:#e5a10e;
	color:#ffffff;
	margin:3px 5px 0 0;
	padding:2px 6px;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.bicycleCooperation .map{
	margin:0;
	padding:0;
	width:100%;
	height:240px;
}
/*.bicycleCooperation .bicycleCooperationList#toyo03 .map{ height:auto; }
.bicycleCooperation .bicycleCooperationList#toyo03 .map a{
	display: block;
    text-align: center;
	margin:10px 0 0;
    padding: 10px 0;
    text-decoration: none;
    color: #ffffff;
    background-color: #0099cc;
    font-weight: bold;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}*/