@charset "UTF-8";
@media screen and ( max-width:599px) {
/* ============================================== VIEWPORT SmartPhone 599px = */
.lineupWrapp.itemInfo .col.db {
	flex-direction: column-reverse;
}

.lineupWrapp .colIn.itemData ,
.lineupWrapp .colIn.itemImg {
	width: 100%;
}

.lineupWrapp .colIn.itemImg .slick-track .slick-slide {
	width: calc(100vw - 2rem);
}

.lineupWrapp .colIn.itemData > div {
	padding: 1.5rem 1rem;
}

.lineupWrapp .colIn.itemData .itemPrice ul li {
	padding: 1rem;
}


/* -- .recoPoint ------------------------------------------------------------ */
.recoPoint .recoGr {
	flex-direction: column;
}

.recoPoint .recoGr figure {
	margin-right: 0;
	margin-bottom: 1.5rem;
}


/* -- .itemDetail ----------------------------------------------------------- */
.lineupWrapp.itemDetail .dlcol.six dl {
	width: calc(100% / 2);
	border-bottom: 1px solid #c9c9c9;
}

.lineupWrapp.itemDetail .dlcol.six dl:nth-of-type(2n+2) {
	border-right: none;
}

.lineupWrapp.itemDetail .dlcol.six dl:nth-of-type(5) ,
.lineupWrapp.itemDetail .dlcol.six dl:nth-of-type(6) {
	border-bottom: none;
}


.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol {
	flex-direction: row;
}

.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol dl {
	padding: 1rem 0;
	border-right: none;
}

.lineupWrapp.itemDetail .dlcol dl dt {
	margin-bottom: 0;
}


.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol.resultWrapp dl {
	border-top: 1px solid #c9c9c9;
}

.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol.resultWrapp {
	flex-direction: column;
}

.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol.resultWrapp dl {
	width: 100%;
}

.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol.resultWrapp dl dd .leftCont {
	width: 6rem;
}

.lineupWrapp.itemDetail .container.resultSim .accoWrapp .itemInfo .dlcol.resultWrapp dl dd .rightCont {
	width: calc(100% - 6rem);
	padding: 2rem 0;
}



/* -- .outline -------------------------------------------------------------- */
.lineupWrapp.itemDetail.outline .dlcol dl ,
.lineupWrapp.itemDetail.outline .dlcol.six dl:nth-of-type(5),
.lineupWrapp.itemDetail.outline .dlcol.six dl:nth-of-type(6) {
	width: 100%;
	border-right: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 0.5rem;
	border-bottom: 1px solid #c9c9c9;
}

.lineupWrapp.itemDetail.outline .dlcol dl:last-of-type {
	border-bottom: none !important;
}
.lineupWrapp.itemDetail.outline .dlcol dl dt {
	width: 7.5em;
}
.lineupWrapp.itemDetail.outline .dlcol dl dd {
	width: calc(100% - 7.5em);
}
.lineupWrapp.itemDetail.outline .dlcol.map dl dd {
	width: 100%;
}



/* -- .Chart ---------------------------------------------------------------- */
.itemDetail .Chart .colIn {
	padding: 0.5rem;
	height: 500px;
}

body#bodyId {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
}

h2 {
	font-size: 1.5rem;
}



/* ------------------------------------------------------- MKTO reset form -- */
form.mktoForm {
	padding: 0rem;
}

form.mktoForm .mktoFormRow fieldset > .mktoFormRow .mktoFormCol .mktoFieldWrap input ,
form.mktoForm .mktoFormRow fieldset > .mktoFormRow .mktoFormCol .mktoFieldWrap select.mktoField ,
form.mktoForm .mktoFormRow fieldset > .mktoFormRow .mktoFormCol .mktoFieldWrap textarea.mktoField ,
form.mktoForm .mktoFormRow fieldset > .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoRadioList label ,
form.mktoForm .mktoFormRow fieldset > .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoCheckboxList label {
	font-size: 1.35rem;
}

form.mktoForm .mktoFormRow fieldset,
form.mktoForm .mktoButtonRow {
	padding: 7rem 0.75rem 3rem!important;
}

form.mktoForm .mktoFormRow fieldset > .mktoFormRow .mktoFormCol {
	padding: 0.75rem 0rem;
}

form.mktoForm .mktoFormRow fieldset > .mktoFormRow {
	flex-direction: column;
}


/* -- .etItemArea ----------------------------------------------------------- */
.etItemArea a dl {
	flex-direction: column-reverse;
}
.etItemArea a dl dt {
	padding: 20px 10px;
}



/* ===================================================== MOBILE PAGE END == */ }