a {
transition: 0.3s;
}

a:hover {
opacity: 0.7;
}

#outline {
width: 100%;
padding: 0 0 30px 0;
margin: 0 auto;
border-top: 30px solid #000;
background-color: #f6dedc;
}

#outline_inner {
max-width: 744px;
padding: 0 10px;
margin: 0 auto;
background-image: url("../images/bg.jpg");
background-size: cover;
background-repeat: no-repeat;
}

#logo {
max-width: 700px;
padding: 130px 0 0 0;
margin: 0 auto 130px auto;
}

#preinfo {
max-width: 700px;
margin: 0 auto 30px auto;
}

#button_1 {
max-width: 316px;
margin: 0 auto 50px auto;
display: -webkit-flex;
display: flex;
}

#button_1 div {
max-width: 50%;
}

#target {
max-width: 720px;
padding: 0 10px;
margin: 0 auto 50px auto;
display: -webkit-flex;
display: flex;
}

#target_1 {
max-width: 330px;
padding: 0 35px 0 0;
}

#target_2 {
max-width: 367px;
border-left: 2px dotted #f3bebf;
}

#target_2_1 {
display: -webkit-flex;
display: flex;
}

#target_2_1 a {
width: 50%;
padding: 0 35px;
display: block;
}

#target_2_1 a:first-child {
border-right: 2px dotted #f3bebf;
}

#target_2_2 {
padding: 15px 35px 20px 35px;
border-top: 2px dotted #f3bebf;
}

#button_movie {
max-width: 634px;
padding: 0 10px;
margin: 0 auto;
background-color: #f6dedc;
}

.product_title {
width: 100%;
padding: 20px 0;
margin: 0 auto;
font-size: 20px;
line-height: 1;
color: #fff;
text-align: center;
background-color: #000;
}

.content_block {
width: 100%;
padding: 25px 0 40px 0;
margin: 0 auto;
background-color: #FCF4F3;
}

.copy {
max-width: 700px;
margin: 0 auto 10px auto;
}

#copy_sharp {
max-width: 720px;
padding: 0 10px;
margin: -60px auto 0 auto;
}

#playboder_spec {
max-width: 720px;
padding: 0 10px;
margin: 0 auto 25px auto;
}

.playboder_product {
max-width: 720px;
display: -webkit-flex;
display: flex;
margin: 0 auto 20px auto;
}

.playboder_product div {
max-width: 220px;
margin: 0 10px;
}

#ribbon {
max-width: 700px;
margin: 0 auto 35px auto;
}

#graphite_spec {
max-width: 700px;
margin: 0 auto 35px auto;
}

#graphite_lineup {
max-width: 720px;
padding: 0 10px;
margin: 0 auto 20px auto;
}

#eraser_lineup {
max-width: 720px;
padding: 0 10px;
margin: 0 auto 20px auto;
}

#case_lineup {
max-width: 720px;
padding: 0 10px;
margin: 0 auto;
}

#eraser_lineup div {
margin: 0 0 20px 0;
}

.link_1 {
width: 100%;
padding: 20px 0 0 0;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
background-color: #000;
}

.link_2 {
width: 100%;
padding: 0 0 20px 0;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
background-color: #000;
}

.link_1 div,
.link_2 div {
max-width: 250px;
padding: 5px 10px;
}



@media screen and (max-width: 750px) {
#outline_inner {
padding: 0;
background-size: contain;
}

#logo {
max-width: 700px;
padding: 80px 0 0 0;
margin: 0 auto 60px auto;
}

#button_1 {
max-width: 250px;
margin: 0 auto 20px auto;
}

#target {
margin: 0 auto 30px auto;
}

#target_1 {
padding: 0 15px 0 0;
}

#target_2_1 a {
padding: 0 15px;
}

#target_2_2 {
padding: 15px 15px 15px 15px;
}

#copy_sharp {
margin: -40px auto 0 auto;
}
}