@charset "utf-8";

/* CSS Document */

/*------------RESET CSS------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;font-size:100%; background:transparent; -webkit-text-size-adjust:none; } 
ol, ul { list-style:none; } 
table { border-collapse:collapse; border-spacing:0; } 
legend { display:none; }
sup { bottom:1ex; height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; }

/*------------END RESET------------*/

img { max-width:100%; height:auto; vertical-align:middle; }
a { color:#000; text-decoration:none; }

@media screen and (min-width:751px) {
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color:#333;
	line-height:1.5em;
	-webkit-text-size-adjust:100%;
    background-image: url("../images/haikei.png");
	}
}

header { width:100%; }

#wrapHeader { position:relative; max-width:890px; margin:0 auto; }
#wrapHeader { z-index:1; }

#content {
	max-width:890px;
	margin:0 auto;
	text-align:center;
	}

#top {
	max-width:890px;
	text-align:center;
	margin:0 auto;
	}
    
#pagetop {
	background:#fff url("../images/icon_pagetop_arw.png") no-repeat center 10px;
	border:2px solid #666;
	width:55px;
	height:55px;
	border-radius:50%;
	font-size:0.8em;
	text-align:center;
	position:fixed;
	bottom:1em;
	right:1em;
	cursor:pointer;
	display:table;
	opacity:0.8;
	filter:Alpha(opacity=80);
	}
	
#pagetop span { display:block; padding-top:20px; }
a #pagetop { color:#666; }
a:hover #pagetop { opacity:1; filter:Alpha(opacity=100); }

footer {
	clear:both;
	color:#fff;
	background:#222;
	margin:0 auto;
	padding:8px;
	text-align:center;
    font-size:0.7em;
	}

footer a { color:#fff; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:underline; }

#footNav { margin:0 auto; padding:8px; overflow:hidden; display:inline-block; }
#footNav li { float:left; margin-right:8px; border-right:1px #999 solid; padding-right:8px; }
#footNav li:last-child { border:0; } /*最後の縦線を消す*/

#copyright { padding:0 8px; font-size:10px; text-align:center; display:block; }

.logo{
	padding:15px 10px;
	width:170px;
	}
    
.hrstyle{
    border:0;
    border:1px dashed #4B4B4B;
}

.image{
    text-align: center;
}

.image img{
    width:60%;
    height:auto;
    border: 1px solid #000;
}

.quality {
	font-size:0.8em;
	margin:20px;
	padding:10px;
	max-width:890px;
    color:#000;
    line-height:1.4em;
    background-color: #fff;
    border-bottom: 10px solid #6a5acd;
    border-top: 10px solid #6a5acd;
}

.quality span{
    font-size:1.2em;
    font-weight:bold;
    color:#FC1B1F;
}

.titleoya{
    display:flex;
}

.title {
	font-size:1.1em;
    font-weight:bold;
}
    
.volume{
    background-color:#6a5acd;
    border-radius:5px;
    color:#fff;
    font-weight:bold;
    padding:11px 25px;
    margin-left:auto;
}
    
.goods{
    padding:15px;
    margin:20px;
    background-color:#FFF; 
    text-align:left;
    border-radius:10px;
    border:5px solid #a4a8d4;
}

.coach{
    font-size:0.8em;
}

.price{
    font-size:0.9em;
    text-align:right;
    margin-bottom:10px;
}

.price span{
    color:#FC1B1F;
    font-weight:bold;
    font-size:1.6em;
}

.catch{
    font-size:1.2em;
    font-weight:bold;
    color:#ea553a;
}

.naiyou{
    font-size:0.8em;
    padding:15px;
    margin-bottom:10px;
}

.button{
    text-align: center;
    padding: 8px;
    background-color: #6a5acd;
    border-radius: 5px;
    filter: drop-shadow(2px 1px 3px rgba(0,0,0,0.6));
}

.button a{
    color: #fff;
}

.button:hover{
    opacity: 0.8;
}

/* clearfix
-----------------*/
.cf { clear:both; }

@media screen and (max-width:750px) {
	body {
    font-size:15px;
    font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color:#333;
	line-height:1.5em;
	-webkit-text-size-adjust:100%;
    background-image: url("../images/haikei.png");
    }

.logo{
	padding:15px;
	width:100px;
	}

.hrstyle{
    border:0;
    border:1px dashed #4B4B4B;
}

.quality {
	font-size:0.8em;
	margin:20px;
	padding:10px;
	max-width:890px;
    color:#000;
    line-height:1.4em;
    background-color: #fff;
    border-bottom: 10px solid #6a5acd;
    border-top: 10px solid #6a5acd;
}
    
.quality span{
    font-weight:bold;
    color:#FC1B1F;
}

.titleoya{
    display:flex;
}

.title {
	font-size:1.0em;
    font-weight:bold;
}
    
.volume{
    background-color:#6a5acd;
    border-radius:5px;
    color:#fff;
    font-weight:bold;
    padding:10px;
	font-size:0.8em;
    margin-left:auto;
}
    
.goods{
    padding:10px;
    margin:8px;
    background-color:#fff; 
    text-align:left;
    border-radius:10px;
    border:5px solid #a4a8d4;
}

.coach{
    font-size:0.8em;
    line-height: 1.2em;
    margin-bottom: 10px;
}

.price{
    font-size:0.9em;
    text-align:right;
    margin-bottom:10px;
}

.price span{
    color:#FC1B1F;
    font-weight:bold;
    font-size:1.2em;
}

.catch{
    font-size:1.2em;
    font-weight:bold;
    color:#D51E50;
}

.naiyou{
    font-size:0.9em;
    padding:5px;
    margin:5px;
}

.button{
    text-align: center;
    padding: 8px;
    background-color: #6a5acd;
    border-radius: 5px;
    filter: drop-shadow(2px 1px 3px rgba(0,0,0,0.6));
}

.button a{
    color: #fff;
}

.button:hover{
    opacity: 0.8;
}

footer {
	clear:both;
	color:#fff;
	background:#222;
	margin:0 auto;
	padding:8px;
	text-align:center;
    font-size:0.5em;
	}
}