@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
	line-height:1.8;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}

.txt_c {
 text-align: center;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.mt10 {
margin-top:10px;
}

.mt30 {
margin-top:30px;
}

.mt40 {
margin-top:40px;
}


.ml30 {
margin-left:30px;
}

.ml40 {
margin-left:40px;
}

.mb40 {
margin-bottom:40px;
}

/* 文字の大きさ--------- */
.fL{
    font-size:larger;
    }
.fLL{
    font-size: x-large;
    }
    

/* 7.リンク処理（文字と画像）
----------------------------------------------------------------------------------------------------*/
a {
	color: #4751f5;
	text-decoration: underline;
}

a:link,a:visited {
	color: #4751f5;
    text-decoration: none;
}

a:hover {
	color: #676ff5;
    text-decoration: none;
}


 
.both{
    clear:both;
}
body img{
	line-height:0;
	vertical-align:bottom;
  max-width: 100%;
  height: auto;
}


.cartbtn {
	line-height:0;
	vertical-align:bottom;
    max-width: 100%;
    height: auto;
}

.cartbtn2 {
	line-height:0;
	vertical-align:bottom;
    max-width: 100%;
    height: auto;
	float:left;
}

.common_h4{
	font-size: 110%;
	color: #1b0928;
	font-weight: bold;
}

.conetent_txt{
	margin-bottom: 20px;
}

.responce_area{
	margin-bottom: 30px;
}

.response_btn{
	text-align: center;
	padding-top: 10px;
}

.fee{font-size: 120%;
	font-weight: bold;
	color: #f12424;
}





.foot_link{
	text-align: center;
	margin-bottom: 20px;
}

.marker{
	background-color: #E5FF99;
	font-weight: bold;
	padding: 3px 0;
	font-size: 110%;
}

.st_m{
	color:#693686;
	font-weight: bold;
}

.st_r{
	color:#d11131;
	font-weight: bold;
}

.st_r02{
	color:#d11131;
	font-weight: bold;
	font-size:24px;
}


.profile_box{
	padding: 3%;
	border: 5px solid #ECE7EE;
}

.profile_box p{
font-weight: bold;
margin-bottom: 0 !important;
font-size: 100% !important;
}

.profile_box span{
font-size: 90% !important;
}


#pagetop {
	margin: 0;
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
}