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

/*****************************************************

    Á´¤Æ¤ÎÍ×ÁǤò¥ê¥»¥Ã¥È
    ³Æ¥Ö¥é¥¦¥¶¤Îɽ¼¨¤òÅý°ì¤¹¤ë¤¿¤á¤ÎÀßÄê¤Ç¤¹

*****************************************************/

html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
table{ border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;text-align:left;font-weight:normal;}
img,abbr,acronym,fieldset{border:0;}
li{list-style-type:none;}
img{vertical-align:middle;}
.line{font-size:1px;line-height:1px;}/*--- default */
body{
    background:#fff;
    color:#333;
    font-size:15px;
    font-family: Muli, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    line-height:1.6;
    text-align:center;
    position:relative;
    word-break: break-all;
}
td,th{
    font-size:15px;
}
table{
    border-collapse:collapse;
}
pre{
    font-size:15px;
    font-family: Muli, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    line-height:1.4;
}


/*****************************************************

    ´ðËÜÀßÄê¡¢¥ê¥ó¥¯¥«¥é¡¼¤Ê¤É

*****************************************************/

#wrap,#makebanner{
    width:100%;
}
.container{
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
}
a:link,a:visited,a:active{
    color:#333;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.clear:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
* html .clear            { zoom:1; } /* IE6 */
*:first-child+html .clear { zoom:1; } /* IE7 */

a:hover img,.btn:hover,#M_basketClosedBox a:hover,.icon-mypage a:hover,.icon-logout a:hover,.soldout:not(:hover){
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	text-decoration:none;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}
.btn{
    display:inline-block;
    margin:16px auto;   
    background:#FF4000;
/*    background:#419a7e;*/
    color:#fff!important;
    padding:14px 32px;
	text-align:center;
    border-radius:50px; 
    -webkit-border-radius:50px;
    -moz-border-radius:50px; 
}


.btn-gray{
    background:#888;    
}

/*****************************************************

    ¥Ø¥Ã¥À #header

*****************************************************/

#header{
    position:fixed;
	top:0;
	background-color:#429c80;
	color:#FFF;
	height:60px;
	width:100%;
	z-index:99999;
}

#header .shop-logo{
    display:block;
    position:absolute;
	text-align:center;
	z-index:1000;
	top:15px;
    right:0;
    bottom:0;
	left:0;
	width:10%;
	max-height:70px;
}
#header.defaultHead .shop-logo{
    top:34px;
    right:0;
    bottom:0;
    left:0;
	width:100%;
	max-height:70px;
	margin-left: 16px;
}


/*****************************************************

    index

*****************************************************/

.main-contents img{
	margin-left:auto;
    margin-right:auto;
    max-width:1000px;
}

.main-contents h2{
    text-align:center;
    margin:50px auto 15px auto;   
    font-size:24px;
}

.main-contents h3{
    text-align:center;
    margin:30px auto 50px auto;    
    font-size:16px;
}

.main-contents#basket h2,
.main-contents#guide h2{
    text-align:center;
    margin:24px auto 48px;   
    font-size:28px;
}
.main-contents#guide h2{
    text-align:center;
    margin:24px auto 48px;   
    font-size:28px;
}
.section{
    overflow:hidden;    
}
.section table{
}
.index-news{
    text-align:center; 
    width:86%; 
	margin: auto ;
	text-align: center;
	background-color: antiquewhite;}
.index-news table table td{
    padding:6px;
}
.index-news table table td a{
	font-size:16px;
	color:#777;
}
.index-news table table td:first-child{
	font-size:16px;
    text-align:right;
    width:35%;
	color:#777;
}
.index-news table table td:last-child{
    text-align:left;
}
.index-news h2{
	margin: 10px 28px 10px 20px;
}
.index-recent #recent td.itemBox{
    width:25%;
}
.index-recent .line{
    display:none;   
}
.index-rank ul{
	display:flex;
	align-items:baseline;
	justify-content:space-evenly;
}
.index-rank li{
    width:20%;
    padding:16px 0;
    position:relative;

}
.index-rank li:nth-child(n + 6){
	display:none;
}
#index .item-list{
	margin-bottom: 40px;
}




/*****************************************************

    about

*****************************************************/

.main-contents#about{
    margin-top: -130px;
}

.main-contents#about h2{
	color:#419a7e;
    font-size:28px;
}

/*****************************************************

    guide

*****************************************************/

.main-contents#guide .M_guideContent{
    margin: 0 auto;
}
.main-contents#guide h2{
	color:#419a7e;
    font-size:28px;
}
.main-contents#guide .M_guideContent p{
	color: #777;
}
.main-contents#guide .M_txtTitle{
	margin: 0 auto 34px;
	padding-top: 96px;
}
.main-contents#guide .M_txtTitle::before{
	top: 140px;
width: 720px;
    left: 0%;
}
.main-contents#guide .M_txtTitle::after{
	top: 144px;
width: 720px;
    left: 0%;

}
.main-contents#guide .M_guideNav{
	margin-bottom: 0;
}
.main-contents#guide .M_guideNav li a{
	color: #FFF;
	background-color: #419a7e;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}
.main-contents#guide .M_guideNav li a:hover{
	background: #666;
	text-decoration: none;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}

/*****************************************************

    contract

*****************************************************/

.contract{
    overflow:auto;
    box-sizing:border-box;
    border:1px solid #ccc;
    width:100%;
    height:280px;   
    margin-bottom:24px;
    padding:16px;
}
.contract pre{
    text-align:left;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    white-space:pre-wrap; 
}

/*****************************************************

    ordercontract

*****************************************************/

.main-contents#ordercontract{
    margin-top: -24px;
}
.main-contents#ordercontract h2{
    color: #419a7e;
    font-size: 28px;
}
.ordercontract-list th,.ordercontract-list td{
    padding:16px 8px;
    border-bottom:1px solid #ccc;   
}
.ordercontract-list th{
    white-space:nowrap;
}
.main-contents#ordercontract dt{
    margin-bottom: 8px;
	font-size: 21px;
}
.main-contents#ordercontract dd{
    margin-bottom:24px;
	padding-bottom:24px;
	color:#777;
	border-bottom:solid 1px #CCC;
}




/*****************************************************

    footer

*****************************************************/

#footer{
    margin-top:80px;   
}
.footer-guide,.footer-nav{
    padding:24px 0; 
    text-align:left;
}
.footer-guide{
    border-top:1px solid #ccc;
    color:#666; 
    background:#eee;
}
.footer-guide-area,.footer-nav-area{
    box-sizing:border-box;
    padding:16px;   
    font-size:13px;
}
.footer-guide-title{
    margin-bottom:24px;
    font-weight:bold;   
    font-size:15px;
}
.footer-guide-list li{
    margin-bottom:16px; 
}
.footer-guide-list h6{
    font-weight:bold;
    margin-bottom:8px;  
}
.page-top{
    position:absolute;
    left:50%;
    top:-26px;  
    display:block;
    width:50px;
    height:32px;
    background:#333 url("/images/original_design_default/samplesource/10/pagetop.png") no-repeat center center;
    text-indent:-9999em;
    margin-left:-16px;
}
.footer-nav{
    background:#429c80;
    color:#777; 
    font-size:13px;
    position:relative;
}
.footer-nav a{
    color:#fff; 
}
.footer-nav a:hover{
    color:#ccc; 
	text-decoration:none;
    -webkit-transition:0.3s ease-in-out;
    -moz-transition:0.3s ease-in-out;
    -o-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
}
.footer-shop-name{
    font-weight:bold;
    margin-bottom:4px;
    font-size:16px;
}
.footer-nav-list{
    text-align:right;
}
.footer-nav-list li{
    display:inline; 
    padding:0 8px;
}
.footer-social-list{
	text-align:center;
	margin:32px 0 8px;
}
.footer-social-list li{
	display:inline-block;
}
.footer-social-list li:not(:last-child){
	margin-right:16px;
}
.copyright{
    padding-top:16px;
    margin-top:8px;
}
address{
    text-align:center;
    color:#eee; 
    font-size:11px;
	margin:24px 0;
}

/*****************************************************

    ²ñ°÷°Ü´É

*****************************************************/

#M_shopMove{
    width:60%;
}
#M_shopMove table{
    width:60% !important;   
}
#M_shopMove table th{
    font-size:14px !important;
    width:150px !important; 
}
form[action="idinfo.html"] font.woong{
    display:block;
    text-align:center;
}
form[action="idinfo.html"] textarea{
    width:60%;
    height:200px;
    margin:0 auto 48px; 
    font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,Osaka,"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
    font-size:13px;
    padding:16px 24px;
    box-sizing:border-box;
}





/* ¾¦Éʾܺ٠*/


div#main {
    width:1000px !important;
}

div#main div#moreDetail{
    width:1000px !important;
    }


div#main div#moreDetail div#detailInfo{
    width:1000px !important;
    }
    

div#main table#review{
    width:1000px !important;
    }

div#main table#reviewResult{
    width:1000px !important;
    }




#itempage{
width:1000px;
margin-top:50px;}


#footer-left{width:40%; float:left; color:#FFFFFF; margin-left:5%; margin-right:5%;
font-size:16px;}

#footer-left h3{
background-color:#FFFFFF; color:#429c80; font-weight:bold;
border-radius: 10px; padding:10px;}

#footer-right{width:40%; float:right; color:#FFFFFF; margin-left:5%; margin-right:5%;
font-size:16px;}

#footer-right h3{
background-color:#FFFFFF; color:#429c80; font-weight:bold;
border-radius: 10px; padding:10px;}
#footer-right span{border:#FFFFFF solid 1px; padding:5px; margin-bottom:40px;}

#footer-right a{float:right;}


@media (max-width: 800px){
}