@charset "utf-8"; 
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0; padding:0; border-top:none;}

body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

p,li{font-size: 16px; }
.secBox,.secBox2{width: 92%;margin: 18% auto;}
.secBox,.secBox2 h3{font-size: 200%;margin-bottom: 0px;margin-bottom: 1em;}
h3{margin: 0;}
.pc{display: none!important;}
.sp{display: block!important;}
/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#headerBox{width: 100%;/* margin:0 auto; padding: 1em;*/}
#headerArea{border-top: 2em solid #FF7BAC; top: -2em;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -2.3em;width: 100%;text-align: center;left:0;line-height: 1;}
#headerAreaLogo .ttlSub {position: absolute;top: -1.2em;color: #fee5ee;font-size: 10px;text-align: center;width: 100%;font-weight: normal;left: 0;line-height: 1;margin: 0;}
.headerBoxInner{width:100%; margin:0 auto; padding: 2%;}
.headerBoxInner ul{justify-content: space-between;}
.headerBoxInner li{width: 35%;}
.headerBoxInner .ttl{width: 60%;}
.headerBoxInner .ttl img{width: 100%;height: auto;}
.headerBoxInner .sm_btn{width: 40%;}
.headerBoxInner li.sm_btn img{width: 100%;}

/*----------------------------------------------------------------------------
***                                                                  topBox
----------------------------------------------------------------------------*/
.topBox{}
.topBoxInner{width: 100%;margin:0 auto;}


/*----------------------------------------------------------------------------
***                                                                  titleBox
----------------------------------------------------------------------------*/
#gogosteamBox{padding-top: 5em;}

.titleBox{/* background: url("../images/bg_img.jpg") no-repeat; *//* background-size: auto; *//* background-position: center; *//* padding: 2em; *//* height: auto; *//* background-size: cover; */}
.titleBoxInner{
    background: url(../images/bg_img.jpg) no-repeat;
    background-size: auto;
    background-position: center;
    padding: 2em;
    height: 100%;
    background-size: cover;
    background-size: auto;
}
.titleBox h1{text-align: center;margin-top: 0.5em;}
.titleBox h1 img{}

.place img{width:75%;}
.bottomBtn img{width:75%}
.reportTxtBox .btn.hover{width: 80%;margin: 0 auto;}
/*----------------------------------------------------------------------------
***                                                                  firstBox
----------------------------------------------------------------------------*/
#firstsec{margin: 0em 0 5.7em;background: #d9e4e7;}
#firstsec h2{}
#firstsec .firstBoxInner{text-align: center;}
#firstsec .firstBoxInner{width: 100%;margin: 0 auto;padding: 0em 0 2em;}
#firstsec .firstBoxInner .point{margin: 1em auto;width: 784px;}
#firstsec .firstBoxInner .point p{margin-bottom: 0.5em;text-align: center;font-size: 17px;line-height: 1.4em;}
#firstsec .firstBoxInner li{padding: 0.3em;width: 32%;border-radius: 35px;text-align: center;}
#firstsec .firstBoxInner li.orange{background:#fdf2cc; }
#firstsec .firstBoxInner li.blue{background:#d4eef9; }
#firstsec .firstBoxInner li.pink{background:#ffe5ee; }
#firstsec .firstBoxInner li strong{font-size: 200%;line-height: 1.2em;}
#firstsec .firstBoxInner li .smallTxt{font-size: 70%;}

#firstsec .firstBox .f_comment{margin-bottom: 2em;}
#firstsec .firstBox .f_comment p{text-align:center;font-weight: 600;}

/*----------------------------------------------------------------------------
***                                                            iframe-content
----------------------------------------------------------------------------*/
#firstsec #iframe-content{ position: relative; width: 80%; padding-bottom: 44.625%; height: 0;margin:1em auto;}
#firstsec #iframe-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 .slUsa {
    position: absolute;
    top: 2em;
    left: 63%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:5;
    width: 77%;
}
/*----------------------------------------------------------------------------
***                                                            priceSec
----------------------------------------------------------------------------*/
#priceSec {background: #ebf4d0;}
#priceSec  .priceBox{margin: 0 auto; padding: 3em 0;width: 820px;}
#priceSec  .priceBox .small{font-size: 14px;}
#priceSec  .priceBox p{text-align: center;margin: 1.5em auto 0;}
#priceSec  .priceBox .fee{font-size: 60px;font-weight: bold;margin-top: 0.7em;line-height: 1.2;position: relative;}
#priceSec  .priceBox .fee::before{content: "▼";text-align:center;position: absolute;top: -1.3em;margin-left:1.8em;font-size: 30px;}
#priceSec  .priceBox .fee .tate{writing-mode: vertical-rl;text-orientation: upright;font-size: 22px;}
#priceSec  .priceBox .fee span{font-size: 20px;}
#priceSec  .priceBox .under_y{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0; width: 88%;margin-top: 0em;}

/*----------------------------------------------------------------------------
***                                                                 footer
----------------------------------------------------------------------------*/
footer{background:#58595b;}
.footerBoxInner{padding:10px 0px;}
footer p{color:#fff;}

@media(max-width: 1025px) and (min-width: 821px){
	.secBox{width:100%;padding: 0 2em;}
	.secBox2{width: 100%;}
	#firstsec .firstBoxInner{width: 100%;}
	#firstsec .firstBoxInner .point{width: 100%;}
  .reportTxtBox{top: 8em !important;}
}
/*surface*/
@media(max-width: 820px) and (min-width: 415px){
	
	.titleBox{background: url("../images/bg_img.jpg") no-repeat top 0 center/cover;height: 0%;/* padding: 40% 0 20%; */}
	.btn img{width:70%;}
	#firstsec .firstBoxInner .point{width: 100%;}
	.contentsBoxInner .titleBox .blackOnBox .detailBox img, 
	.contentsBoxInner .titleBox .blackOnBox h1 img, 
	.contentsBoxInner .blackOnBox .sub img{width:79%;}
	.titleBoxInner .bgBlack:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 3em;
    left: -2em;
    background: url(../images/img_usamain01.png) no-repeat center;
    z-index: 3;
    background-size: contain;
    width: 27vw;
    height: 27vh;
}
	.titleBoxInner .bgBlack:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2em;
    left: 22em;
    background: url(../images/img_usamain02.png) no-repeat;
    z-index: 3;
    width: 27vw;
    background-size: contain;
    height: 27vh;
}
	.scheduleBox .bottomBox .bottomBoxInner {width: 100%;}
  .mainContentsBox #scheduleSec .tabItem .btn_hokkaidoKaijoSchedule,
	.mainContentsBox #scheduleSec .tabItem .btn_tokyoKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_aichiKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_osakaKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_fukuokaKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_okinawaKaijoSchedule {
    width: calc( 950px / 8.5);
}
	.scheduleBox p.subtxt {
    width: 88%;
}
	.bottomBox .bottomBoxInner {
    width: 88%;
}
.contentsBoxInner #scheduleSec .tabContent h3 {display: block;}

#scheduleSec #content_hokkaidoKaijoSchedule p.subtxt, 
#scheduleSec #content_tokyoKaijoSchedule p.subtxt, 
#scheduleSec #content_aichiKaijoSchedule p.subtxt,
#scheduleSec #content_osakaKaijoSchedule p.subtxt,
#scheduleSec #content_fukuokaKaijoSchedule p.subtxt,
#scheduleSec #content_okinawaKaijoSchedule p.subtxt{box-sizing: border-box;width: 100%;}
.bgBlack {position: relative;/* top: 7em; */right: 0;left: 0;}
.blackOnBox {position: absolute;top: 21em!important;right: 50%;left: 50%;margin: 0 auto;width: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.blackOnBoxInner {margin: 0 auto;width: 91%;}
.date {position: relative;right: 0.2em;text-align: right;top: -13em;}
.detailBox.pcNone {position: relative;left: 50%;right: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);top: 7em;display: inline-block;width: 88%;}


}

body:not(.w775not) #footerLink.w775 #footerContentList .sitePageListBox .sitePageTitle{font-size: 90%;}
#formLinkSec.secBox{width: 100%;}
#formLinkSec .titleBox{background: none; padding: 0;}
#footerContentList .contentList .sitePageListBox *{line-height: 1.5;}



.bgBlack {position: relative;top: 7em;right: 0;left: 0;}
.blackOnBox {position: absolute;top: 21em;right: 50%;left: 50%;margin: 0 auto;width: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.blackOnBoxInner {margin: 0 auto;}
.date {position: relative;right: 0.2em;text-align: right;top: -13em;}
.detailBox.pcNone {position: relative;left: 50%;right: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);top: 7em;display: inline-block;}
.steamDetailBoxInner {background: #fff;border-radius: 0.8em;max-width: 100%;padding: 0.9em 1em 1.3em;margin: 0 auto;font-size: 68%;}
.ulcP {background: linear-gradient(transparent 62%, #ffd6d6 0%);}
.titleBox .btn {text-align: center;/* margin-top: 32%; */}
.steamDetailBoxInner p {text-align: center;font-size: 80%;}
.steamDetailBoxInner ul {width: 100%;margin: 0 auto;}
.bgBlack:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -6em;
    left: 0;
    background: url(../images/img_usamain01.png) no-repeat center;
    z-index: 3;
    background-size: contain;
    width: 32%;
}

.bgBlack:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -6.5em;
    right: 0;
    background: url(../images/img_usamain02.png) no-repeat;
    z-index: 3;
    width: 40%;
    background-size: contain;
}

/*--------------------------地域タブ部分ここから--------------------------*/

#scheduleSec.section{/* background-color: #f0f0f0; */padding: 0;}
#scheduleSec .scheduleBox{padding: 1em 0.65em 5em; position:relative;}

/*-----inputタグを非表示-----*/
#scheduleSec input[name="tabItem"],
#scheduleSec input[name="season"] { display: none;}
/*-----タブのスタイル-----*/
#scheduleSec .tabItem .btn_hokkaidoKaijoSchedule,
#scheduleSec .tabItem .btn_tokyoKaijoSchedule,
#scheduleSec .tabItem .btn_aichiKaijoSchedule,
#scheduleSec .tabItem .btn_osakaKaijoSchedule,
#scheduleSec .tabItem .btn_fukuokaKaijoSchedule,
#scheduleSec .tabItem .btn_hokkaidoKaijoSchedule{display: inline-block;width: calc( 100% / 4.5);text-align: center;box-sizing: border-box;margin: 0 0em 1em 0;background-color: #d0d0d0;color: #666;font-weight: bold;font-size: 119%;padding: 0.1em 0;border-radius: 5px;}
#scheduleSec .tabItem .btn_fukuokaKaijoSchedule {margin:0;}
/*-----hover時のタブのスタイル-----*/
#scheduleSec .tabItem:hover{cursor: pointer;}
#scheduleSec .tabItem.hokkaidoKaijoScheduletab .btn_hokkaidoKaijoSchedule:hover{background-color: #ffbdbd;color: #ff7b7b;}
#scheduleSec .tabItem.tokyoKaijoScheduletab .btn_tokyoKaijoSchedule:hover{background-color: #ffbdbd;color: #ff7b7b;}
#scheduleSec .tabItem.aichiKaijoScheduletab .btn_aichiKaijoSchedule:hover{background-color: #ffe4a5;color: #ffc27d;}
#scheduleSec .tabItem.osakaKaijoScheduletab .btn_osakaKaijoSchedule:hover{background-color: #c5f3a9;color: #94eb6f;}
#scheduleSec .tabItem.osakaKaijoScheduletab .btn_fukuokaKaijoSchedule:hover{background-color: #c5f3a9;color: #94eb6f;}
#scheduleSec .tabItem.fukuokaKaijoScheduletab .btn_okinawaKaijoSchedule:hover{background-color: #cee5ff;color: #7db6ff;}

/*-----選んだタブのスタイルを変更-----*/
#scheduleSec #hokkaidoKaijoScheduletab:checked ~ label.tabItem.hokkaidoKaijoScheduletab .btn_hokkaidoKaijoSchedule {background-color: #ff7b7b;color: #fff;position: relative;}
#scheduleSec #tokyoKaijoScheduletab:checked ~ label.tabItem.tokyoKaijoScheduletab .btn_tokyoKaijoSchedule {background-color: #ff7b7b;color: #fff;position: relative;}
#scheduleSec #aichiKaijoScheduletab:checked ~ label.tabItem.aichiKaijoScheduletab .btn_aichiKaijoSchedule {background-color: #ffc27d;color: #fff;position: relative;}
#scheduleSec #osakaKaijoScheduletab:checked ~ label.tabItem.osakaKaijoScheduletab .btn_osakaKaijoSchedule {background-color: #94eb6f;color: #fff;position: relative;}
#scheduleSec #fukuokaKaijoScheduletab:checked ~ label.tabItem.fukuokaKaijoScheduletab .btn_fukuokaKaijoSchedule {background-color: #7db6ff;color: #fff;position: relative;}
#scheduleSec #okinawaKaijoScheduletab:checked ~ label.tabItem.okinawaKaijoScheduletab .btn_okinawaKaijoSchedule {background-color: #7db6ff;color: #fff;position: relative;}

/*-----タブの中身を非表示-----*/
#scheduleSec .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: hidden;width: 100%;}
/*-----選んだタブの中身を表示-----*/
#scheduleSec #hokkaidoKaijoScheduletab:checked ~ #content_hokkaidoKaijoSchedule,
#scheduleSec #tokyoKaijoScheduletab:checked ~ #content_tokyoKaijoSchedule,
#scheduleSec #aichiKaijoScheduletab:checked ~ #content_aichiKaijoSchedule,
#scheduleSec #osakaKaijoScheduletab:checked ~ #content_osakaKaijoSchedule,
#scheduleSec #fukuokaKaijoScheduletab:checked ~ #content_fukuokaKaijoSchedule,
#scheduleSec #okinawaKaijoScheduletab:checked ~ #content_okinawaKaijoSchedule{display: block; opacity: 1;}


#scheduleSec .tabContent {padding: 0.6em 1em;box-sizing: border-box;width: 100%;margin: 0 auto;border: solid 0.5em #000000;border-radius: 0.6em;background: #fffff0;}
#scheduleSec .scheduleImg {text-align: center;}
#scheduleSec .baloonImg {position: absolute;bottom: 0;right: 0;transform: translateX(85%);}

/*--------------------------地域タブ部分ここまで--------------------------*/



/*表*/

#scheduleSec #detailArea{width: 100%;margin: 0 auto;font-size: 110%;padding: 0 0.4em 0 0.4em;}
#scheduleSec #detailArea .inputItemList{ position:relative;}
#scheduleSec #detailArea .inputItemList:after{
	content:
	"";
	width:100%;
	height:1px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #005873 75%, #005873 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #005873 75%, #005873 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #005873 75%, #005873 100%);
	display:
	block;
}
#scheduleSec #detailArea .inputItemList dl{padding: 0.6em 0 0.5em;display: flex;}
/*----------------------------------------------------------------------------*/
#scheduleSec #detailArea .inputItemList dt{font-size: 97.5%;}
/*----------------------------------------------------------------------------*/
#scheduleSec #detailArea .inputItemList dt{width: 20%; padding:0;}
#scheduleSec #detailArea .inputItemList dd{width: 80%;padding: 0 0.4em 0 0.7em;}


#scheduleSec .tabContent h3 {position: relative;text-align: start;}

.subTtl {margin: 14px 0 0;font-weight: bold;font-size: 148%;display: inline;}
.subTtl span{font-weight: bold;font-family: "ヒラギノ角ゴ Std W8","Hiragino kaku Gothic Std",'Noto Sans Japanese','メイリオ','Meiryo UI',"Hiragino kaku Gothic Std", "ヒラギノ角ゴ Pro W3",'游ゴシック体', 'Yu Gothic', sans-serif;}
.content_hokkaidoKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #ff9797 0%);}
.content_tokyoKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #ffcb97 0%);}
.content_aichiKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #fff1a5 0%);font-size: 90%;line-height: 1.5em;}
.content_osakaKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #b5ee98 0%);}
.content_fukuokaKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #aad6ff 0%);}
.content_okinawaKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #d9bfff 0%);}
p.subtxt {padding: 1em;font-size: 100%;font-weight: bold;background: #fff;border-radius: 0.3em;text-align: center;color: #000000;}


#scheduleSec #detailArea .inputItemList dd {font-size: 91%;}
.matomeBoxInner {width: 100%;margin: 0.5em auto 0;}
.bottomBoxInner {margin: 0.7em 0;}
.inputItemList .fsSmall {font-size: 90%;}
.matomeBox {
    position: relative;
}

.themeImg:after {
    content: "";
    display: block;
    width: 107px;
    height: 209px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa01.png) no-repeat center;
    z-index: 3;
}
.themeImg02:after {
    content: "";
    display: block;
    width: 172px;
    height: 208px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa02.png) no-repeat center;
    z-index: 3;
}
.themeImg03:after {
    content: "";
    display: block;
    width: 184px;
    height: 202px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa03.png) no-repeat center;
    z-index: 3;
}
.themeImg04:after {
    content: "";
    display: block;
    width: 220px;
    height: 168px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa04.png) no-repeat center;
    z-index: 3;
}

.themeImg05:after {
    content: "";
    display: block;
    width: 198px;
    height: 201px;
    position: absolute;
    bottom: -1.5em;
    right: -0.5em;
    background: url(../images/img_usa05.png) no-repeat center;
    z-index: 3;
}

.themeImg06:after {
    content: "";
    display: block;
    width: 166px;
    height: 209px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa06.png) no-repeat center;
    z-index: 3;
}
#content_hokkaidoKaijoSchedule p.subtxt{background:#ffd7d7; color:#ce5e5e;}
#content_tokyoKaijoSchedule p.subtxt{background:#ffe7cf; color:#dc883e;}
#content_aichiKaijoSchedule p.subtxt{background:#fff5bf; color:#daaa33;}
#content_osakaKaijoSchedule p.subtxt{background:#d3fdb9; color:#7bdc52;}
#content_fukuokaKaijoSchedule p.subtxt{background:#e5f1ff; color:#3baacf;}
#content_okinawaKaijoSchedule p.subtxt{background:#F0D3FF; color:#a18bd6;}

#scheduleSec #content_hokkaidoKaijoSchedule{border:#ffbdbd solid 0.5em;}
#scheduleSec #content_tokyoKaijoSchedule{border:#ffc87d solid 0.5em;}
#scheduleSec #content_aichiKaijoSchedule{border:#ffe4a5 solid 0.5em;}
#scheduleSec #content_osakaKaijoSchedule{border:#c5f3a9 solid 0.5em;}
#scheduleSec #content_fukuokaKaijoSchedule{border:#bae7ff solid 0.5em;}
#scheduleSec #content_okinawaKaijoSchedule{border:#ccbdff solid 0.5em;}

.colorHokkaido {color: #ff7b7b;}
.colorTokyo {color: #ffa656;}
.colorAichi{color: #facc5b;}
.colorOsaka{color: #77d863;}
.colorFukuoka{color: #7db6ff;}
.colorOkinawa{color: #a18bd6;}

#scheduleSec #content_hokkaidoKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #ff7b7b 75%, #ff7b7b 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ff7b7b 75%, #ff7b7b 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ff7b7b 75%, #ff7b7b 100%);
	display:block;
}

#scheduleSec #content_tokyoKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #ffa656 75%, #ffa656 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffa656 75%, #ffa656 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffa656 75%, #ffa656 100%);
	display:block;
}

#scheduleSec #content_aichiKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #ffc27d 75%, #ffc27d 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffc27d 75%, #ffc27d 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffc27d 75%, #ffc27d 100%);
	display:block;
}

#scheduleSec #content_osakaKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #94eb6f 75%, #94eb6f 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #94eb6f 75%, #94eb6f 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #94eb6f 75%, #94eb6f 100%);
	display:block;
}

#scheduleSec #content_fukuokaKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	display:block;
}

#scheduleSec #content_okinawaKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #a18bd6 75%, #a18bd6 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #a18bd6 75%, #a18bd6 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #a18bd6 75%, #a18bd6 100%);
	display:block;
}

.scheduleBox .tabContent .dispFlex{display: block;}
.tabContent h3 img{width: 50%; height:auto;}

#scheduleSec h3{font-size:150%;}
.date img {width: 30%;}
#firstsec h2 img {width: 78%;}
.bgBlack.pcNone {width: 100%;}


.steamDetailBox{position: relative;}
.steamDetailBox:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -7em;
	right: 0;
	background: url(../images/img_usasteam01.png) no-repeat;
	z-index: 3;
	width: 30%;
	background-size: contain;
}

.firstBox {
    position: relative;
}
.firstBoxInner{
position: relative;
}
.firstBox:before {
	content: "";
	display: block;
	position: absolute;
	top: -3.4em;
	left: 0;
	background: url(../images/img_usasteam02.png) no-repeat;
	z-index: 3;
	width: 17%;
	background-size: contain;
}
.firstBoxInner:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -3.7em;
	left: 0;
	background: url(../images/img_usasteam03.png) no-repeat;
	z-index: 3;
	width: 29%;
	background-size: contain;
}
.firstBox:after {
	content: "";
	display: block;
	position: absolute;
	top: -3em;
	right: 7px;
	background: url(../images/img_usasteam04.png) no-repeat;
	z-index: 3;
	width: 22%;
	background-size: contain;
}


.firstBoxInner:after {
	content: "";
	display: block;
	position: absolute;
	top: -3.5em;
	right: calc(50% - 28px);
	background: url(../images/img_usasteam05.png) no-repeat;
	z-index: 3;
	width: 19%;
	background-size: contain;
}
.steamDetailBoxInner p.txtB {
    font-size: 104%;
}
#breadcrumbArea {
    padding: 0.5em 0.5em 2.1em;
}



/*20221129 レポート追記*/
.reportTxtBox {/* background: #ffd7e0; */width: 100%;/*margin: 4.7em auto 0;*/padding: 0.5em 0;color: #ed516b;top:9em!important;}
.reportTxtBox p{
    font-size: 103%;
}

#reportsec {border-top: dashed 2px #8e8e8e;margin: 0.5em 0 0 0;padding-top: 0;}

#reportsec .stepDetailBoxInner {background: #fff3f3;padding: 0.5em 0.7em;width: 100%;margin: 0 auto;}
#reportsec .stepDetailBoxInner li:not(:last-of-type){border-bottom: dashed 2px #8e8e8e;}
#reportsec ul.stepFlow > li {position: relative;text-align: center;}
#reportsec ul.stepFlow > li:not(:last-child):after {content: "";width: 0;height: 0;margin: auto;position: absolute;left: 0;right: 0;bottom: -6.9em;border-style: solid;border-color: #ff8980 transparent transparent transparent;border-width: 23px 23px 0 23px;transform: rotate(0deg);}

#reportsec .stepBoxInner .stepFlow {width: 100%;margin: 0 auto;display: block;}
#reportsec .stepDetailBoxInner ul dl dt {margin-right: 1em;color: #ff8980;font-size: 115%;}
#reportsec .stepDetailBoxInner ul dl dd {font-size: 94%;}
#reportsec .stepImgBoxInner h3 {margin: 0 0.8em 0;}
#reportsec .stepImgBoxInner p{margin-bottom:0.8em;font-size: 52%;}
#reportsec .stepImgBoxInner .ttlBox{border-bottom:solid 4px #ffb4b0;margin-bottom: 0.7em;width: 100%;display: block;}
#reportsec .stepImgBoxInner {width: 100%;margin: 0 auto;}
#reportsec .photoBoxInner ul{row-gap: 0.7em;}
#reportsec .photoBoxInner.photo01 {background: #fff5e9;margin-top: 0.8em;padding: 1.3em 0 1.5em;}
#reportsec .photoBoxInner .photoBoxBg{background: url(../images/report/img_contents_lefta.png) repeat-y;}

#voicesec .voiceBoxInner {background: #fff3f3;padding: 1.1em 0.6em;width: 100%;margin: 0em auto 2em;}
#voicesec .voiceBoxInner li{font-size: 57%;border-bottom:dashed 2px #8e8e8e;padding: 0.5em 0;}
#voicesec .voiceBoxInner span.usamark {margin-right: 0.8em;}
#reportsec .stepImgBoxInner .ttlBox img {width: 45%;}
#voicesec .voiceBoxInner li .usamark {width: 8%;}
#voicesec .voiceBoxInner li not.usamark {}
#voicesec .voiceBoxInner li .voiceTxt {width: 92%;}
.reportBoxInner h2 img {width: 78%;}
#reportsec .photoBoxInner.photo01 img {width: 75%;margin: 0 auto;display: block;}
#reportsec .stepImgBoxInner .ttlBox p {text-align: center;}
.worldExpoDl h2 img {width: 65%;}
.reportBox.secBox {margin: 1em auto;}

#reportsec .stepBoxInner .stepFlow img {width: 50%;margin: 0 auto;}
#reportsec ul.stepFlow li:not(:last-child) {margin-bottom: 1.5em;}
.stepDetailBoxInner dl {padding: 0.4em 0;}
#voicesec p.lastUsa img {width: 35%;}
#voicesec p.lastUsa {position: initial;bottom: 0;right: 0;margin: 0 auto;text-align: center;}
#reportsec .stepBox {margin-top: 0.4em;}@charset "utf-8"; 
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0; padding:0; border-top:none;}

body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

p,li{font-size: 16px; }
.secBox,.secBox2{width: 92%;margin: 18% auto;}
.secBox,.secBox2 h3{font-size: 200%;margin-bottom: 0px;margin-bottom: 1em;}

.pc{display: none!important;}
.sp{display: block!important;}
/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#headerBox{width: 100%;/* margin:0 auto; padding: 1em;*/}
#headerArea{border-top: 2em solid #FF7BAC; top: -2em;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -2.3em;width: 100%;text-align: center;left:0;line-height: 1;}
#headerAreaLogo .ttlSub {position: absolute;top: -1.2em;color: #fee5ee;font-size: 10px;text-align: center;width: 100%;font-weight: normal;left: 0;line-height: 1;margin: 0;}
.headerBoxInner{width:100%; margin:0 auto; padding: 2%;}
.headerBoxInner ul{justify-content: space-between;}
.headerBoxInner li{width: 35%;}
.headerBoxInner .ttl{width: 60%;}
.headerBoxInner .ttl img{width: 100%;height: auto;}
.headerBoxInner .sm_btn{width: 40%;}
.headerBoxInner li.sm_btn img{width: 100%;}

/*----------------------------------------------------------------------------
***                                                                  topBox
----------------------------------------------------------------------------*/
.topBox{}
.topBoxInner{width: 100%;margin:0 auto;}


/*----------------------------------------------------------------------------
***                                                                  titleBox
----------------------------------------------------------------------------*/
#gogosteamBox{padding-top: 5em;}

.titleBox{/* background: url("../images/bg_img.jpg") no-repeat; *//* background-size: auto; *//* background-position: center; *//* padding: 2em; *//* height: auto; *//* background-size: cover; */}
.titleBoxInner{
    background: url(../images/bg_img.jpg) no-repeat;
    background-size: auto;
    background-position: center;
    padding: 0.6em;
    height: 100%;
    background-size: cover;
    background-size: auto;
}
.titleBox h1{text-align: center;margin-top: 0.5em;}
.titleBox h1 img{}

.place img{width:75%;}
.bottomBtn img{width:75%}
/*----------------------------------------------------------------------------
***                                                                  firstBox
----------------------------------------------------------------------------*/
#firstsec{margin: 0em 0 5.7em;background: #f7f1cd;}
#firstsec h2{}
#firstsec .firstBoxInner{text-align: center;}
#firstsec .firstBoxInner{width: 100%;margin: 0 auto;padding: 0em 0 2em;}
#firstsec .firstBoxInner .point{margin: 1em auto;width: 784px;}
#firstsec .firstBoxInner .point p{margin-bottom: 0.5em;text-align: center;font-size: 17px;line-height: 1.4em;}
#firstsec .firstBoxInner li{padding: 0.3em;width: 32%;border-radius: 35px;text-align: center;}
#firstsec .firstBoxInner li.orange{background:#fdf2cc; }
#firstsec .firstBoxInner li.blue{background:#d4eef9; }
#firstsec .firstBoxInner li.pink{background:#ffe5ee; }
#firstsec .firstBoxInner li strong{font-size: 200%;line-height: 1.2em;}
#firstsec .firstBoxInner li .smallTxt{font-size: 70%;}

#firstsec .firstBox .f_comment{margin-bottom: 2em;}
#firstsec .firstBox .f_comment p{text-align:center;font-weight: 600;}

/*----------------------------------------------------------------------------
***                                                            iframe-content
----------------------------------------------------------------------------*/
#firstsec #iframe-content{ position: relative; width: 80%; padding-bottom: 44.625%; height: 0;margin:1em auto;}
#firstsec #iframe-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 
/*----------------------------------------------------------------------------
***                                                            priceSec
----------------------------------------------------------------------------*/
#priceSec {background: #ebf4d0;}
#priceSec  .priceBox{margin: 0 auto; padding: 3em 0;width: 820px;}
#priceSec  .priceBox .small{font-size: 14px;}
#priceSec  .priceBox p{text-align: center;margin: 1.5em auto 0;}
#priceSec  .priceBox .fee{font-size: 60px;font-weight: bold;margin-top: 0.7em;line-height: 1.2;position: relative;}
#priceSec  .priceBox .fee::before{content: "▼";text-align:center;position: absolute;top: -1.3em;margin-left:1.8em;font-size: 30px;}
#priceSec  .priceBox .fee .tate{writing-mode: vertical-rl;text-orientation: upright;font-size: 22px;}
#priceSec  .priceBox .fee span{font-size: 20px;}
#priceSec  .priceBox .under_y{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0; width: 88%;margin-top: 0em;}

/*----------------------------------------------------------------------------
***                                                                 footer
----------------------------------------------------------------------------*/
footer{background:#58595b;}
.footerBoxInner{padding:10px 0px;}
footer p{color:#fff;}

@media(max-width: 1025px) and (min-width: 821px){
	.secBox{width:100%;padding: 0 2em;}
	.secBox2{width: 100%;}
	#firstsec .firstBoxInner{width: 100%;}
	#firstsec .firstBoxInner .point{width: 100%;}
	
}
/*surface*/
@media(max-width: 820px) and (min-width: 415px){
	
	.titleBox{background: url("../images/bg_img.jpg") no-repeat top 0 center/cover;/* padding: 40% 0 20%; */}
	.btn img{width:70%;}
	#firstsec .firstBoxInner .point{width: 100%;}
	.contentsBoxInner .titleBox .blackOnBox .detailBox img, 
	.contentsBoxInner .titleBox .blackOnBox h1 img, 
	.contentsBoxInner .blackOnBox .sub img{width:79%;}
	.titleBoxInner .bgBlack:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 3em;
    left: -2em;
    background: url(../images/img_usamain01.png) no-repeat center;
    z-index: 3;
    background-size: contain;
    width: 27vw;
    height: 27vh;
}
	.titleBoxInner .bgBlack:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2em;
    left: 22em;
    background: url(../images/img_usamain02.png) no-repeat;
    z-index: 3;
    width: 27vw;
    background-size: contain;
    height: 27vh;
}
	.scheduleBox .bottomBox .bottomBoxInner {width: 100%;}
  .mainContentsBox #scheduleSec .tabItem .btn_hokkaidoKaijoSchedule,
	.mainContentsBox #scheduleSec .tabItem .btn_tokyoKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_aichiKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_osakaKaijoSchedule,
  .mainContentsBox #scheduleSec .tabItem .btn_fukuokaKaijoSchedule
  .mainContentsBox #scheduleSec .tabItem .btn_okinawaKaijoSchedule {
    width: calc( 950px / 8.5);
}
	.scheduleBox p.subtxt {
    width: 88%;
}
	.bottomBox .bottomBoxInner {
    width: 88%;
}
.contentsBoxInner #scheduleSec .tabContent h3 {display: block;}
  
#scheduleSec #content_hokkaidoKaijoSchedule p.subtxt, 
#scheduleSec #content_tokyoKaijoSchedule p.subtxt, 
#scheduleSec #content_aichiKaijoSchedule p.subtxt,
#scheduleSec #content_osakaKaijoSchedule p.subtxt,
#scheduleSec #content_fukuokaKaijoSchedule p.subtxt,
#scheduleSec #content_okinawaKaijoSchedule p.subtxt{box-sizing: border-box;width: 100%;}
.bgBlack {position: relative;/* top: 7em; */right: 0;left: 0;}
.blackOnBox {position: absolute;top: 21em!important;right: 50%;left: 50%;margin: 0 auto;width: 100%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.blackOnBoxInner {margin: 0 auto;width: 91%;}
.date {position: relative;right: 0.2em;text-align: right;top: -13em;}
.detailBox.pcNone {position: relative;left: 50%;right: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);top: 7em;display: inline-block;width: 88%;}


}

body:not(.w775not) #footerLink.w775 #footerContentList .sitePageListBox .sitePageTitle{font-size: 90%;}
#formLinkSec.secBox{width: 100%;}
#formLinkSec .titleBox{background: none; padding: 0;}
#footerContentList .contentList .sitePageListBox *{line-height: 1.5;}



.bgBlack {position: relative;top: 0;right: 0;left: 0;}
.blackOnBox {position: absolute;top: 21em;right: 50%;left: 50%;margin: 0 auto;width: 84%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);top: 19em!important;}
.blackOnBoxInner {margin: 0 auto;}
.date {position: relative;right: 0.2em;text-align: right;top: -10em;}
.detailBox.pcNone {position: relative;left: 50%;right: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);top: 6em;display: inline-block;width: 90%;}
.steamDetailBoxInner {background: #fff;border-radius: 0.8em;max-width: 100%;padding: 0.9em 1em 1.3em;margin: 0 auto;font-size: 68%;}
.ulcP {background: linear-gradient(transparent 62%, #ffd6d6 0%);}
.titleBox .btn {text-align: center;/* margin-top: 32%; */}
.steamDetailBoxInner p {text-align: center;font-size: 80%;}
.steamDetailBoxInner ul {width: 100%;margin: 0 auto;}
.bgBlack:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -7em;
    left: -2em;
    background: url(../images/img_usamain01.png) no-repeat center;
    z-index: 3;
    background-size: contain;
    width: 32%;
}


/*--------------------------地域タブ部分ここから--------------------------*/

#scheduleSec.section{/* background-color: #f0f0f0; */padding: 0;}
#scheduleSec .scheduleBox{padding: 1em 0.65em 5em; position:relative;}

/*-----inputタグを非表示-----*/
#scheduleSec input[name="tabItem"],
#scheduleSec input[name="season"] { display: none;}
/*-----タブのスタイル-----*/
#scheduleSec .tabItem .btn_hokkaidoKaijoSchedule,
#scheduleSec .tabItem .btn_tokyoKaijoSchedule,
#scheduleSec .tabItem .btn_aichiKaijoSchedule,
#scheduleSec .tabItem .btn_osakaKaijoSchedule,
#scheduleSec .tabItem .btn_fukuokaKaijoSchedule,
#scheduleSec .tabItem .btn_okinawaKaijoSchedule{display: inline-block;width: calc( 100% / 4.5);text-align: center;box-sizing: border-box;margin: 0 0em 1em 0;background-color: #d0d0d0;color: #666;font-weight: bold;font-size: 119%;padding: 0.1em 0;border-radius: 5px;}
#scheduleSec .tabItem .btn_fukuokaKaijoSchedule {margin:0;}
/*-----hover時のタブのスタイル-----*/
#scheduleSec .tabItem:hover{cursor: pointer;}
#scheduleSec .tabItem.hokkaidoKaijoScheduletab .btn_hokkaidoKaijoSchedule:hover{background-color: #ffbdbd;color: #ff7b7b;}
#scheduleSec .tabItem.tokyoKaijoScheduletab .btn_tokyoKaijoSchedule:hover{background-color: #ffbdbd;color: #ff7b7b;}
#scheduleSec .tabItem.aichiKaijoScheduletab .btn_aichiKaijoSchedule:hover{background-color: #ffe4a5;color: #ffc27d;}
#scheduleSec .tabItem.osakaKaijoScheduletab .btn_osakaKaijoSchedule:hover{background-color: #c5f3a9;color: #94eb6f;}
#scheduleSec .tabItem.fukuokaKaijoScheduletab .btn_fukuokaKaijoSchedule:hover{background-color: #cee5ff;color: #7db6ff;}
#scheduleSec .tabItem.okinawaKaijoScheduletab .btn_okinawaKaijoSchedule:hover{background-color: #cee5ff;color: #7db6ff;}

/*-----選んだタブのスタイルを変更-----*/
#scheduleSec #hokkaidoKaijoScheduletab:checked ~ label.tabItem.hokkaidoKaijoScheduletab .btn_hokkaidoKaijoSchedule {background-color: #ff7b7b;color: #fff;position: relative;}
#scheduleSec #tokyoKaijoScheduletab:checked ~ label.tabItem.tokyoKaijoScheduletab .btn_tokyoKaijoSchedule {background-color: #ff7b7b;color: #fff;position: relative;}
#scheduleSec #aichiKaijoScheduletab:checked ~ label.tabItem.aichiKaijoScheduletab .btn_aichiKaijoSchedule {background-color: #ffc27d;color: #fff;position: relative;}
#scheduleSec #osakaKaijoScheduletab:checked ~ label.tabItem.osakaKaijoScheduletab .btn_osakaKaijoSchedule {background-color: #94eb6f;color: #fff;position: relative;}
#scheduleSec #fukuokaKaijoScheduletab:checked ~ label.tabItem.fukuokaKaijoScheduletab .btn_fukuokaKaijoSchedule {background-color: #7db6ff;color: #fff;position: relative;}
#scheduleSec #okinawaKaijoScheduletab:checked ~ label.tabItem.okinawaKaijoScheduletab .btn_okinawaKaijoSchedule {background-color: #7db6ff;color: #fff;position: relative;}

/*-----タブの中身を非表示-----*/
#scheduleSec .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: hidden;width: 100%;}
/*-----選んだタブの中身を表示-----*/
#scheduleSec #hokkaidoKaijoScheduletab:checked ~ #content_hokkaidoKaijoSchedule,
#scheduleSec #tokyoKaijoScheduletab:checked ~ #content_tokyoKaijoSchedule,
#scheduleSec #aichiKaijoScheduletab:checked ~ #content_aichiKaijoSchedule,
#scheduleSec #osakaKaijoScheduletab:checked ~ #content_osakaKaijoSchedule,
#scheduleSec #fukuokaKaijoScheduletab:checked ~ #content_fukuokaKaijoSchedule,
#scheduleSec #okinawaKaijoScheduletab:checked ~ #content_okinawaKaijoSchedule{display: block; opacity: 1;}


#scheduleSec .tabContent {padding: 0.6em 1em;box-sizing: border-box;width: 100%;margin: 0 auto;border: solid 0.5em #000000;border-radius: 0.6em;background: #fffff0;}
#scheduleSec .scheduleImg {text-align: center;}
#scheduleSec .baloonImg {position: absolute;bottom: 0;right: 0;transform: translateX(85%);}

/*--------------------------地域タブ部分ここまで--------------------------*/



/*表*/

#scheduleSec #detailArea{width: 100%;margin: 0 auto;font-size: 110%;padding: 0 0.4em 0 0.4em;}
#scheduleSec #detailArea .inputItemList{ position:relative;}
#scheduleSec #detailArea .inputItemList:after{
	content:
	"";
	width:100%;
	height:1px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #005873 75%, #005873 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #005873 75%, #005873 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #005873 75%, #005873 100%);
	display:
	block;
}
#scheduleSec #detailArea .inputItemList dl{padding: 0.6em 0 0.5em;display: flex;}
/*----------------------------------------------------------------------------*/
#scheduleSec #detailArea .inputItemList dt{font-size: 97.5%;}
/*----------------------------------------------------------------------------*/
#scheduleSec #detailArea .inputItemList dt{width: 20%; padding:0;}
#scheduleSec #detailArea .inputItemList dd{width: 80%;padding: 0 0.4em 0 0.7em;}


#scheduleSec .tabContent h3 {position: relative;text-align: start;}

.subTtl {margin: 14px 0 0;font-weight: bold;font-size: 148%;display: inline;}
.subTtl span{font-weight: bold;font-family: "ヒラギノ角ゴ Std W8","Hiragino kaku Gothic Std",'Noto Sans Japanese','メイリオ','Meiryo UI',"Hiragino kaku Gothic Std", "ヒラギノ角ゴ Pro W3",'游ゴシック体', 'Yu Gothic', sans-serif;}
.content_hokkaidoKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #ff9797 0%);}
.content_tokyoKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #ffcb97 0%);}
.content_aichiKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #fff1a5 0%);font-size: 90%;line-height: 1.5em;}
.content_osakaKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #b5ee98 0%);}
.content_fukuokaKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #aad6ff 0%);}
.content_okinawaKaijoSchedule .subTtl span {background: linear-gradient(transparent 71%, #d9bfff 0%);}
p.subtxt {padding: 1em;font-size: 100%;font-weight: bold;background: #fff;border-radius: 0.3em;text-align: center;color: #000000;}


#scheduleSec #detailArea .inputItemList dd {font-size: 91%;}
.matomeBoxInner {width: 100%;margin: 0.5em auto 0;}
.bottomBoxInner {margin: 0.7em 0;}
.inputItemList .fsSmall {font-size: 90%;}
.matomeBox {
    position: relative;
}

.themeImg:after {
    content: "";
    display: block;
    width: 107px;
    height: 209px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa01.png) no-repeat center;
    z-index: 3;
}
.themeImg02:after {
    content: "";
    display: block;
    width: 172px;
    height: 208px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa02.png) no-repeat center;
    z-index: 3;
}
.themeImg03:after {
    content: "";
    display: block;
    width: 184px;
    height: 202px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa03.png) no-repeat center;
    z-index: 3;
}
.themeImg04:after {
    content: "";
    display: block;
    width: 220px;
    height: 168px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa04.png) no-repeat center;
    z-index: 3;
}

.themeImg05:after {
    content: "";
    display: block;
    width: 198px;
    height: 201px;
    position: absolute;
    bottom: -1.5em;
    right: -0.5em;
    background: url(../images/img_usa05.png) no-repeat center;
    z-index: 3;
}

.themeImg06:after {
    content: "";
    display: block;
    width: 166px;
    height: 209px;
    position: absolute;
    bottom: -0.5em;
    right: -0.5em;
    background: url(../images/img_usa06.png) no-repeat center;
    z-index: 3;
}

#content_hokkaidoKaijoSchedule p.subtxt{background:#ffd7d7; color:#ce5e5e;}
#content_tokyoKaijoSchedule p.subtxt{background:#ffe7cf; color:#dc883e;}
#content_aichiKaijoSchedule p.subtxt{background:#fff5bf; color:#daaa33;}
#content_osakaKaijoSchedule p.subtxt{background:#e0f5d3; color:#5e9a35;}
#content_fukuokaKaijoSchedule p.subtxt{background:#CEEDFF; color:#3baacf;}
#content_okinawaKaijoSchedule p.subtxt{background:#F0D3FF; color:#624b98;}

#scheduleSec #content_hokkaidoKaijoSchedule{border:#ffbdbd solid 0.5em;}
#scheduleSec #content_tokyoKaijoSchedule{border:#ffc87d solid 0.5em;}
#scheduleSec #content_aichiKaijoSchedule{border:#ffe4a5 solid 0.5em;}
#scheduleSec #content_osakaKaijoSchedule{border:#c5f3a9 solid 0.5em;}
#scheduleSec #content_fukuokaKaijoSchedule{border:#cee5ff solid 0.5em;}
#scheduleSec #content_okinawaKaijoSchedule{border:#ccbdff solid 0.5em;}

.colorHokkaido {color: #ff7b7b;}
.colorTokyo {color: #ffa656;}
.colorAichi{color: #facc5b;}
.colorOsaka{color: #77d863;}
.colorFukuoka{color: #7db6ff;}
.colorOkinawa{color: #a18bd6;}

#scheduleSec #content_hokkaidoKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #ff7b7b 75%, #ff7b7b 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ff7b7b 75%, #ff7b7b 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ff7b7b 75%, #ff7b7b 100%);
	display:block;
}

#scheduleSec #content_tokyoKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #ffa656 75%, #ffa656 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffa656 75%, #ffa656 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffa656 75%, #ffa656 100%);
	display:block;
}

#scheduleSec #content_aichiKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #ffc27d 75%, #ffc27d 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffc27d 75%, #ffc27d 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #ffc27d 75%, #ffc27d 100%);
	display:block;
}

#scheduleSec #content_osakaKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #94eb6f 75%, #94eb6f 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #94eb6f 75%, #94eb6f 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #94eb6f 75%, #94eb6f 100%);
	display:block;
}

#scheduleSec #content_fukuokaKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	display:block;
}

#scheduleSec #content_okinawaKaijoSchedule .inputItemList:after{
	content:
	"";
	width:100%;
	height:1.2px;
	background:
	linear-gradient(-90deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 75%, #7db6ff 75%, #7db6ff 100%);
	display:block;
}

.scheduleBox .tabContent .dispFlex{display: block;}
.tabContent h3 img{width: 50%; height:auto;}

#scheduleSec h3{font-size:150%;}
.date img {width: 30%;}
#firstsec h2 img {width: 78%;}
.bgBlack.pcNone {width: 100%;display: block;margin: 0 auto;}


.steamDetailBox{position: relative;}
.steamDetailBox:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -7em;
	right: 0;
	background: url(../images/img_usasteam01.png) no-repeat;
	z-index: 3;
	width: 30%;
	background-size: contain;
}

.firstBox {
    position: relative;
}
.firstBoxInner{
position: relative;
}
.firstBox:before {
	content: "";
	display: block;
	position: absolute;
	top: -3.4em;
	left: 0;
	background: url(../images/img_usasteam02.png) no-repeat;
	z-index: 3;
	width: 17%;
	background-size: contain;
}
.firstBoxInner:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -3.7em;
	left: 0;
	background: url(../images/img_usasteam03.png) no-repeat;
	z-index: 3;
	width: 29%;
	background-size: contain;
}
.firstBox:after {
	content: "";
	display: block;
	position: absolute;
	top: -3em;
	right: 7px;
	background: url(../images/img_usasteam04.png) no-repeat;
	z-index: 3;
	width: 22%;
	background-size: contain;
}


.firstBoxInner:after {
	content: "";
	display: block;
	position: absolute;
	top: -3.5em;
	right: calc(50% - 28px);
	background: url(../images/img_usasteam05.png) no-repeat;
	z-index: 3;
	width: 19%;
	background-size: contain;
}
.steamDetailBoxInner p.txtB {
    font-size: 104%;
}
#breadcrumbArea {
    padding: 0.5em 0.5em 2.1em;
}



/*20221129 レポート追記*/


#reportsec {border-top: dashed 2px #8e8e8e;margin: 0.5em 0 0 0;padding-top: 0;}

#reportsec .stepDetailBoxInner {background: #fff3f3;padding: 0.5em 0.7em;width: 100%;margin: 0 auto;}
#reportsec .stepDetailBoxInner li:not(:last-of-type){border-bottom: dashed 2px #8e8e8e;}
#reportsec ul.stepFlow > li {position: relative;text-align: center;}
#reportsec ul.stepFlow > li:not(:last-child):after {content: "";width: 0;height: 0;margin: auto;position: absolute;left: 0;right: 0;bottom: -6.9em;border-style: solid;border-color: #ff8980 transparent transparent transparent;border-width: 23px 23px 0 23px;transform: rotate(0deg);}

#reportsec .stepBoxInner .stepFlow {width: 100%;margin: 0 auto;display: block;}
#reportsec .stepDetailBoxInner ul dl dt {margin-right: 1em;color: #ff8980;font-size: 115%;}
#reportsec .stepDetailBoxInner ul dl dd {font-size: 94%;}
#reportsec .stepImgBoxInner h3 {margin: 0 0.8em 0;}
#reportsec .stepImgBoxInner p{margin-bottom:0.8em;font-size: 52%;}
#reportsec .stepImgBoxInner .ttlBox{border-bottom:solid 4px #ffb4b0;margin-bottom: 0.7em;width: 100%;display: block;}
#reportsec .stepImgBoxInner {width: 100%;margin: 0 auto;}
#reportsec .photoBoxInner ul{row-gap: 0.7em;}
#reportsec .photoBoxInner.photo01 {background: #fff5e9;margin-top: 0.8em;padding: 1.3em 0 1.5em;}
#reportsec .photoBoxInner .photoBoxBg{background: url(../images/report/img_contents_lefta.png) repeat-y;}

#voicesec .voiceBoxInner {background: #fff3f3;padding: 1.1em 0.6em;width: 100%;margin: 0em auto 2em;}
#voicesec .voiceBoxInner li{font-size: 57%;border-bottom:dashed 2px #8e8e8e;padding: 0.5em 0;}
#voicesec .voiceBoxInner span.usamark {margin-right: 0.8em;}
#reportsec .stepImgBoxInner .ttlBox img {width: 45%;}
#voicesec .voiceBoxInner li .usamark {width: 8%;}
#voicesec .voiceBoxInner li not.usamark {}
#voicesec .voiceBoxInner li .voiceTxt {width: 92%;}
.reportBoxInner h2 img {width: 78%;}
#reportsec .photoBoxInner.photo01 img {width: 75%;margin: 0 auto;display: block;}
#reportsec .stepImgBoxInner .ttlBox p {text-align: center;}
.worldExpoDl h2 img {width: 65%;}
.reportBox.secBox {margin: 1em auto;}

#reportsec .stepBoxInner .stepFlow img {width: 50%;margin: 0 auto;}
#reportsec ul.stepFlow li:not(:last-child) {margin-bottom: 1.5em;}
.stepDetailBoxInner dl {padding: 0.4em 0;}
#voicesec p.lastUsa img {width: 35%;}
#voicesec p.lastUsa {position: initial;bottom: 0;right: 0;margin: 0 auto;text-align: center;}
#reportsec .stepBox {margin-top: 0.4em;}

/*gaba用追記*/
/*#gaba .slUsa {position: absolute;top: 5em;right: -9em!important;z-index:5;width: 72%;left: initial;}*/


@media(max-width: 767px) and (min-width: 721px){
#contentsBox .titleBoxInner{padding: 5em 6em 0!important;height: 1030px;background-size: cover;}
#contentsBox .blackOnBox{width:87%;top:19em!important;}
#contentsBox .blackOnBox .place{width:70%;margin:0 auto;text-align:center;}
#contentsBox .date{top: -15em;}
/*#contentsBox .reportTxtBox{top:5em!important;}*/
#contentsBox .titleBoxInner .bgBlack:before{bottom:-1.4em;}
#contentsBox .titleBoxInner .bgBlack:after{bottom:-8em;}
#contentsBox .detailBox{top:9em;}
.reportTxtBox{top:9em!important;}	
}

@media(max-width: 720px) and (min-width: 671px){
#contentsBox .titleBoxInner{padding: 5em 5em 0!important;height: 990px;background-size: cover;}
#contentsBox .blackOnBox{width:87%;top:19em!important;}
#contentsBox .blackOnBox .place{width:70%;margin:0 auto;text-align:center;}
#contentsBox .date{top: -14em;}
#contentsBox .titleBoxInner .bgBlack:before{bottom:-1.4em;}
/*#contentsBox .reportTxtBox{top:5em!important;}*/

#contentsBox .titleBoxInner .bgBlack:before{bottom:-1.4em;}
#contentsBox .titleBoxInner .bgBlack:after{bottom:-8em;}
#contentsBox .detailBox{top:8em;}

}

@media(max-width: 670px) and (min-width: 616px){
#contentsBox .titleBoxInner{padding: 3em 5em 0!important;height: 890px;background-size: cover;}
#contentsBox .blackOnBox{width:87%;top:29em!important;top:24em!important;}
#contentsBox .blackOnBox .place{width:70%;margin:0 auto;text-align:center;}
/*.reportTxtBox{top:10em!important;}*/
#contentsBox .date{top: -14em;}
#contentsBox .titleBoxInner .bgBlack:before{bottom:-1.4em;}
#contentsBox .titleBoxInner .bgBlack:after{bottom:-8em;}	
#contentsBox .detailBox{top:7.2em;}
}
@media(max-width: 615px) and (min-width: 561px){
#contentsBox .titleBoxInner{padding: 3em 3.3em 0!important;height: 900px;background-size: cover;}
#contentsBox .blackOnBox{width:95%;top:19em!important;}
.detailBox.pcNone{top:8em;}
#contentsBox .date{top: -14em;}
#contentsBox .titleBoxInner .bgBlack:before{bottom:-1.4em;}
#contentsBox .titleBoxInner .bgBlack:after{bottom:-8em;}
}
/*surface duo追記*/
@media(max-width: 560px) and (min-width: 540px){
#contentsBox .titleBoxInner{padding: 3em 3.3em 0!important;height: 800px;background-size: cover;}
#contentsBox .blackOnBox{width:95%;top:19em!important;}
#contentsBox .blackOnBox .place{width:70%;margin:0 auto;text-align:center;}
/*#contentsBox .reportTxtBox{top:5em!important;}*/
#contentsBox .date{top: -14em;}
#contentsBox .titleBoxInner .bgBlack:before{bottom:-1.4em;}
#contentsBox .titleBoxInner .bgBlack:after{bottom:-8em;}
}
