@charset 'utf-8';
/*---------------------------------------------------
	
	GENERAL
	
---------------------------------------------------*/
#container {
	width: 100%;
}
#ghcontainer-sp #ghcontainer-sp-wrap{
	z-index: 4 !important;
}


.spHide {
	display: none !important;
}

#Homecoming {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    min-width: 100%;
    color: #000;
    margin: 0 auto;
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'ヒラギノ丸ゴ ProN', 'Hiragino Maru Gothic ProN', YuGothic, 'Yu Gothic', 'Yu Gothic UI', 'MS UI Gothic', sans-serif;
    line-height: 1.8em;
    letter-spacing: 1.8px;
    font-size: 15px;
}

#Homecoming img {
    width: 100%;
}

#Homecoming i {
    font-style: normal;
}

#Homecoming a {
    text-decoration: none;
}


#Homecoming a:hover {
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -ms-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}



/*ヘッダー*/
#Homecoming header .HaedWrap {
    width: 100%;
    height: 600px;
    background-color: #9cc4ee;
    position: relative;
}

#Homecoming header .HaedWrap:after{
    width: 460px;
    height: 235px;
    position: absolute;
    content: "";
    background: url(../image/bg-main-SP02.png);
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.MainLogoWrap {
    width: 100%;
    max-width: 500px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


.MainLogoWrap h1 {
    width: 90%;
    margin: 0 auto;
}

.MainLogoWrap h2.FreeIcon {
    width: 90%;
    max-width: 150px;
    margin: 15px auto 0;
}
.MainLogoWrap h2.DayIcon {
    width: 90%;
    max-width: 300px;
    margin: -30px auto 0;
}


.LeadText {
    width: 100%;
    margin: 50px auto;
    text-align: center;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}
.LeadText .typhoon {
	;
    font-size: 14px;
	margin-top:20px;
    line-height: 1.5em;
	padding: 20px 5px 25px 5px;
	color:#fff;
	background: #CC0000;
}
.LeadText .typhoon span{
	display: block;
    font-size: 16px;
	font-weight: bold;
	margin-bottom:10px;
}

.LeadText h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.LeadText p {
    font-size: 13px;
    line-height: 1.8em;
}


/*動画*/
#Move{
    width: 80%;
    margin: 100px auto 100px;
    text-align: center;
}

#Move .MoveWrap video{
    width: 100%;
    display: block;
    margin: 0 auto;
}

.bc-player-4k5Jg43ag_default{
    width: 80% !important;
    height: 150px !important;
    margin: 0 auto;
}




/*メインコンテンツ*/
#Homecoming main {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
}


#Homecoming main h4 {
    width: 90%;
    max-width: 440px;
    margin: 100px auto 0;
    display: block;
}


#Homecoming main #Outline {
    width: 100%;
    margin: 30px auto 0;
    position: relative;
}


.OutlineWrap {
    width: 100%;
    margin: 30px auto 0;
    font-size: 14px;
    position: relative;
}

.MapAll {
    position: absolute;
    width: 60%;
    max-width: 360px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFF;
    top: 200px;
    right: 0;
}


.OutlineWrap > dl {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px dashed #a0a0a0;
    overflow: hidden;
}

.OutlineWrap > dl:nth-child(6) {
    border-bottom: none;
}

.OutlineWrap > dl dt {
    width: 100%;
    font-weight: bold;
}

.OutlineWrap > dl dd {
    width: 100%;
}

.OutlineWrap > dl dd.AccessOutline{
    width: 40%;
}

.OutlineWrap > dl dd .Gate {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #CC0000;
}

.OutlineWrap > dl dd i {
    font-size: 12px;
    line-height: 1.5em;
}


.MapImg {
    width: 50%;
    max-width: 300px;
    float: right;
    margin-top: -140px;
}


.MapLink a {
    display: block;
    border: 2px solid #CC0000;
    width: 100px;
    padding: 3px;
    font-size: 10px;
    text-align: center;
    color: #CC0000;
    box-sizing: border-box;
}

.SPDirectionPointBtn {
    display: block;
}

.SPDirectionPointBtn a {
    font-size: 15px;
    color: #CC0000;
    box-sizing: border-box;
    border: 2px solid #cc0000;
    display: block;
    text-align: center; 
    padding: 10px 0;
}

.inline_contentWrap{
    display: none;
}

#cboxLoadedContent{
    width: 100% !important;
    height: auto !important;
}

.DirectionPoint {
    width: 100%;
    display: block;
    background-color: #FFF;
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.5em;
    box-sizing: border-box;
    padding: 10px;
}

.DirectionPointCun {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.7em;
}

.FaqBtn {
    width: 100%;
    margin: 20px auto 0;
}

.FaqBtn a {
    display: block;
    background-color: #CC0000;
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
    text-align: center;
    padding: 20px 0;
}

/*プログラム*/


#ProgramWrap {
    width: 100%;
    background-color: #f3f3f3;
    margin: 100px auto 0;
    padding: 30px 0;
    position: relative;
}

#ProgramWrap > h5 {
    color: #000;
    text-shadow:
        1px 1px 0 #FFF, -1px -1px 0 #FFF,
        -1px 1px 0 #FFF, 1px -1px 0 #FFF,
        0px 1px 0 #FFF, 0-1px 0 #FFF,
        -1px 0 0 #FFF, 1px 0 0 #FFF;
    font-size: 17px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    background: url(../image/bk-h3.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 20px;
    background-position: bottom 14px center;
}


.MainProgram {
    width: 100%;
    position: relative;
    margin-bottom: 250px;
}

.MainProgramImg {
    width: 95%;
}

.MainProgramTextWrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.MainProgramText {
    width: 95%;
    margin-left: 10px;
    float: right;
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 99;
    background-color: #FFF;
    padding: 10px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.6em;
}


.MainProgramText strong {
    font-size: 18px;
    font-weight: bold;
}

.MainProgramText strong s {
    width: 25px;
    display: inline-block;
    margin-bottom: 5px;
}

.MainProgramText p span{
    font-size: 12px;
    display: block;
    color: #CC0000;
    line-height: 1.5em;
}

.ProgramImg01 {
    position: absolute;
    top: -280px;
    right: -80px;
    width: 130px;
}

.ProgramImg02 {
    position: absolute;
    top: -290px;
    left: -290px;
    width: 80px;
}


.ProgramImg03 {
    position: absolute;
    top: -20px;
    right: 0px;
    width: 50px;
}

.ProgramImg04 {
    position: absolute;
    top: 180px;
    left: 0px;
    width: 75px;
}


/*プログラムスライダー*/


.SubProgramSlider {
    width: 90%;
    margin: 150px auto 0;
    background-color: #f3f3f3;
    position: relative;
    z-index: 5;
}

.SubProgramSlider > div{
    width: 100%;
    margin: 0 auto;
}

.SubProgramSlider .bxslider {
    width: 100%;
    margin: 0 auto;
}

.SubProgramSlider .bx-wrapper {
    margin-bottom: 10px !important;
}

.SubProgramSlider .bxslider li {
    overflow: hidden;
    background-color: #FFF;
}

.SubProgramSlider .bxslider li .ProgramImg {
    width: 100%;
}

.SubProgramSlider .bxslider li .SubProgramSliderTxet {
    width: 100%;
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
}

.SubProgramSlider .bxslider li .SubProgramSliderTxet strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    background: url(../image/circle.png);
    background-repeat: repeat-x;
    background-size: 20px 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-position: bottom left;
}


.SubProgramSlider .bxslider li .SubProgramSliderTxet p {
    margin-top: 5px;
    font-size: 15px;
    padding-left: 10px;
}

.SubProgramSlider .bx-pager {
    width: 100%;
    margin: 0 auto;
    letter-spacing: -.40em;
}


.SubProgramSlider .bx-pager a.active {
    position: relative;
    outline: 2px solid #cc0000;
    outline-offset: -2px;
}


.SubProgramSlider .bx-pager a {
    display: inline-block;
    background: #000;
    width : -webkit-calc(98%/2);
    width : calc(98%/2);
    margin-right: 1%;
    margin-bottom: 1%;
    letter-spacing: normal;
    *display: inline;
    *zoom: 1;
}

.SubProgramSlider .bx-pager a:nth-child(2n) {
    margin-right: 0;
}


.bx-wrapper .bx-prev{
    background: url(../image/slider-arrow.png);
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    left: -10px;
}

.bx-wrapper .bx-next{
    transform: scale(-1, 1);
    right: -10px;
    background: url(../image/slider-arrow.png);
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
}

.Tobe{
    width: 100%;
    margin: 30px auto 0;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8em;
}

.Tobe a{
    display: block;
    background-color: #CC0000;
    color: #FFF;
    padding: 10px 0;
    border-bottom: 5px solid #940000;
    position: relative;
}




.Tobe a:after{
    content: "";
    background: url(../../../image/2023/img-bikeIcon02.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 38px;
    background-size: 30px auto;
    background-position: center center;
    position: absolute;
    right: 5%;
    top: 20%; 
}

.Tobe span{
    font-size: 12px;
    display: block;
}


/*SNS以下*/
#SNSWrap{
    width: 100%;
    margin: 100px auto;
}

#SNSWrap p{
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.sns-area{
    margin: 10px auto 0;
    width: 80%;
    font-size: 0;
}

.sns-area li{
    font-size: 15px;
    width: 47.5%;
    color: #FFF;
    display: inline-block;
    vertical-align: text-top;
}

.sns-area li a{
    color: #FFF;
    display: block;
    padding: 10px 0;
}

.sns-area li img{
    width: 30px !important;
    margin-right: 10px;
}

.sns-area li.Twitter{
    background-color: #31a8e0;
    text-align: center;
    margin-right: 3%;
	padding-top: 3px;
}


.sns-area li.Facebook{
    background-color: #395795;
    text-align: center;
}

.bike-line{
    width: 100%;
    background: url(../image/bike-line.png);
    background-repeat: repeat-x;
    height: 40px;
    background-size: cover;
    background-position: center bottom;
}

#DestinationWrap{
    width: 90%;
    margin: 50px auto;
    text-align: center;
    font-size: 15px;
}

#DestinationWrap > div {
    width: 100%;
    margin: 0 auto;
}

#DestinationWrap > div a{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-decoration: underline;
}

/*ナビゲーション*/

#SideNavi{
    width: 100%;
    z-index: 999;
}
#SideNavi.fxd{
	top: 0 !important;
	position: fixed;
	z-index: 999;
    top: 0 !important;
    right: 0;
}

#Homecoming nav{
	border-bottom: 2px solid #CC0000;
}

.NavWrap{
	width: 100%;
	overflow: hidden;
}

.BtnWrap{
	position: relative;
}

.BtnWrap button{
	width: 50px;
	height: 50px;
	background-color: #CC0000;
	padding: 5px;
	position: absolute;
    top: 5px;
	right: 10px;
	margin-top: 0 !important;
}

.drawer-hamburger:hover{
	opacity: 1 !important;
	cursor: pointer;
}


#SideNavi nav ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#SideNavi nav ul li{
    display: block;
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #CC0000; 
}

#SideNavi nav ul li:last-child{
    border-bottom: none;
}

#SideNavi nav ul li a{
    color: #000;
    display: block;
    overflow: hidden;
    padding: 10px 0;
    vertical-align: middle;
}

#SideNavi nav ul li a i {
    color: #cc0000;
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
}

#SideNavi nav ul li a span{
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}


#SideNavi nav ul li a img {
    width: auto;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#SideNavi nav ul li.language{
    padding: 0;
    width: 100%;
}

#SideNavi nav ul li.language a{
    background-color: #CC0000;
    color: #FFF;
    display: block;
    padding: 20px 0;
}

#SideNavi nav ul li.language a span{
    padding: 0;
    font-size: 15px !important;
}






/*
#Outline:before{
    position: absolute;
    width: 175px;
    height: 175px;
    content: "";
    background:url(../image/img-007.png);
    background-repeat: no-repeat;
    background-size: 175px 175px;
    top: -130px;
    left: -190px;
}

#Outline:after{
    position: absolute;
    width: 710px;
    height: 375px;
    content: "";
    background:url(../image/img-005.png);
    background-repeat: no-repeat;
    background-size: 710px 375px;
    bottom: -100px;
    left: -680px;
}

.SubProgramSlider:before{
    position: absolute;
    width: 438px;
    height: 459px;
    content: "";
    background:url(../image/img-004.png);
    background-repeat: no-repeat;
    background-size: 438px 459px;
    top: -300px;
    left: -440px;  
}
*/




/*---------------------------

よくあるご質問

---------------------------*/
.InquiryAll {
    width: 100%;
    overflow-x: scroll;
}


.InquiryAll header .HeaderInner {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.HeaderInnerLogoWrap {
    width: 80%;
    max-width: 300px;
    overflow: hidden;
}

.InquiryAll header .HeaderInner h1 {
    width: 30%;
    max-width: 100px;
    float: left;
    margin-right: 10px;
}

.InquiryAll header .HeaderInner h2 {
    width: 60%;
    max-width: 200px;
    float: left;
    padding: 30px 0;
}


.HeaderInnerTitle {
    width: 280px;
    margin: 0 auto;
}

.QuestionWrap .ContentBox {
	width: 95%;
	margin: 20px auto 0;
}

.QuestionWrap .ContentBox a {
    color: #CC0000;
    text-decoration: underline !important;
}



.QuestionWrap .CunWrap {
	width: 100%;
	background-color: #f7f7f7;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.8em;
}

.QuestionWrap .CunWrap h5{
	text-align: center;
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #CCCCCC;
	margin-bottom: 10px;
}

.QuestionWrap .CunWrap strong{
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
}

.QuestionWrap .CunWrap p{
	padding-left: 40px;
	margin-bottom: 10px;
	display: block;
}


.InqWrap{
	border: 2px solid #cc0000;
	border-radius: 10px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
    box-sizing: border-box;
}

.InqWrap h3{
	width: 100%;
	padding: 10px 15px;
	background-image: url(../image/icon-inq01.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 95% center;
	box-sizing: border-box;
	cursor: pointer;
}

.InqWrap h3.over{
	background-image: url(../image/icon-inq02.png);
    background-size: 25px auto;
}

.InqWrap h3 span{
	font-weight: bold;
	letter-spacing: 2px;
}

.InqWrap .InqInner{
	margin-bottom: 20px;
}

.InqInner dl {
	width: 95%;
	border-top: 1px solid #bababa;
	padding: 10px 0;
	margin: 0 auto;
	box-sizing: border-box;
}

.InqInner dl:last-child {
	border-bottom: none;
}

.InqInner dl dt{
	width: 95%;
	margin: 0 auto;
	/*1px × 1pxのドットで間隔が4pxの点線をtopに表示*/
	background-image: -webkit-linear-gradient(left, #000, #000 1px, transparent 3px, transparent 3px);
	background-image: -o-linear-gradient(left, #000, #000 1px, transparent 3px, transparent 3px);
	background-image: linear-gradient(to right, #000, #000 1px, transparent 3px, transparent 3px);
	background-size: 10px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 15px;
	overflow: hidden;
}

.InqInner dl dt i{
	float: left;
	width: 10%;
    max-width: 25px;
	font-style: normal;
}

.InqInner dl dt i:before {
	content: "Q";
	width: 14px;
	padding-right: 10px;
	color: #f07c00;
	font-size: 15px;
	font-weight: bold;
}

.InqInner dl dt span{
	float: left;
	width: 90%;
	line-height: 1.5em;
	font-size: 15px;
	font-weight: bold;
}


.InqInner dl dd{
	width: 95%;
	margin: 0 auto;
	padding-top: 15px;
	overflow: hidden;
}


.InqInner dl dd i{
	float: left;
	width: 10%;
    max-width: 25px;
	font-style: normal;
}

.InqInner dl dd i:before {
	content: "A";
	width: 13px;
	float: left;
	padding-right: 10px;
	color: #cc0000;
	font-size: 15px;
	font-weight: bold;
}


.InqInner dl dd span{
	float: left;
	width: 90%;
	line-height: 1.5em;
	font-size: 15px;
}


/*-------お問合せ先------*/

#InquiryWrap {
    width: 90%;
    position: relative;
    box-sizing: border-box;
    margin: 120px auto;
}

#InquiryWrap .InquiryInner {
    width: 100%;
    margin: 0 auto;
    border: 2px solid #CC0000;
    box-sizing: border-box;
    position: relative;
    padding: 50px 20px;;
    text-align: center; 
    font-size: 15px;
}

#InquiryWrap .InquiryInner h4 {
    position: absolute;
    background: #FFF;
    display: block;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px;
    text-align: center;
    font-size: 20px;
}

#InquiryWrap .InquiryInner > div{
    width: 90%;
    margin: 30px auto 0;
}


#InquiryWrap .InquiryInner > div a{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-decoration: underline;
}


/*---------------------------

プログラム

---------------------------*/
.ProgramAll {
    width: 100%;
    overflow-x: scroll;
}


.ProgramAll header .HeaderInner {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.HeaderInnerLogoWrap {
    width: 80%;
    max-width: 300px;
    overflow: hidden;
}

.ProgramAll header .HeaderInner h1 {
    width: 30%;
    max-width: 100px;
    float: left;
    margin-right: 10px;
}

.ProgramAll header .HeaderInner h2 {
    width: 60%;
    max-width: 200px;
    float: left;
    padding: 30px 0;
}


.HeaderInnerTitle {
    width: 280px;
    margin: 0 auto;
}

.ProgramInnerCont .ContentBox {
    width: 100%;
}

.ProgramInnerCont .ContentBox a {
    color: #CC0000;
}


.ProgramInnerCont .PageTitle{
    width: 95%;
    margin: 80px auto 0;
    text-align: center;
}

.ProgramInnerCont .PageTitle h4 {
    color: #000;
    text-shadow:
        1px 1px 0 #FFF, -1px -1px 0 #FFF,
        -1px 1px 0 #FFF, 1px -1px 0 #FFF,
        0px 1px 0 #FFF, 0-1px 0 #FFF,
        -1px 0 0 #FFF, 1px 0 0 #FFF;
    font-size: 20px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    background: url(../image/bk-h3.png);
    background-repeat: no-repeat;
    background-size: 450px auto;
    padding-bottom: 20px;
    background-position: bottom 14px center;
}

#CBDEMO{
    width: 95%;
    margin: 0 auto;
}

.ProgramBox{
    width: 100%;
    margin: 0 auto 50px;
    overflow: hidden;
}

.ProgramBox .programImg{
    width: 95%;
}

.ProgramBox .programTxet{
    width: 95%;
    background-color: #FFF;
    border-top: 2px solid #041D41;
    border-right: 2px solid #041D41;
    border-bottom: 2px solid #041D41;
    border-left: 2px solid #041D41;
    float: right;
    margin-top: -10px;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
}

.ProgramBox .programTxet h5{
    font-size: 15px;
    background-color: #041D41;
    padding: 10px;
    box-sizing: border-box;
    color: #FFF;
}

.Method .Btn a{
    display: block;
    background: #CC0000;
    padding: 10px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    text-decoration: none !important;
}

.ProgramBox .programTxet h5 span{
    font-size: 13px;
    font-weight: normal;
}

.ProgramBox .programTxet h5 i{
    width: 30px;
    display: inline-block;
    margin-left: 10px;
}

.ProgramBox .programTxet p{
    font-size: 15px;
}

.ProgramBox .programTxet .Btn a{
    display: block;
    background: #CC0000;
    padding: 10px;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    text-decoration: none !important;
    margin-top: 10px;    
}

.ProgramBox .SubProgram {
    overflow: hidden;
    margin: 20px 0;
}

.ProgramBox .SubProgram .SubProgramImg{
    width: 100%;
}

.ProgramBox .SubProgram .SubProgramText{
    margin-top: 10px;
    box-sizing: border-box;
}

.ProgramBox .SubProgram .SubProgramText02{/*試乗車両*/
    width: 100%;
    box-sizing: border-box;
}

.ProgramBox .SubProgram .SubProgramText02 ul li{
    display: inline-block;
    margin-right: 10px;
}

.ProgramBox .SubProgram .SubProgramText02 ul li a{
    text-decoration: underline !important;
}

.ProgramBox .SubProgram .SubProgramText02 ul li span{
    font-size: 12px;
    background: url(../image/arrow-leftred.png);
    background-repeat: no-repeat;
    background-size: 5px auto;
    background-position: left center;
    padding-left: 10px;
}

.red{
	color: #CC0000;
	line-height:1.5em;
	padding-bottom: 10px;
}

.ProgramDetails{
    overflow: hidden;
    font-size: 13px;
}

.ProgramDetails .DetailsLeft{
    width: 100%;
    box-sizing: border-box;
}

.ProgramDetails dl{
    overflow: hidden;
    padding: 5px 0;
}

.ProgramDetails dl dt{
    float: left;
    width: 30%;
    position: relative;
    padding-left: 23px;
    box-sizing: border-box;
}

.ProgramDetails dl dt:after{
    content: "";
    width: 20px;
    height: 19px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

.ProgramDetails dl dd{
    float: right;
    width: 70%;
}

.ProgramDetails dl.ReceptionTime dt:after{
    background: url(../image/icon-programtitle.png);
}

.ProgramDetails dl.ImplementationTime dt:after{
    background: url(../image/icon-programtitle.png);
    background-position: left -24px top 0px;
}

.ProgramDetails dl.ReceptionPlace dt:after{
    background: url(../image/icon-programtitle.png);
    background-position: left -47px top 0px;
}

.ProgramDetails dl.Implementation dt:after{
    background: url(../image/icon-programtitle.png);
    background-position: left -70px top 0px;
}

.ProgramDetails dl.Method dt:after{
    background: url(../image/icon-programtitle.png);
    background-position: left -96px top 0px;
}


.ProgramDetails .DetailsLeft dl dd{
    float: right;
    width: 70%;
}



.ProgramDetails .DetailsRight{
    width: 100%;
    box-sizing: border-box;
}

.Details02 dl{
    overflow: hidden;
    padding: 5px 0;
}


.Details02 dl dt{
    float: none;
    width: 100%;
    margin-bottom: 3px;
}

.Details02 dl dd{
    float: none;
    width: 100%;
}

.Details02 dl dd p.indent-1 {
    padding-left:1em;
    text-indent:-1em;
    font-size: 12px;
    display: block;
}


.programTxet02Wrap{
    width: 100%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}


.programTxet02Left{
    width: 100%;
    box-sizing: border-box;
}



.ProgramBox02Wrap{
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}


.ProgramBox02Wrap .ProgramBoxLeft{
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
    overflow: hidden;
    margin-bottom: 50px;
}


.ProgramBox02Wrap .ProgramBoxRight{
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
    overflow: hidden;
}


.ProgramBox02Wrap .ProgramBoxLeft .programImg,
.ProgramBox02Wrap .ProgramBoxRight .programImg{
    width: 95%;
}

.ProgramBox02Wrap .ProgramBoxLeft .programTxet,
.ProgramBox02Wrap .ProgramBoxRight .programTxet{
    width: 90%;
    background-color: #FFF;
    border-top: 2px solid #cc0000;
    border-right: 5px solid #cc0000;
    border-bottom: 5px solid #cc0000;
    border-left: 2px solid #cc0000;
    float: right;
    margin-top: -30px;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
    padding: 20px;
}

.ProgramBox02Wrap .ProgramBoxLeft .programTxet h5,
.ProgramBox02Wrap .ProgramBoxRight .programTxet h5{
    font-size: 18px;
    margin-bottom: 10px;
    background: url(../image/circle.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 10px;
}

.ProgramBox02Wrap .ProgramBoxLeft .programTxet h5 i,
.ProgramBox02Wrap .ProgramBoxRight .programTxet h5 i{
    width: 35px;
    display: inline-block;
    margin-left: 10px;
}

.ProgramBox02Wrap .ProgramBoxLeft .programTxet p,
.ProgramBox02Wrap .ProgramBoxRight .programTxet p{
    font-size: 15px;
}



.ProgramBox02Wrap .ProgramBoxLeft .programTxet .ProgramDetails,
.ProgramBox02Wrap .ProgramBoxRight .programTxet .ProgramDetails{
    border-top: 1px dashed #CC0000;
    margin-top: 10px;
    padding-top: 10px;
}

.ProgramBox02Wrap .ProgramBoxLeft .programTxet h5 span,
.ProgramBox02Wrap .ProgramBoxRight .programTxet h5 span{
    font-size: 14px;
    font-weight: normal;
}

.SPProgramDetails a{
    display: block;
    background-color: #CC0000;
    color: #FFF !important; 
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;
}

.SPProgramInner{
    display: none;
}

#cboxLoadedContent{
    background-color: #FFF;
    box-sizing: border-box;
    padding: 10px;
    border: 2px solid #CC0000;
}

/*トークショー*/

#TalkALL{
    width: 95%;
    margin: 50px auto;
}


.ProgramTitle{
    width: 95%;
    float: right;
    background-color: #CC0000;
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    margin-top: -10px;
    position: relative;
    z-index: 1;
    color: #FFF;
}

.ProgramTitle i{
    width: 40px;
    margin-left: 10px;
    display: inline-block;
}


.TalkALLText .programTxet{
    margin-top: 0;
    padding: 20px;
    box-sizing: border-box;
}


.TalkALLText .programTxet h6{
    font-size: 15px;
    font-weight: bold;
}

.ProgramDetailsWrap{
    margin-bottom: 30px;
    background: url(../image/circle.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 30px;
}

.ProgramDetailsWrap:last-child{
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


.TalkALLText .ProTextWrap .McPhoto {
    width: 100%;
    overflow: hidden;
}


.TalkALLText .Talk01 .ProgramTxetInner {
    width: 100% !important;
}

.TalkALLText .ProTextWrap .McPhoto ul {
    width: 100%;
}

.TalkALLText .ProTextWrap .McPhoto ul li {
    width: 50%;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.TalkALLText .ProTextWrap .McPhoto ul li:nth-child(odd){
    float: left;
    padding-right: 5px;
}

.TalkALLText .ProTextWrap .McPhoto ul li:nth-child(even){
    float: right;
    padding-left: 5px;
}

.TalkALLText .ProTextWrap .McPhoto ul li:last-child{
    margin-right: 0;
}

.TalkALLText .ProTextWrap .McPhoto ul li.Wide {
    width: 100%;
    margin-bottom: 5px;
    display: block;
    padding: 0;
    float: none;
}

.TalkALLText .ProTextWrap .McPhoto ul li:nth-child(2n){
    margin-right: 0;
}

.TalkALLText .ProTextWrap .ProgramTxetInner {
    width: 100%;
}


/*生産工場*/
#Factory{
    width: 100%;
    background-color: #f3f3f3;
    padding: 30px 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.MainImg{
    overflow: hidden; 
}

#Factory .MainImgBG{
    width: 100%;
    box-sizing: border-box;
}

#Factory .MainImg .MainImgWrap{
    width: 100%;
    margin: 0 auto;
}


#Factory .MainImg .MainImgWrapText{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}


#Factory .MainImg .MainImgWrapText h5 i{
    width: 40px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

#Factory .MainImg .MainImgWrapText h5 i img{
    vertical-align: top;
}

#Factory .MainImg .MainImgWrapText h5{
    font-size: 25px;
    line-height: 1.3em;
    color: #CC0000;
    background: url(../image/circle.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#Factory .MainImg .MainImgWrapText h5 span{
    font-size: 13px;
    font-weight: normal;
    display: block;
}

#Factory .MainProgramDetails{
    width: 100%;
    margin: 0 auto;
    clear: both;
    padding-top: 10px;
    border-top: 1px dashed #CC0000;
    margin-top: 30px;
}

#Factory .SubWrap{
    width: 100%;
    position: relative;
    z-index: 2;
    display: block;
    margin: 20px 0 0 0;
}


#Factory .SubProgram{
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: url(../image/HCH-bg.png);
    overflow: hidden;
    padding: 20px;
    box-sizing: border-box;
}



#Factory .SubProgram .SubProgramImg{
    width: 100%;
}

#Factory .SubProgram .SubProgramText{
    width: 100%;
    color: #FFF;
}
#BikeRide{
    width: 95%;
    
}

/*CB動画*/
.ProglamMoveWrap ul{
    display: none;
}

.ProglamMoveInner{
    width: 100%;
}

.ProglamMoveInner .InnerMove{
    width: 100%;
    margin: 80px auto 0;
}

.ProglamMoveInner .InnerMove video{
    width: 100% !important;
    height: auto !important;
}



/*ステッカー*/
.StickerWrap{
    width: 100%;
    margin: 30px auto auto;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 10px 10px 10px;
}



.StickerWrap:before{
    content: "";
    position: absolute;
    background: url(../../../image/2023/program/img-arrow-pro02.png);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    width: 50px;
    height: 69px;
    background-size: 100%;
    right: 5px;
    top: 0;
    z-index: 10;
}

.StickerWrap .StickerImg{
    width: 50%;
    margin: 20px auto 20px;
}

.StickerWrap .StickerOutline{
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
}

.StickerWrap .StickerOutline dl dt span{
    width: 15%;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    padding: 20px 0;
}

.StickerWrap .StickerOutline dl dt div{
    width: 85%;
    box-sizing: border-box;
    float: right;
    padding-left: 10px;
    
}

.StickerWrap .StickerOutline dl dt p{
    display: block;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}

.StickerWrap .StickerOutline dl dt i{
    font-size: 20px;
    font-weight: bold;
}

.StickerWrap .StickerOutline dl dt{
    font-size: 20px;
    color: #CC0000;
    font-weight: bold;
    overflow: hidden;
    line-height: 1.3em;
    background: url(../image/circle.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-bottom: 5px;
    margin-bottom: 10px;
}


.StickerWrap .StickerOutline dl dd{
    color: #000;
    margin-top: 0px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 15px;
}

.StickerWrap .StickerOutline dl dd i{
    width: 36px;
    display: inline-block;
}

.end {
	width: 90%;
    text-align: center;
    font-size: 25px !important;
    font-weight: bold;
    color: #CC0000;
    margin: 30px auto 0;
    letter-spacing: 5px;
    line-height: 32px !important;
}

.photo_top {
    width: 100%;
    min-width: 200px;
    margin: 0 auto;
    background: url("../../../image/2023/photoreport_bg_sp.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
    height: 450px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.photo_btn {
	width: 90%;
	height: 290px;
	margin: 0 auto;
}

.photo_btn img {	
	text-align: center;
	padding: 5px
}

.photo_toptext{
	width: 100%;
	margin: 0 auto;
}



/*フォトレポート*/

.photoreport_head{
	width: 100%;
	height: 140px;
	background-image: url(../../common/img/photo-top.png);
	background-position: right bottom;;
	background-size: 60%;
}
.photoreport_head h3 {
	font-weight: normal;
	padding-left: 5px;
}
.photoreport_head h3 span{
	font-size: 28px;
	font-weight: bold;
	color: #CC0000;
}

.photoreport_line {
	width: 100%;
	height: 10px;
	background-image: url(../../common/img/bg-h4line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.photo{
	position: relative;
	width: 95%;
	height: auto;
	margin: 30px auto 100px;
	clear: both;
}
.photo1{
	margin-bottom: 20px;
}
.photo ul{
	margin: 0 auto;
	overflow: hidden;
}
.photo ul li{
	float: left;
	height: auto;
}

.photo1 ul li{
	width: 48%;
	margin: 0 12px 7px 0;
}
.photo2 ul li{
	width: 32%;
	margin: 0 6px 6px 0;
}
.photo1 ul li:nth-child(2n){
	margin-right: 0;
}
.photo2 ul li:nth-child(3n){
	margin-right: 0;
}


#cboxCurrent{
	display: none !important;
}

#cboxTitle{
	top: 100% !important;
}

.cboxPhoto{
	box-sizing: border-box;
}

.next{
	width: 83%;
    display: block;
    padding: 15px;
    height: auto;
    border: solid 3px #cc000c;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 20px;
}

.next01{
	background-color: #CC000C;
	color: #FFF;
	font-size: 20px;
	margin-bottom: 10px;
    padding: 6px;
    text-align: center;
	font-weight: bold;
}

.next02{
	line-height: 1.5;
	font-size: 16px;
	color: #000;
}

.pc { display: block !important; }
.sp { display: none !important; }
 

@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}