@charset "utf-8";

/*■ PC : 641px < Window Size ■*/
@media print,screen and (min-width: 641px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#order{
		border-bottom:3px solid #d6cdaf;
		padding-bottom:100px;
	}
	#order .order{
		position: relative;
	}
	#order .order > div:not(#fnav){
		width:70%;
	}
	#order .order > div > h3{
		font-size:24px;
		color:#6b3c30;
		margin-bottom:30px;
		line-height: 1.2em;
	}

	#spec{
		margin-bottom:100px;
	}
	#spec table{
		width:100%;
		border-top:1px solid #d6cdaf;
	}
	#spec table th,
	#spec table td{
		font-weight:normal;
		border-bottom:1px solid #d6cdaf;
		line-height:1.6em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#spec table th{
		padding:15px 10px;
	}
	#spec table td{
		padding:15px 0;
	}
	#spec table td span.sh{
		margin:0 1em;
	}
	#spec table td i{
		font-size:10px;
		color:#6b3c30;
		margin-right:0.2em;
		vertical-align: middle;
	}

	#pway{
		margin-bottom:100px;
	}
	#pway ul li h4{
		font-size:18px;
		margin-bottom:15px;
		line-height:1.2em;
	}
	#pway ul li p{
		line-height:1.6em;
	}
	#pway ul li{
		margin-bottom:35px;
	}
	#pway ul li:last-child{
		margin-bottom:0;
	}
	#pway .credit{
		margin-top:15px;
	}

	#sway{
		margin-bottom:100px;
	}
	#sway .toggle > p{
		margin-bottom:35px;
	}
	#sway .dtime{
		width:100%;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom:35px;
	}
	#sway .dtime li{
		margin:0;
		width:20%;
	}
	#sway .dtime li .img{
		width:79.3%;
		margin:0 auto 0 0;
	}
	#sway .dtime li p{
		width:79.3%;
		text-align:center;
		margin-top:5px;
		color:#6b3c30;
		font-size:16px;
	}
	#sway .dtime li:last-child{
		margin-right:0;
	}

	#dfee p{
		font-size:18px;
		margin-bottom:35px;
	}
	#dfee table{
		width:100%;
		border-top:1px solid #d6cdaf;
	}
	#dfee table th,
	#dfee table td{
		font-weight:normal;
		border-bottom:1px solid #d6cdaf;
		line-height:1.6em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#dfee table th{
		padding:15px 10px;
	}
	#dfee table td{
		padding:15px 0;
		text-align:right;
	}

	/* ------ Nav Menu ------ */
	#fnav{
		position:absolute;
		width:24%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		z-index:2;
		right:0;
		top:0;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
	}

	#fnav ul{
		border-top:2px solid #d6cdaf;
		border-bottom:2px solid #d6cdaf;
		background-color:#fff;
		padding:10px;
	}
	#fnav ul li{
		border-bottom:1px dashed #d6cdaf;
		margin-bottom:10px;
	}
	#fnav ul li:last-child{
		border-bottom:none;
		margin-bottom:0;
	}
	#fnav ul li:last-child a{
		margin-bottom:0;
	}
	#fnav ul li a{
		padding: 10px 0;
		color: #6b3c30;
		font-size: 16px;
		margin-bottom: 10px;
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		text-indent: -1.5em;
		margin-left: 1.5em;
	}
	#fnav ul li a:before{
		content:"\f138";
		font-family: "FontAwesome";
		color:#ed6c00;
		margin-right:0.5em;
	}
}

/*■ Mobile (Low Res) : 640px > 0 ■*/
@media only screen and (max-width: 640px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#order .order{
		position: relative;
	}
	#order .order h3{
		font-size:1.08em;
		color:#fff;
		padding:0.85em 0.77em;
		margin-bottom:3.2vw;
		line-height: 1em;
		background-color:#6a3b2f;
		position:relative;
	}
	#order .order h3 .ico{
		position:absolute;
		right:1.6vw;
		top:50%;
		width:7.8vw;
		height:7.8vw;
		background-color:#ed6c00;
		text-align:center;
		margin-top:-3.9vw;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#order .order h3.rotate .ico{
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#order .order h3 .ico i{
		margin-bottom:0.1em;
	}

	#spec{
		margin-bottom:9.4vw;
	}
	#spec table{
		width:100%;
		border-top:1px solid #d6cdaf;
	}
	#spec table th{
		font-weight:normal;
		border-bottom:1px solid #d6cdaf;
		padding:0.5em 0.5em 0.5em 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width:31.7%;
		vertical-align:middle;
	}
	#spec table td{
		font-weight:normal;
		border-bottom:1px solid #d6cdaf;
		padding:0.5em 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width:68.3%;
	}
	#spec table td span.sh{
		margin:0 1em;
	}
	#spec table td i{
		font-size:0.8em;
		color:#6b3c30;
		margin-right:0.2em;
		height: 1.3em;
		vertical-align: middle;
	}

	#pway{
		margin-bottom:9.4vw;
	}
	#pway ul li h4{
		font-size:1.42em;
		color:#6b3c30;
		padding-bottom:0.3em;
		line-height:1.2em;
	}
	#pway ul li{
		margin-bottom:1.46em;
	}
	#pway ul li:last-child{
		margin-bottom:0;
	}
	#pway .credit{
		margin-top:0.63em;
	}

	#sway{
		margin-bottom:9.4vw;
	}
	#sway .toggle > p{
		margin-bottom:1.46em;
	}
	#sway .dtime{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom:1.46em;
	}
	#sway .dtime li{
		width:30%;
		margin:0 2% 1em;
	}
	#sway .dtime li:nth-child(3n+1){
		margin-left:0;
	}
	#sway .dtime li:nth-child(3n){
		margin-right:0;
	}
	#sway .dtime li:nth-last-child(1){
		margin-right:0;
	}
	#sway .dtime li p{
		text-align:center;
		margin-top:0.2em;
		color:#6b3c30;
		font-size:0.9em;
	}
	#sway .dtime li:nth-child(3n){
		margin-right:0;
	}
	#sway .dtime li:nth-last-child(-n+3){
		margin-bottom:0;
	}

	#dfee p{
		font-size:1.42em;
		color:#6b3c30;
		margin-bottom:1.25em;
	}
	#dfee table{
		width:100%;
		border-top:1px solid #d6cdaf;
	}
	#dfee table th{
		font-weight:normal;
		border-bottom:1px solid #d6cdaf;
		padding:0.5em 0.5em 0.5em 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width:83%;
		vertical-align:middle;
		letter-spacing:-1px;
	}
	#dfee table td{
		font-weight:normal;
		border-bottom:1px solid #d6cdaf;
		padding:0.5em 0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		width:17%;
		text-align:right;
	}
}