@charset "UTF-8";

body,h1,h2,h3,h4,p,ul,ol{
    margin: 0;
    padding: 0;}

.box1 {
    background-color: darkblue;
    display: flex;
    width: 100%;
    height: 100px;
}

.box1 p {
    font-size: 80px;
    color: #fff;
    margin: 10px auto;
    align-items: center;
    display: flex;
}

.box2 {
    background-color: #fff;
    margin: 0 0 0 350px;
    width: 300px;
}

.box2 h1 {
    font-size: 50px;
    color: #000;
    margin: 10px auto;
    align-items: center;
    display: flex;
}

.slideshow {
	margin: 0 350px 0 ;
	position:relative;
	height: 550px;
	overflow:hidden;
    }

.slideshow img { position:absolute;
    top:0;
    left:0;
    z-index:8;
width: 100%;}
    

.slideshow img.active { z-index:10; }

.slideshow img.last-active { z-index:9; }

.box3 {
    background-color: darkblue;
    height: 30px;
    color: #fff;
}

.box3 p {
    margin-left: 40%;
    color: #fff;
    font-size: 20px;
}

.box4 p {
    color: darkblue;
    font-size: 80px;
}

.box5{width: 1280px;
	margin: 0 auto;}

.box_wrapper {
    width: 1280px;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
    
.top_box_item {
    width: 300px;
    margin-bottom: 80px;}
    
.top_box_item h3,.top_box_item p {
    font-size: 14px;
    font-weight: normal;
    font-family: 'Quicksand', sans-serif;}
    
.top_box_item a {color: #333;
    transition: 0.5s ease;}
    
.top_box_item a:hover {color: blue;
    opacity: 0.5;}
    
.top_box_item img {width: 100%;}

.content {
	width: 1080px;
	margin:60px auto;
	color: #333;
	display: flex;}

.content img { 
	width: 400px;
	margin: 0 20px 20px;}

.content_text { 
	line-height: 2em;}

.content_text h2 {
	color: darkblue;
	font-size: 50px;
	font-weight: normal;}

.price {
	color: darkblue;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;}

	/* フォーム */
.item_select { 
	width:100%;
	margin: 20px 0;
	padding:20px;
	font-size:16px;
	border:solid 1px #ccc;
	border-radius: 3px;
	cursor: pointer;
	outline:none;}

/* フォーム・ボタン */
.cart_btn {width: 100%;
	margin: 40px 0 0;
	padding: 20px 90px;
	font-size:16px;
	color: #fff;
	border: none;
	border-radius: 3px;
	background-color: darkblue;
	cursor: pointer;
	outline:none;
	transition: 0.5s ease;}

.cart_btn:hover {opacity: 0.5;}