@charset "utf-8";
/* CSS Document */
.Header .btn.btn-order { display:none;}
.Content-wrap .Content { background:none; box-shadow:none; border-radius:0;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .HomeContent { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .Content .def-btn { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px; gap:20px 0; max-width:1080px; max-width:none;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .Content .def-btn-link { position:relative; width:calc( 33.33% - 15px ); max-width:320px; height:auto; margin:0 auto;}
.Content-wrap .Content .def-btn a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:auto; overflow:hidden;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .Content .def-btn .def-btn-link > a { position:relative; padding-bottom:62.8125%; display:block;}
.Content-wrap .Content .def-btn .def-btn-link > a.portrait {padding-bottom:100%;}
.Content-wrap .Content .def-btn .def-btn-link > a img { display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:contain; float:left; border-radius:15px;}
.Content-wrap .Content .def-btn a:hover,
.Content-wrap .Content .def-btn a:active {
transform: translate(0px, -10px);}
.Content-wrap .Content .def-btn a + .text { text-align:center; color:white; position:relative; margin-top:10px;}
.Content-wrap .Content .def-btn a + .text a { color:white; font-size:1.8em; position:relative;}
.Content-wrap .Content .def-btn a + .text a:hover,
.Content-wrap .Content .def-btn a + .text a:active {
transform: translate(0px, 0px);}
.Content-wrap .Content .def-btn a + .text a + .tooltip-container { position:absolute; width:100%; left:0; top:0;}
.Content-wrap .Content .def-btn a + .text a + .tooltip-container > * { position:absolute;}
.Content-wrap .Content .def-btn a + .text a + .tooltip-container > .tooltip-icon { width:20px; height:20px; line-height:20px; text-align:center; background:red; color:white;  border-radius:100%; right:50%; margin-right:-9em; margin-top:5px; cursor:pointer;}
.Content-wrap .Content .def-btn a + .text a + .tooltip-container > .tooltip-text { display:none;}
.Content-wrap .Content .def-btn a + .text a + .tooltip-container > .tooltip-icon:hover + .tooltip-text { display:block; top:35px; text-align:center; font-size:0.8em; width:100%; padding:5px; background:#000;}
@media only screen and (min-width:0px) and (max-width:1024px) {
	.Content-wrap .Content .def-btn .def-btn-link { padding-bottom:30px;}
	.Content-wrap .Content .def-btn a + .text a + .tooltip-container { padding-bottom:30px;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
	.Content-wrap .Content .def-btn .def-btn-link { width:calc( 50% - 15px );}
	.Content-wrap .Content .def-btn .def-btn-link:nth-child(1),
	.Content-wrap .Content .def-btn .def-btn-link:nth-child(2){ margin-bottom:30px;}
}

@media only screen and (min-width:0px) and (max-width:512px) {
	.Content-wrap .Content .def-btn .def-btn-link { width:100%; margin-bottom:30px;}
}