@charset "shift_jis";

main * {font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.disnon{display:none!important}

/*-----DT gadget-----//*/
:root {
	--gadget-accent-color: #6EB9DA;
	--gadget-noactive-color: #F9F6F4;
	--gadget-botton-color: #F29A16;
}
#search_gdt .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
#search_gdt .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
#search_gdt .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
#search_gdt .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
#search_gdt .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
#search_gdt .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
#search_gdt .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
#search_gdt .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}
#search_gdt .fwnta-search-condition-clear {display: none !important;}
#search_gdt .fw-top .fwnta-modal-search-condition {z-index: 10000 !important;}
html:has(.fw-modal-portal),
body:has(.fw-modal-portal) {overflow: hidden!important;}

/*loading*/
#webconnect-tour-hotels-gadget,
#webconnect-gadget-1 {min-height:250px;}
#webconnect-tour-hotels-gadget > span,
#webconnect-gadget-1 > span{
	width:8px;
	height:8px;
	border-radius:50%;
	display:inline-block;
	position:absolute;
	left:50%;
	margin: 120px 0 0 -10px;
	-webkit-animation:3s infinite linear;
	-moz-animation:3s infinite linear;
	-o-animation:3s infinite linear;
}
#webconnect-tour-hotels-gadget > span:nth-child(1),
#webconnect-gadget-1 > span:nth-child(1){
	background:#C1C3C5;
	-webkit-animation:kiri 1.2s infinite linear;
	-moz-animation:kiri 1.2s infinite linear;
	-o-animation:kiri 1.2s infinite linear;
}
#webconnect-tour-hotels-gadget > span:nth-child(2),
#webconnect-gadget-1 > span:nth-child(2){
	background:#C1C3C5;
	z-index:100;
}
#webconnect-tour-hotels-gadget > span:nth-child(3),
#webconnect-gadget-1 > span:nth-child(3){
	background:#C1C3C5;
	-webkit-animation:kanan 1.2s infinite linear;
	-moz-animation:kanan 1.2s infinite linear;
	-o-animation:kanan 1.2s infinite linear;
}
@-webkit-keyframes kanan {
0% {-webkit-transform:translateX(20px);
}
50%{-webkit-transform:translateX(-20px);
}
100%{-webkit-transform:translateX(20px);
z-index:200;
}
}
@-moz-keyframes kanan {
0% {-moz-transform:translateX(20px);
}
50%{-moz-transform:translateX(-20px);
}
100%{-moz-transform:translateX(20px);
z-index:200;
}
}
@-o-keyframes kanan {
0% {-o-transform:translateX(20px);
}
50%{-o-transform:translateX(-20px);
}
100%{-o-transform:translateX(20px);
z-index:200;
}
}
@-webkit-keyframes kiri {
0% {-webkit-transform:translateX(-20px);
z-index:200;
}
50%{-webkit-transform:translateX(20px);
}
100%{-webkit-transform:translateX(-20px);
}
}
@-moz-keyframes kiri {
0% {-moz-transform:translateX(-20px);
z-index:200;
}
50%{-moz-transform:translateX(20px);
}
100%{-moz-transform:translateX(-20px);
}
}
@-o-keyframes kiri {
0% {-o-transform:translateX(-20px);
z-index:200;
}
50%{-o-transform:translateX(20px);
}
100%{-o-transform:translateX(-20px);
}
}
/*-----//DT gadget-----*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}

/*title*/
#title img {
    width: 100%;
    height: auto;
}

ul.naviTemplete3{
	width: 100%;
	margin: auto;
	border-bottom: none;
	display: block;
    overflow: hidden;
    padding: 0;
}
ul.naviTemplete3 li.select {
    background: #004fab;
    color: #FFF;
}
ul.naviTemplete3 li {
	text-align: center;
    font-weight: normal;
    display: block;
    float: left;
	padding: 5px 0;
    background: #FFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #004fab;
    cursor: pointer;
    width: 23%;
    font-size: 14px;
    margin: 10px 1%;
    border: 1px solid #004fab;
    box-sizing: border-box;
}

/**/
dl.osususmePointBlue {
    overflow: hidden;
    display: block;
    border: 1px solid #004fab;
    margin: 0 0 15px 0;
    padding: 0;
}
dl.osususmePointBlue dt {
    background: #004fab;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl.osususmePointBlue ul.osususmePointBlueUl {
    padding: 5px;
    display: block;
}
dl ul.osususmePointBlueUl li:last-child {
    border-bottom: 0px dotted #030;
}
dl ul.osususmePointBlueUl li {
    padding: 3px 0 5px 15px;
    margin: 0 0 5px 0;
    background: url(//www.nta.co.jp/sp/images/im_point_blue.png) no-repeat 0 7px;
    border-bottom: 1px dotted #dcdcdc;
    font-size: 1.1em;
}

/**/
.templeteTitle02 {
	padding: 5px!important;
    font-size: 14px;
    display: block;
    margin: 0 0 10px 0;
    background: #004fab;
    color: #FFF;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
}

p.templeteBtnB02 {
    width: 80%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #36C 98% 50%;
    margin: 0 auto 15px;
    color: #FFF;
    display: block;
    text-align: center;
	clear: both;
}
p.templeteBtnB02 a {
    display: block;
    padding: 13px 0;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/**/
div.colum3T div {
	display: block;
    width: 48%;
    /*float: left;*/
    background: #FFF;
    padding: 0;
    margin: 0 1% 10px;
}
div.colum3T div p.images {
    margin: 10px;
}
div.colum3T div p.images img {
    width: 100%;
    height: 120px;
}
div.colum3T div dl {
    display: block;
    margin: 0;
    padding: 0 10px 5px 10px;
    line-height: 1.5em;
}
div.colum3T div dt {
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px dotted #dcdcdc;
}
div.colum3T div dd {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.colum3T div span {
    display: block;
    padding: 0 0 10px 0;
}
div.colum3T div dd p.priceRange {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #F00;
    text-align: center;
    display: block;
}
.articleTemplete ul#btnBox li {
    background-color: #ff9326;
}
p.templeteBtn04_h {
    width: 100%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #3366cc 98% 50%;
    margin: 0 auto 5px;
    color: #FFF;
    display: block;
    text-align: center;
}
p.templeteBtn04_h a {
    display: block;
    padding: 5px 0;
    color: #FFF;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/**/
#hitoriLinkBox {clear: both;}
#crossLinkArea #crossLinkAreaInner .bnrBlock01 ul li {
    width: 48%;
    float: left;
    margin: 0 1%;
    text-align: center;
}
#crossLinkArea #crossLinkAreaInner .bnrBlock01 ul li span {
    display: block;
    font-size: 10px;
}

/*ガシェット余白*/
#search_gdt {padding: 10px;}

/*attention*/
.articleTemplete .templeteTitle02{font-weight:normal;}
article #title{margin-bottom:0;}
.kensaku_moyori_box #templeteSearchBox h3,
.kensaku_moyori_box .Kensaku2 h3{
	padding:5px 0;
	text-align:center;
	font-size:16px;
	color:#FFF;
	background-color:#004fab;
}

.kensaku_moyori_box .Kensaku2 dl {
    width: 95%;
    border-bottom: 1px dashed #cccccc;
    padding: 0px 0px 7px 0px;
    margin: 6px 0px 0px 16px;
}

.kensaku_moyori_box .Kensaku2 dt {
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #2559b4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
}

.kensaku_moyori_box .Kensaku2 dd {
    font-size: 12px;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
}

.articleTemplete div.colum3T div dd p.priceRange {
    font-size: 18px;
}
.articleTemplete div.colum3T div dd p.templeteBtn04_h,
.articleTemplete ul#btnBox li{
	background-color:#ff9326;
}

#infoBox{
	border:2px solid #f2f1ec;
	margin:20px 0 0 0;
}
#infoBox h3{
	background:#f2f1ec;
	padding:10px;
	font-size:14px;
	margin:0;
}
#infoBox p{
	padding:8px 8px 0 8px;
	font-weight:nomal;
	color:#F00;
}
#infoBox ul{
	padding:8px 8px 10px 8px;
}
#infoBox ul li{
	padding:3px 0 3px 15px;
	margin:0 0 5px 0;
	background:url(//www.nta.co.jp/sp/images/im_point_blue.png) no-repeat 0 5px;
}
#infoBox ul li a{
	display:inline;
}

div.kensaku_moyori_box{
	width:100%;
}

div.kensaku_moyori_box #templeteSearchBox{
    background: #fff;
	margin:0 0 10px 0;
    padding: 10px;
    border: 1px solid #4C8AD3;
}

div.kensaku_moyori_box .Kensaku2{
    background: #fff;
	margin:0 0 10px 0;
    padding: 10px;
    border: 1px solid #4C8AD3;
}

div.colum3T div strong{
	padding:5px;
	display:block;
	text-align:center;
	background:#004fab;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	margin:-5px -5px 8px -5px;
	
}
div.colum3T div strong.big{
	padding:5px;
	display:block;
	text-align:center;
	background:#004fab;
	color:#FFF;
	font-size:18px;
	font-weight:nomal;
	margin:0 0 10px 0;
	
}
h2.temple_title_size {
	font-size: 16px;
    color: #FFF;
}

/*bigBtn input----------------------------------------------------------*/
input.templeteBtnB05_5{
	width:85%;
	height:50px;
	background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #fd6a07 98% 50%;
	background-size:8px auto;
	margin:0 auto 15px;
	color:#FFF;
	display:block;
	text-align:center;
	border:0;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	border-top: 2px solid rgba(255,255,255,0.2);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input.templeteBtnB05_5:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
ul#bnrBox{
	display:block;
	margin:0;
	padding:15px;
	overflow:hidden;
	text-align:center;
}
ul#bnrBox li{
	width:50%;
	float:left;
}
ul#bnrBox li img{
	width:98%;
	height:auto;
	max-width:180px;
}
/**/

/*bigBtn100%----------------------------------------------------------*/
ul#btnBox{
	display:block;
	margin:0 10px;
	overflow:hidden;
}

ul#btnBox li:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

ul#btnBox li{
	background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #36C 98% 50%;
	margin:0 auto 10px;
	width:85%;
	color:#FFF;
	display:block;
	text-align:center;
}

ul#btnBox li a{
	display:block;
	padding:5px 0;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/*reset*/
.kensaku_moyori_box .Kensaku2 dl.fast {
padding: 0px 0px 7px 0px;
margin: 10px 0px 0px 16px;
}

article ul.naviTemplete3 li:before {content: "▼";}
.articleTemplete .templeteTitle02.icon_s{
	font-weight:normal;
	background: #004fab url("../images/icon_search.png") no-repeat scroll 1% center;
	background-size: auto 80%;
	padding: 10px 0 10px 50px !important;
}
div.colum3T div dt,
div.colum3T div span b {font-weight:normal;}
p.templeteBtnB02 a {font-weight:normal;}
.itemList4 li dl dt a:link {
	color: #0065d6 !important;
	text-decoration: none !important;
}
.itemList4 li dl dt a:visited {
	color: #0065d6 !important;
	text-decoration: none !important;
}
.itemList4 li dl dt a:hover {
	color: #0065d6 !important;
	text-decoration: underline !important;
}
.itemList4 li dl dt a:active {
	color: #0065d6 !important;
	text-decoration: none !important;
}
.itemList4 li dl dt a {
	outline: none !important;
}
.itemList4 .thumb{
	max-width: 50%;
	float:left;
	margin:0 10px 0 0;
}

.itemList4 .thumb img{
	width: 100%;
    height: auto;
}

.itemList4 dl{
	overflow:hidden;
	margin:0;
	padding:10px 0 0 0;
	font-family:"?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
}

.itemList4 .cFix dt{
	font-size:0.9rem;
	font-weight:normal;
	margin:10px 0 0 0px;
	padding:0;
}

.itemList4 .cFix dd{
	padding:5px 10px 0 0;
	font-size:0.8rem;
	margin:0;
}

.itemList4{
	display:block;
	margin:0;
}
.itemList4 a{	color:#333333;}
.itemList4 li{
	background:#ffffff;
	overflow:hidden;
	margin:0 0 10px 0;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.osusumearea{
	background:#f2f1ec;
	padding:0 0 1px 0;
}

/*GADGET*/
/*kw*/
#search_keyword {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    display: flex;
}
#NTA_JR2_KeywordText {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	width: 74%;
	height: 42px;
	margin: 0 1% 0 0;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	background:#FFF;
}
#NTA_JR2_search{
	width: 25%;
	background: #E61B61;
	border: none;
	font-weight: normal;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0 2px 0 #d6d6d6;
}
#p_sbox hr {
    display: none;
}
/*gdt*/
.pl90 {padding-left: 90px;}
#NTA_JR2_DistrictCombo {display: none!important;}
#p_sbox .box-contents select,
#p_sbox .box-contents #returnDirection {
	width: 100%;
    height: 42px;
    border: #A4ACB1 solid 1px;
    box-sizing: border-box;
    align-items: center;
    display: grid;
    text-indent: 90px;
    border-radius: 5px;
    font-size: 14px;
    background: #FFF;
    padding: 0 1px;
}
@-moz-document url-prefix() {/*firefox*/
#p_sbox .box-contents select,
#p_sbox .box-contents #returnDirection{
	text-indent: 0;
    padding: 0 1px 2px 100px;
}
}
#p_sbox .box-contents #returnDirection {
	text-indent: 31px;
	background: #ccc;
}
#p_sbox .box-contents .ico_man.select_issitsuninzuu,
#p_sbox .box-contents .ico_bed.select_hakusuu{
	width: 100%;
	height: 42px;
	padding: 5px;
	border: #A4ACB1 solid 1px;
	box-sizing: border-box;
	align-items: center;
	border-radius: 5px;
	background: #FFF;
}
.selectday {
	width: 100%;
	height: 42px;
	padding: 2px 5px;
	border: #A4ACB1 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	border-radius: 5px;
	font-size: 14px;
	background: #FFF;
}
.selectday p {text-indent: 105px;}
#p_sbox .box-contents .w198 select{
	border-right:none;
	border-radius: 5px 0 0 5px;
	text-align: right;
	text-align-last: right;
	padding: 2px 0 2px 5px;
}
#p_sbox .box-contents .wc100p-198 select {
	text-indent: 0;
	border-left:none;
	border-radius: 0 5px 5px 0;
	padding: 2px 5px 2px 0;
}
#p_sbox .box-contents .w40p select {text-indent: 10px;}
#p_sbox .box-contents .w50p select {text-indent: 31px;}
#p_sbox .box-contents b {
	position: absolute;
	left: 80px;
	top: 14px;
	font-size: 10px;
	color: #cc0000;
	pointer-events: none;
}
#p_sbox .box-contents .w50p b {
	position: absolute;
	left: unset;
	right: 20px;
	top: 14px;
}

/*アイコン*/
.select_wrap,
.noselect_wrap {position: relative;}
.select_wrap:after{
	content: "▼";
    position: absolute;
    width: 25px;
    height: calc(100% - 2px);
    top: 1px;
    right: 1px;
    color: #555;
    font-size: 10px;
    pointer-events: none;
    text-align: center;
    display: grid;
    align-items: center;
    border-radius: 0 5px 5px 0;
    background: #FFF;
}
.noselect_wrap:after{content: "";}
.ico_place:before,
.ico_calendar:before,
.ico_bed:before,
.ico_meal:before,
.ico_man:before {
	content: "";
	width:28px;
	height:28px;
	position: absolute;
	top: 6px;
	left: 5px;
	pointer-events: none;
	z-index: 1;
}
.ico_glass{
	padding-left: 22px;
	position:relative;
	text-indent: 8px;
}
.ico_glass:before {
	content: "●";
    color: #777;
	position: absolute;
    top: 0;
    left: 5px;
}
.ico_place:before{
	background: url(/shared2021/common/images/gadget/ico_place.png) no-repeat;
	background-size: 28px;
}
.ico_calendar:before{
	background:url(/shared2021/common/images/gadget/ico_calendar.png) no-repeat;
	background-size: 28px;
}
.ico_man:before{
	background:url(/shared2021/common/images/gadget/ico_man.png) no-repeat;
	background-size: 28px;
}
.ico_bed:before {
    background: url(/shared2021/common/images/gadget/ico_bed.png) no-repeat;
    background-size: 28px;
}
.ico_meal:before {
    background: url(/shared2021/common/images/gadget/ico_meal.png) no-repeat;
    background-size: 28px;
}

/*項目文言*/
.select_syuppatsuchi:after{content: "出発地";}
.select_mokutekichi:after{content: "目的地";}
.select_syuppatsubi:after{content: "出発日";}
.select_issitsuninzuu:after{content: "1室人数";}
.select_bed:after {content: "部屋条件";}
.select_meal:after {content: "食事条件";}
.select_syuppatsuchi:after,
.select_mokutekichi:after,
.select_syuppatsubi:after,
.select_bed:after,
.select_meal:after,
.select_issitsuninzuu:after{
	position: absolute;
	top: 13px;
	left: 36px;
	color: #aaa;
	font-size: 12px;
	pointer-events: none;
}
.dis_flex {
	flex-wrap: wrap;
	display: flex;
}
.w50p {
	width: 49%;
	margin-right:1%;
}
.w50p:last-child {margin:0 0 0 1%;}
#p_sbox .box-contents .w198 {width: 170px;}
#p_sbox .box-contents .wc100p-198 {width: calc(100% - 170px);}
#p_sbox .box-contents .con1btn input[type="button"] {
	color: #fff;
	font-size: 16px;
	background-color: #E61B61;
	border: none;
	width: 100%;
	height: 45px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 0 #d6d6d6;
	background-image: url(/sp/shared2015/common/images/icon01.png);
	background-repeat: no-repeat;
	-webkit-background-size: 16px;
	background-size: 16px;
	background-position: 10% 50%;
}

/* +-btn */
.minus_or_plus_btn,
input[type="number"],
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button,
.minus_or_plus_btn{
	-webkit-appearance: none;
	-moz-appearance:textfield;
	outline:none;
}
.minus_or_plus_btn_input{
	width: 50px;
	display: inline-block;
	font-size: 15px!important;
}
.minus_or_plus_btn_input small{
	font-size: 12px!important;
	position: relative;
    vertical-align: middle;
}
input.customSelect{
	width: 24px!important;
    height: 30px;
    text-align: center!important;
    border: none;
    -webkit-text-fill-color: #000;
    opacity: 1;
}
.minus_or_plus_btn {
	width: 28px;
	height: 28px;
	margin-right: 5px;
	padding: 0;
	border-radius: 2px;
	font-size: 14px;
	background:#eee;
	touch-action: manipulation;
	color: #4d4d4d;
}
#p_sbox #NTA_JR2_KodawariBasic input, #p_sbox #NTA_kodawari input {
    border: 1px solid #aaa;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #FFF;
}
#p_sbox input[type="checkbox"]:checked:before {
    position: absolute;
    left: 0;
    top: 13px;
    display: block;
    content: "";
    width: 8px;
    height: 2px;
    background: #E61B61;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}
#p_sbox input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 7px;
    top: 13px;
    content: "";
    width: 14px;
    height: 2px;
    background: #E61B61;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

/*こだわり条件*/
#p_sbox input[type="checkbox"]:checked {background: #FFF;}
#p_sbox input[type="checkbox"]:checked:before {
	position: absolute;
	left: 0;
	top: 13px;
	display: block;
	content: "";
	width: 8px;
	height: 2px;
	background: #E61B61;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}
#p_sbox input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 7px;
	top: 13px;
	content: "";
	width: 14px;
	height: 2px;
	background: #E61B61;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
#p_sbox #NTA_JR2_KodawariBasic{display:none!important;}
#p_sbox #NTA_JR2_KodawariBasic label {
	margin: 5px 0;
	display: inline-block;
	width: 50%;
}

/*carendar*/
#NTA_JR2_popup_calendar_button select{pointer-events: none;}
#smp_header #headTop {height: auto;}
#NTA_JR2_popup_calendar_contents .calendar_popup__head .calendar_popup__title{
    font-family: Hiragino Sans;
	margin-bottom: 0;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print{
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width:950px;
    margin: 0 auto 5px;
}

.inner {
    width: 96%;
    max-width:950px;
    margin: 0 auto;
    padding: 25px 0;
    display: block;
}

/*attention*/
.articleTemplete .templeteTitle02{
	font-weight:normal;
	margin: 0 0 10px 0;
}
#title{
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
}
ul.naviTemplete3{
	width: 100%;
    margin: 25px auto;
    border-bottom: none;
    display: block;
    overflow: hidden;
    padding: 0;
}
ul.naviTemplete3 li.select {
    background: #004fab;
    color: #FFF;
}
ul.naviTemplete3 li {
    width: 23%;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
    border: 1px solid #004fab;
    display: block;
    float: left;
    padding: 10px 18px;
    margin: 0 1%;
    background: #FFF;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #004fab;
    cursor: pointer;
	box-sizing: border-box;
}

/**/
#templeteWrap {
    width: 100%;
}

/**/
dl.osususmePointBlue {
    overflow: hidden;
    display: block;
    border: 1px solid #004fab;
    margin: 0 0 15px 0;
    padding: 0;
}
dl.osususmePointBlue dt {
    background: #004fab;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl.osususmePointBlue ul.osususmePointBlueUl {
    padding: 10px 10px 0 10px;
    display: block;
}
dl ul.osususmePointBlueUl li:last-child {
    border-bottom: 0px dotted #030;
}
dl ul.osususmePointBlueUl li {
    padding: 3px 0 5px 15px;
    margin: 0 0 5px 0;
    background: url(//www.nta.co.jp/sp/images/im_point_blue.png) no-repeat 0 7px;
    border-bottom: 1px dotted #dcdcdc;
    font-size: 1.1em;
}

/**/
.templeteTitle02 {
    padding: 10px!important;
    font-size: 16px;
    display: block;
    margin: 0 0 10px 0;
    background: #004fab;
    color: #FFF;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
}

p.templeteBtnB02 {
    width: 80%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #36C 98% 50%;
    margin: 0 auto 15px;
    color: #FFF;
    display: block;
    text-align: center;
	clear: both;
}
p.templeteBtnB02 a {
    display: block;
    padding: 13px 0;
    color: #FFF;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/**/
div.colum3T div {
    display: block;
    width: 31.5%;
    /*float: left;*/
    background: #FFF;
    padding: 0;
    margin: 0 0 10px 10px;
}
div.colum3T div p.images {
    margin: 10px;
}
div.colum3T div p.images img {
    width: 100%;
    height: auto;

}
div.colum3T div dl {
    display: block;
    margin: 0;
    padding: 0 10px 5px 10px;
    line-height: 1.5em;
}
div.colum3T div dt {
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    border-bottom: 1px dotted #dcdcdc;
}
div.colum3T div dd {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.colum3T div span {
    display: block;
    padding: 0 0 10px 0;
}
div.colum3T div dd p.priceRange {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #F00;
    text-align: center;
    display: block;
}
.articleTemplete ul#btnBox li {
    background-color: #ff9326;
}
p.templeteBtn04_h {
    width: 100%;
    background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #3366cc 98% 50%;
    margin: 0 auto 5px;
    color: #FFF;
    display: block;
    text-align: center;
}
p.templeteBtn04_h a {
    display: block;
    padding: 5px 0;
    color: #FFF;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/**/
#hitoriLinkBox {
    clear: both;
}
#crossLinkArea #crossLinkAreaInner .bnrBlock01 ul li {
    float: left;
    margin-right: 10px;
    text-align: center;
}
#crossLinkArea #crossLinkAreaInner .bnrBlock01 ul li span {
    display: block;
    padding-top: 5px;
    font-size: 12px;
}

/**/
.kensaku_moyori_box #templeteSearchBox h3,
.kensaku_moyori_box .Kensaku2 h3{
	padding:5px 0;
	text-align:center;
	font-size:16px;
	color:#FFF;
	background-color:#004fab;
}

.kensaku_moyori_box .Kensaku2 dl {
    border-bottom: 1px dashed #cccccc;
    padding: 0px 0px 7px 0px;
    margin: 10px 0px 0px 0;
}

.kensaku_moyori_box .Kensaku2 dt {
    font-size: 12px;
    line-height: 15px;
    color: #2559b4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 3px 0px;
}

.kensaku_moyori_box .Kensaku2 dd {
    font-size: 12px;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
}

.articleTemplete div.colum3T div dd p.priceRange {
    font-size: 18px;
}

.articleTemplete div.colum3T div dd p.templeteBtn04_h,
.articleTemplete ul#btnBox li{
	background-color:#ff9326;
}

#infoBox{
	border:2px solid #f2f1ec;
	margin:20px 0 0 0;
}

#infoBox h3{
	background:#f2f1ec;
	padding:10px;
	font-size:14px;
	margin:0;
}

#infoBox p{
	padding:8px 8px 0 8px;
	font-weight:nomal;
	color:#F00;
}

#infoBox ul{
	padding:8px 8px 10px 8px;
}

#infoBox ul li{
	padding:3px 0 3px 15px;
	margin:0 0 5px 0;
	background:url(//www.nta.co.jp/sp/images/im_point_blue.png) no-repeat 0 5px;
}

#infoBox ul li a{
	display:inline;
}

div.kensaku_moyori_box{
	width:100%;
	margin:0 0 15px 0;
}

div.kensaku_moyori_box #templeteSearchBox{
	width:330px;
	margin-right:15px;
	float:left;
    background: #fff;
    padding: 10px;
    border: 1px solid #4C8AD3;
}

div.kensaku_moyori_box .Kensaku2{
    background: #fff;
    padding: 10px;
    border: 1px solid #4C8AD3;
}


div.colum3T div strong{
	padding:5px;
	display:block;
	text-align:center;
	background:#004fab;
	color:#FFF;
	font-size:10px;
	margin:-5px -5px 8px -5px;
	
}
div.colum3T div strong.big{
	padding:5px;
	display:block;
	text-align:center;
	background:#004fab;
	color:#FFF;
	font-size:18px;
	/*font-weight:bold;*/
	font-weight:normal;
	margin:0 0 10px 0;
	
}
h2.temple_title_size {
	font-size:22px;
}

/*bigBtn input----------------------------------------------------------*/

input.templeteBtnB05_5{
	width:85%;
	height:50px;
	background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #fd6a07 98% 50%;
	background-size:8px auto;
	margin:0 auto 15px;
	color:#FFF;
	display:block;
	text-align:center;
	border:0;
	cursor:pointer;
	font-size:18px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	border-top: 2px solid rgba(255,255,255,0.2);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input.templeteBtnB05_5:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

ul#bnrBox{
	display:block;
	margin:0;
	padding:15px;
	overflow:hidden;
	text-align:center;
}

ul#bnrBox li{
	width:50%;
	float:left;
}

ul#bnrBox li img{
	width:98%;
	height:auto;
	max-width:180px;
}

/**/

/*bigBtn100%----------------------------------------------------------*/
ul#btnBox{
	display:block;
	margin:0 10px;
	overflow:hidden;
}

ul#btnBox li:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


ul#btnBox li{
	width:31.2%;
	background: url(//www.nta.co.jp/sp/images/im_arrow.png) no-repeat #36C 98% 50%;
	margin:0 1% 15px;
	color:#FFF;
	display:block;
	text-align:center;
	float:left;
}


ul#btnBox li a{
	display:block;
	padding:13px 0;
	color:#FFF;
	text-decoration:none;
	font-size:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: 2px solid rgba(0,0,0,0.2);
    border-top: 2px solid rgba(255,255,255,0.2);
}

/*reset*/
.itemList4 {
	margin-right: -29px;
}
.ie7 .itemList4 {
	padding-bottom: 20px;
	margin-bottom: 0;
}

.itemList4 li {
	width: 200px;
	float: left;
	position: relative;
	margin:10px 10px 25px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 0 #afafaf;
	-moz-box-shadow: 0 1px 0 #afafaf;
	box-shadow: 0 1px 0 #afafaf;
*display:inline;
opacity: 0.99999;
filter: alpha(opacity=100);       
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
}
.itemList4 li:hover{ cursor:pointer;
opacity: 0.8;
filter: alpha(opacity=80);       
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
}
.itemList4 li dl {
	padding: 15px 10px;
	background-color:#FFF;
}
.itemList4 li dl dt {
	font-size: 15px;
	margin-bottom: 5px;
}
.itemList4 li dl dt a {
	text-decoration: none !important;
}
.itemList4 li dl dd span {
	margin-top: 10px;
	display: inline-block;
}
.itemList4 li dl dd a {
	color: #333 !important;
	text-decoration: none !important;
}
.itemList4 li .thumb {
	zoom: 1;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	overflow:hidden;
}
.itemList4 li .thumb img{ max-width:100%; *width:100%; height:auto;}
.itemList4 li .thumb .tag {
	display: block;
	position: absolute;
	font-size:13px;
	top: -9px;
	left: -39px;
	color: #fff;
	font-weight: bold;
	width: 100px;
	height: 22px;

	padding-top: 20px;
	text-align: center;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.ie .itemList4 li .thumb .tag,
.ie9 .itemList4 li .thumb .tag {
	width: 50px;
	height: auto;
	top: 0;
	left: 0;
	padding-top: 0;
}

.osusumearea{
	background-color:#f2f1ec;
	padding:0 0 10px 0;
}

/*GADGET*/
#p_sbox{font-size: 15px}
/*kw*/
#search_keyword {
	width: 72%;
    margin: 0 auto 15px;
    padding-bottom: 15px;
    display: flex;
}
#NTA_JR2_KeywordText {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	width: 74%;
	height: 42px;
	margin: 0 1% 0 0;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	background:#FFF;
}
#NTA_JR2_search{
	width: 25%;
	background: #E61B61;
	border: none;
	font-weight: normal;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0 2px 0 #d6d6d6;
	cursor: pointer;
}
#p_sbox hr {
    display: block;
    border: none;
    border-bottom: 1px dotted #ccc;
}

/*gdt*/
#NTA_JR2_popup_calendar_button select {
    pointer-events: none;
}
.pl120 {padding-left: 120px;}
#NTA_JR2_DistrictCombo,
#p_sbox .select_wrap.ico_meal {display: none!important;}
#p_sbox .box-contents select,

#p_sbox .box-contents #returnDirection {
	width: 100%;
	height: 42px;
	border: #A4ACB1 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	border-radius: 5px;
	background: #FFF;
	text-indent: 115px;
	padding: 0 1px 2px;
}
#p_sbox .ico_man.select_issitsuninzuu .pl90 {padding-left: 115px;}
#p_sbox .box-contents #returnDirection {
	text-indent: 31px;
	background: #ccc;
}
#p_sbox .box-contents .ico_man.select_issitsuninzuu,
#p_sbox .box-contents .ico_bed.select_hakusuu{
	width: 100%;
	height: 42px;
	padding: 5px;
	border: #A4ACB1 solid 1px;
	box-sizing: border-box;
	align-items: center;
	border-radius: 5px;
	background: #FFF;
}
.selectday {
	width: 100%;
	height: 42px;
	padding: 2px 5px;
	border: #A4ACB1 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	border-radius: 5px;
	background: #FFF;
}
.selectday p {text-indent: 105px;}
#p_sbox .box-contents .w198 select{
	border-right:none;
	border-radius: 5px 0 0 5px;
	text-align: right;
	text-align-last: right;
	padding: 2px 0;
}
#p_sbox .box-contents .wc100p-198 select {
	text-indent: 0;
	border-left:none;
	border-radius: 0 5px 5px 0;
	padding: 2px 5px 2px 0;
}
#p_sbox .box-contents .w40p select {text-indent: 10px;}
#p_sbox .box-contents .w50p select {text-indent: 31px;}
#p_sbox .box-contents b {
	position: absolute;
	left: 100px;
    top: 13px;
	font-size: 10px;
	color: #cc0000;
	pointer-events: none;
}
#p_sbox .box-contents .w50p b {
	position: absolute;
	left: unset;
	right: 20px;
	top: 14px;
}
#p_sbox .pc_flexbox{
	display:flex;
	margin-bottom: 15px;
}
#p_sbox .pc_flexbox > div {
    width: calc(124% / 3);
    margin-right: 1%;
}
#p_sbox .pc_flexbox > div:last-child {
	width: 38%;
    margin-right: 0;
}
}
@media screen and (min-width: 760px) and (max-width: 839px){/*iPad*/
#p_sbox .pc_flexbox > div:last-child {width: 45%;}
}

/*アイコン*/
.select_wrap,
.noselect_wrap {
	position: relative;
    display: flex;
}
.select_wrap div{width: 100%;}
#p_sbox .noselect_wrap .select_wrap{
	width: calc(124% / 3);
    margin-right: 1%;
}
#p_sbox .noselect_wrap #NTA_JR2_PrefCombo,
#p_sbox .noselect_wrap #NTA_JR2_AreaCombo{text-indent: 35px;}
#p_sbox .noselect_wrap .select_wrap:last-child{
	width: 38%;
	margin-right: 0;
}
.select_wrap:after{
	content: "▼";
    position: absolute;
    width: 25px;
    height: calc(100% - 2px);
    top: 1px;
    right: 2px;
    color: #555;
    font-size: 10px;
    pointer-events: none;
    text-align: center;
    display: grid;
    align-items: center;
    border-radius: 0 5px 5px 0;
    background: #FFF;
}
.noselect_wrap:after{content: "";}
.ico_place:before,
.ico_calendar:before,
.ico_bed:before,
.ico_meal:before,
.ico_man:before {
	content: "";
	width:28px;
	height:28px;
	position: absolute;
	top: 6px;
	left: 5px;
	pointer-events: none;
	z-index: 1;
}
.ico_glass{
	position:relative;
	margin-left: 10px;
	padding-left: 25px;
}
.ico_glass:before {
	content: "●";
    color: #777;
	position: absolute;
    top: 0;
    left: 5px;
}
.ico_place:before{
	background: url(/shared2021/common/images/gadget/ico_place.png) no-repeat;
	background-size: 28px;
}
.ico_calendar:before{
	background:url(/shared2021/common/images/gadget/ico_calendar.png) no-repeat;
	background-size: 28px;
}
.ico_man:before{
	background:url(/shared2021/common/images/gadget/ico_man.png) no-repeat;
	background-size: 28px;
}
.ico_bed:before {
    background: url(/shared2021/common/images/gadget/ico_bed.png) no-repeat;
    background-size: 28px;
}
.ico_meal:before {
    background: url(/shared2021/common/images/gadget/ico_meal.png) no-repeat;
    background-size: 28px;
}

@-moz-document url-prefix() {/*firefox*/
#p_sbox .box-contents select,
#p_sbox .box-contents #returnDirection{
	text-indent: 0;
    padding: 0 1px 2px 120px;
}
#p_sbox .noselect_wrap #NTA_JR2_PrefCombo,
#p_sbox .noselect_wrap #NTA_JR2_AreaCombo{
	text-indent: 0;
    padding: 0 1px 2px 50px;
}
}

/*項目文言*/
.select_syuppatsuchi:after{content: "出発地";}
.select_mokutekichi:after{content: "目的地";}
.select_syuppatsubi:after{content: "出発日";}
.select_issitsuninzuu:after{content: "1室人数";}
.select_bed:after {content: "部屋条件";}
.select_meal:after {content: "食事条件";}
.select_syuppatsuchi:after,
.select_mokutekichi:after,
.select_syuppatsubi:after,
.select_bed:after,
.select_meal:after,
.select_issitsuninzuu:after{
	position: absolute;
	top: 9px;
	left: 36px;
	color: #aaa;
	pointer-events: none;
}
.dis_flex {
	flex-wrap: wrap;
	display: flex;
}
.w50p {
	width: 49%;
	margin-right:1%;
}
.w50p:last-child {margin:0 0 0 1%;}
#p_sbox .box-contents .w198 {width: 200px;}
#p_sbox .box-contents .wc100p-198 {width: calc(100% - 200px);}
#p_sbox .box-contents .con1btn input[type="button"] {
	color: #fff;
	background-color: #E61B61;
	border: none;
	width: 50%;
    height: 50px;
    margin: auto;
    font-size: 18px;
    display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 0 #d6d6d6;
	background-image: url(/sp/shared2015/common/images/icon01.png);
	background-repeat: no-repeat;
	-webkit-background-size: 16px;
	background-size: 16px;
	background-position: 10% 50%;
	cursor: pointer;
}

/* +-btn */
.minus_or_plus_btn,
input[type="number"],
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button,
.minus_or_plus_btn{
	-webkit-appearance: none;
	-moz-appearance:textfield;
	outline:none;
}
.minus_or_plus_btn_input{
	width: 50px;
	display: inline-block;
	font-size: 16px!important;
}
.minus_or_plus_btn_input small{
	position: relative;
    vertical-align: middle;
}
input.customSelect{
	width: 24px!important;
    height: 30px;
    text-align: center!important;
    border: none;
    -webkit-text-fill-color: #000;
    opacity: 1;
}
.minus_or_plus_btn {
	width: 28px;
	height: 28px;
	margin-right: 5px;
	padding: 0;
	border-radius: 2px;
	background:#eee;
	touch-action: manipulation;
	color: #4d4d4d;
}
#p_sbox #NTA_JR2_KodawariBasic input, #p_sbox #NTA_kodawari input {
    border: 1px solid #aaa;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #FFF;
}
#p_sbox input[type="checkbox"]:checked:before {
    position: absolute;
    left: 0;
    top: 13px;
    display: block;
    content: "";
    width: 8px;
    height: 2px;
    background: #E61B61;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}
#p_sbox input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 7px;
    top: 13px;
    content: "";
    width: 14px;
    height: 2px;
    background: #E61B61;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

/*こだわり条件*/
#p_sbox input[type="checkbox"]:checked {background: #FFF;}
#p_sbox input[type="checkbox"]:checked:before {
	position: absolute;
	left: 0;
	top: 13px;
	display: block;
	content: "";
	width: 8px;
	height: 2px;
	background: #E61B61;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}
#p_sbox  input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 7px;
	top: 13px;
	content: "";
	width: 14px;
	height: 2px;
	background: #E61B61;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;

}

div#autoheight01,
div#autoheight02,
div#autoheight03,
div#autoheight04 {
    display: flex;
    flex-wrap: wrap;
}