@charset "utf-8";
/* CSS Document */
/*【default】*/
/*---------------------------------------------------header---------------------------------------*/
/*----------------------inside_title------------------------------*/
    #inside_title h2{
		padding-bottom:30px;
		margin-bottom:6%;
		border-bottom:1px solid #bbbbbb;
    }
    #inside_title h2 span{
        color: #ff010b;
    }
    #inside_title h2 span.word_after{
        color: #05379a;
    }
    #banner {
        height: 25.8vw;
    }
/*---------------------------------------------------main---------------------------------------*/
/*-------------------------content--------------------------------*/
	main #content{
	    text-align: initial;
	}
	#content{
		width: 70%;
		margin: 0 auto;
		padding: 6% 0;
	}
	#content img{
		max-width: 100%;
		/*
		height: auto; !important;
		margin: 0 auto;
		display: inline;
		*/
	}

	#cart-btn-box {
        position: fixed;
        top: 45%;
        right: 0;
    }
    #cart-btn-box button {
        display: block;
        width: 110px;
        margin: 10px 0;
        padding: 10px;
        cursor: pointer;
    }
    #cart-btn-box button:hover {
        filter: brightness(1.3);
    }
    #cart-btn-box i.fas {
        font-size: 32px;
        display: block;
    }
    #tip {
        position: absolute;
        top: 50%;
        right: 0;
        padding: 5px;
        background-color: #66cc77;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        color: #fff;
    }

@media (max-width:1024px) {
	#inside_title h2{
		margin-bottom: 8%;
	}
	#content{
		width: 90%;
		padding: 8% 0;
	}
	#btn_list{
		margin-top: 7%;
	}
}
@media (max-width: 768px) {
	#banner{
		height: 30vh;
	}
@media (max-width: 480px) {
	#inside_title h2{
		margin-bottom: 10%;
	}
	#content{
		padding: 10% 0;
	}
}


