@charset "UTF-8";

#rmx_2019{ padding:0 0 0px 0; background: #eae5e0; margin:  0 0 50px 0; } 

#rmx_2019 .pcview{ display: block; }
#rmx_2019 .spview{ display: none; }

#rmx_2019 #rmx_head{ padding:0 0 0 0; position: relative; margin: 0 0 20px 0; } 
#rmx_2019 #rmx_head h2{ display: block; margin: 0 0 0 0; } 

#rmx_2019 #rmx_box01{ clear: both; padding:10px 30px 0; position: relative; margin: 0 0 33px 0; } 
#rmx_2019 #rmx_box01 .txt01{ clear: both; line-height: 86px; font-size: 16px; margin: 0 0 13px 0; font-weight: bold; text-align: center; } 
#rmx_2019 #rmx_box01 .txt01 strong{ color: #d22c1d; font-size:28px; } 
#rmx_2019 #rmx_box01 .img01{ clear: both; margin: 0 0 23px 0; text-align: center; } 
#rmx_2019 #rmx_box01 .img01 img:nth-of-type(1){ margin: 0 20px 0 0; } 

#rmx_2019 #rmx_box02{ clear: both; padding:10px 25px 0; position: relative; margin: 0 0 33px 0; } 
#rmx_2019 #rmx_box02 .txt01{ clear: both; line-height: 86px; font-size: 16px; margin: 0 0 13px 0; font-weight: bold; text-align: left; } 
#rmx_2019 #rmx_box02 ul{ display: block; text-align: center; letter-spacing: -.4em; } 
#rmx_2019 #rmx_box02 ul li{ display:inline-block; letter-spacing: normal; margin: 0 0 0; } 

#rmx_2019 #rmx_testarea{ display: table; clear: both; padding:0 0 0; position: relative; margin: 0 0 60px 0; background: #0b0808; width: 100%; } 
#rmx_2019 #rmx_testarea #testbox01{ display: table-cell; vertical-align: top; padding: 30px 0 25px 34px; box-sizing: border-box; width:60%; } 
#rmx_2019 #rmx_testarea #testbox01 h3{ display:inline-block; background: #d22c1d; font-size: 18px; color: #FFF; font-weight: bold; padding: 10px 30px 10px; margin:0 0 20px 0; } 
#rmx_2019 #rmx_testarea #testbox01 p{ color: #FFF; margin:0 0 0 0; font-size: 14px; line-height: 2.1; } 
#rmx_2019 #rmx_testarea #testbox02{ display: table-cell; vertical-align: middle; padding: 0 245px 0 0; } 
#rmx_2019 #rmx_testarea #testbox02 h4{ display:block; font-size: 14px; color: #ffd800; font-weight: bold; padding:0px; margin:0 0 10px 0; } 
#rmx_2019 #rmx_testarea #testbox02 p{ color: #FFF; margin:0 0 0 0; font-size: 14px; line-height: 1.9; } 
#rmx_2019 #rmx_testarea .trackimg{ position: absolute; right: 0px; top:35px; z-index: 3000; } 

.moviearea{ margin: 0 auto 50px; }
.moviearea h3{ font-size: 24px; letter-spacing: 2px; color: #d22c1d; font-weight: bold; text-align: center; margin: 0 0 20px 0; }
.movie01{ width: 640px; margin: 0 auto 0; }

.rmxbtn01{ width: 550px; margin: 0 auto 50px; }
.rmxbtn01 .btn01.red {
	background: #d81818;
	background: -moz-linear-gradient(top,  #d81818 0%, #a80000 100%);
	background: -webkit-linear-gradient(top,  #d81818 0%,#a80000 100%);
	background: linear-gradient(to bottom,  #d81818 0%,#a80000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81818', endColorstr='#a80000',GradientType=0 );
}
.rmxbtn01 .btn01.red:hover{
	background: #1e5799;
	background: -moz-linear-gradient(top,  #1e5799 0%, #ff5a4e 0%, #ff2318 100%);
	background: -webkit-linear-gradient(top,  #1e5799 0%,#ff5a4e 0%,#ff2318 100%);
	background: linear-gradient(to bottom,  #1e5799 0%,#ff5a4e 0%,#ff2318 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ff2318',GradientType=0 );
}

#rmx_2019 #tbj_kekkaarea{ clear: both; padding:0 0 0; position: relative; margin: 0 0 33px 0; } 
#rmx_2019 #tbj_kekkaarea .yardimg{ margin: 0 0 45px 0; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea{ display: table; clear: both; padding:0 0 0; position: relative; width: 1121px; margin: 0 auto 33px; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .kanaiimg{ display: table-cell; vertical-align: middle; background: url(../../../images/campaign/2019tourb-jgr/fukidashi_bg01.png) no-repeat 100% 50%; width: 283px; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .fukidashibox{ display: table-cell; vertical-align: middle; background: #FFF; border-top: 2px #d6d6d6 solid; border-right: 2px #d6d6d6 solid; border-bottom: 2px #d6d6d6 solid; box-sizing: border-box; padding: 20px 30px 14px; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .fukidashibox .txt01{ display: block; margin: 0 0 15px 0; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .fukidashibox .txt02{ display: table; width: 100%; margin: 0 0 15px 0; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .fukidashibox .txt02 .txt0201{ display: table-cell; vertical-align: middle; font-size: 16px; color: #00214d; line-height: 1.7; padding: 0 30px 0 32px; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .fukidashibox .txt02 .txt0201 strong{ color: #c81233; } 
#rmx_2019 #tbj_kekkaarea #kanaifukidasiarea .fukidashibox .txt02 .txt0202{ display: table-cell; vertical-align: middle; } 

#rmx_2019 #rmx_foot{ display: block; letter-spacing: -.4em; padding: 0 0 30px 0; text-align: center; } 
#rmx_2019 #rmx_foot h3{ display:inline-block; letter-spacing: normal; margin: 0 0 12px; text-align: lecenterft; } 
#rmx_2019 #rmx_foot p{ display:inline-block; letter-spacing: normal; margin: 0 0 0; text-align: center; } 
#rmx_2019 #rmx_foot p .txt01{ display:block; text-align: left; padding:8px 0 0 0;} 




@media screen and (min-width: 768px) and (max-width: 979px) {

	#rmx_2019{ margin:  0 0 30px 0; } 

	#rmx_2019 #rmx_box01{ clear: both; padding:0px 3% 0; position: relative; margin: 0 0 33px 0; } 
	#rmx_2019 #rmx_box01 .rmx_box01img01 img{ width: 100%; }
	#rmx_2019 #rmx_box01 .txt01{ clear: both; line-height: 1.6; font-size: 14px; margin: 0 0 13px 0; font-weight: bold; text-align: center; } 
	#rmx_2019 #rmx_box01 .txt01 strong{ color: #d22c1d; font-size:20px; } 
	#rmx_2019 #rmx_box01 .img01{ clear: both; margin: 0 auto 0; text-align:left; width: 547px; } 
	#rmx_2019 #rmx_box01 .img01 img:nth-of-type(1){ margin-bottom: 25px; } 

	#rmx_2019 #rmx_box02{ clear: both; padding:10px 25px 0; position: relative; margin: 0 0 33px 0; } 
	#rmx_2019 #rmx_box02 .rmx_box01img01 img{ width: 100%; margin: 0 0 20px 0; }
	#rmx_2019 #rmx_box02 .txt01{ clear: both; line-height: 1.6; font-size: 14px; margin: 0 0 20px 0; font-weight: bold; text-align: left; } 
	#rmx_2019 #rmx_box02 ul{ display: block; text-align: center; letter-spacing: -.4em; } 
	#rmx_2019 #rmx_box02 ul li{ display:inline-block; letter-spacing: normal; margin: 0 0 0; width: 33%; } 
	#rmx_2019 #rmx_box02 ul li img{ width: 100%; } 

	#rmx_2019 #rmx_testarea{ display: block; clear: both; padding:0 0 0; position: relative; margin: 0 0 43px 0; background: #0b0808; width: 100%; } 
	#rmx_2019 #rmx_testarea #testbox01{ display: block; vertical-align: top; padding:12px 3% 12px; box-sizing: border-box; width:100%; } 
	#rmx_2019 #rmx_testarea #testbox01 h3{ display:block; font-size: 12px; padding:5px 3% 5px; margin:0 0 10px 0; width: 100%; text-align: center; } 
	#rmx_2019 #rmx_testarea #testbox01 p{ color: #FFF; margin:0 0 0 0; font-size: 12px; line-height:1.7; } 
	#rmx_2019 #rmx_testarea #testbox02{ display:block; vertical-align: middle; padding:12px 3% 12px; box-sizing: border-box; width:100%; } 
	#rmx_2019 #rmx_testarea #testbox02 h4{ display:block; font-size: 12px; padding:0px; margin:0 0 10px 0; } 
	#rmx_2019 #rmx_testarea #testbox02 p{ color: #FFF; margin:0 0 0 0; font-size: 12px; line-height: 1.9; } 
	#rmx_2019 #rmx_testarea .trackimg{ position: static; right: 0px; top:35px; z-index: 3000; text-align: center } 

	.moviearea{ margin: 0 auto 50px; }
	.moviearea h3{ font-size: 16px; letter-spacing: 2px; color: #d22c1d; font-weight: bold; text-align: center; margin: 0 0 20px 0; }
	.movie01{ width: 640px; margin: 0 auto 0; }
	.rmxbtn01{ width: 550px; margin: 0 auto 50px; }

	#rmx_2019 #rmx_foot{ display: block; letter-spacing: -.4em; padding: 0 3% 30px; text-align: center; } 
	#rmx_2019 #rmx_foot h3{ display:inline-block; letter-spacing: normal; margin: 0 0 12px; text-align: lecenterft; } 
	#rmx_2019 #rmx_foot p{ display:inline-block; letter-spacing: normal; margin: 0 0 0; text-align: center; } 
	#rmx_2019 #rmx_foot img{ width: 100%; } 
	#rmx_2019 #rmx_foot p .txt01{ display:block; text-align: left; padding:8px 0 0 0; font-size: 14px;} 


}
@media screen and (max-width: 767px) {
	#rmx_2019{ margin:  0 0 30px 0; } 

	#rmx_2019 #rmx_head{ padding:0 0 0 0; position: relative; margin: 0 0 0px 0; } 


	#rmx_2019 #rmx_box01{ clear: both; padding:10px 3% 0; position: relative; box-sizing: border-box; width: 94%; } 
	#rmx_2019 #rmx_box01 .rmx_box01img01 img{ width: 100%; }
	#rmx_2019 #rmx_box01 .txt01{ clear: both; line-height: 1.6; font-size: 12px; margin: 0 0 13px 0; font-weight: bold; text-align: left; } 
	#rmx_2019 #rmx_box01 .txt01 strong{ color: #d22c1d; font-size:16px; } 
	#rmx_2019 #rmx_box01 .img01{ clear: both; margin: 0 auto 0; text-align:left; width: 100%; } 
	#rmx_2019 #rmx_box01 .img01 img:nth-of-type(1){ margin-bottom: 10px; } 
	#rmx_2019 #rmx_box01 .img01 img{ width: 100%; }

	#rmx_2019 #rmx_box02{ clear: both; padding:10px 3% 0; position: relative; margin: 0 0 13px 0; } 
	#rmx_2019 #rmx_box02 .rmx_box01img01 img{ width: 100%; margin: 0 0 0px 0; }
	#rmx_2019 #rmx_box02 .txt01{ clear: both; line-height: 1.6; font-size: 12px; margin: 0 0 20px 0; font-weight: bold; text-align: left; } 
	#rmx_2019 #rmx_box02 ul{ display: block; text-align: center; letter-spacing: -.4em; } 
	#rmx_2019 #rmx_box02 ul li{ display:inline-block; letter-spacing: normal; margin: 0 0 0; width: 33%; } 
	#rmx_2019 #rmx_box02 ul li img{ width: 100%; } 

	#rmx_2019 #rmx_testarea{ display: block; clear: both; padding:0 0 0; position: relative; margin: 0 0 43px 0; background: #0b0808; width: 100%; } 
	#rmx_2019 #rmx_testarea #testbox01{ display: block; vertical-align: top; padding:12px 3% 12px; box-sizing: border-box; width:100%; } 
	#rmx_2019 #rmx_testarea #testbox01 h3{ display:block; font-size: 12px; padding:5px 3% 5px; margin:0 0 10px 0; width: 100%; text-align: center; } 
	#rmx_2019 #rmx_testarea #testbox01 p{ color: #FFF; margin:0 0 0 0; font-size: 12px; line-height:1.7; } 
	#rmx_2019 #rmx_testarea #testbox02{ display:block; vertical-align: middle; padding:12px 3% 12px; box-sizing: border-box; width:100%; } 
	#rmx_2019 #rmx_testarea #testbox02 h4{ display:block; font-size: 12px; padding:0px; margin:0 0 10px 0; } 
	#rmx_2019 #rmx_testarea #testbox02 p{ color: #FFF; margin:0 0 0 0; font-size: 12px; line-height: 1.9; } 
	#rmx_2019 #rmx_testarea .trackimg{ position: static; right: 0px; top:35px; z-index: 3000; text-align: center } 

	.moviearea{ margin: 0 auto 10px; }
	.moviearea h3{ font-size: 14px; line-height: 1.6; letter-spacing: 2px; color: #d22c1d; font-weight: bold; text-align: left; margin: 0 3% 10px ; }
	.movie01{ width: 94%; margin: 0 auto 0; }
	.rmxbtn01{ width: 94%; margin: 0 auto 20px; }

	#rmx_2019 #rmx_foot{ display: block; letter-spacing: -.4em; padding: 0 3% 30px; text-align: center; } 
	#rmx_2019 #rmx_foot h3{ display:inline-block; letter-spacing: normal; margin: 0 0 12px; text-align: lecenterft; } 
	#rmx_2019 #rmx_foot p{ display:inline-block; letter-spacing: normal; margin: 0 0 0; text-align: center; } 
	#rmx_2019 #rmx_foot img{ width: 100%; } 
	#rmx_2019 #rmx_foot p .txt01{ display:block; text-align: left; padding:8px 0 0 0; font-size: 12px;} 



}