@charset "utf-8";
/* =================================================================================
 Reset
================================================================================= */
html{overflow-y:scroll;}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{margin:0; padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}ul,li{list-style:none;}img{border:none; vertical-align:bottom;}
a{color:#00573f; text-decoration:none; transition:color .2s;}
a:hover{color:#e27777;text-decoration:none;}
input[type="text"],input[type="password"],textarea,input[type="email"],input[type="number"],input[type="tel"]{-webkit-appearance:none;height:35px;box-sizing:border-box;padding:5px;border:1px solid #d2ceca;font-size:100%;box-shadow:none;}
select{height:30px;padding:5px;border:1px solid #d2ceca;font-size:100%;box-shadow:none; background-color:#fff !important;}
textarea{resize:vertical;min-height:140px;}
input[type="submit"]{-webkit-appearance:none;}input[type="button"]{border:none; cursor:pointer;}
table{border-collapse:collapse;}th{text-align:left;}
input[type="submit"]{border:none; cursor:pointer; font-size:14px;}input[type="radio"], input[type="checkbox"]{margin:0 5px 0 0; vertical-align:-1px;}
input[type="text"]:focus,textarea:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus{border:1px solid #d00 !important;background-color:#fff;}
input:-ms-input-placeholder{color:#999;}
/* ------- HTML5 ------ */
address,article,aside,figure,footer,header,menu,nav,section,main{display:block;}[hidden], command, datalist, menu[type=context], rp, source{display:none;}

/* =================================================================================
 Layout
================================================================================= */
body{
    min-width:1100px;
    font-size:16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 2;
    background-color:#321200;
    color:#321200;
    text-align:left;
    -webkit-text-size-adjust:100%;/*iPhone自動フォント調整機能解除*/
    overflow:hidden;
}

body::after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#fff; 
    z-index: 9999;
    pointer-events: none;
    opacity: 1;
    transition: opacity .8s ease;
    backface-visibility:hidden;
}

body.fadeout::after{opacity:0;}

body.fadeoutFinish::after{display:none;}

#container{background: url("../images/bg_pattern_white.jpg") repeat top left / 128px 127px;}

.wrapper{
    width:1100px;
    padding:0 10px;
    margin:0 auto;
    box-sizing: border-box;
}

.wrapper::after{
    content:"";
    display:block;
    clear:both;
    height:0;
}


@media only screen and (max-width:640px){
body{
    min-width:360px;
    line-height: 1.6;
    font-size: 14px;
}

.wrapper{width: 100%;}
}


/* header
------------------------------------------------------- */


/* mvArea
------------------------------------------------------- */
.mvArea{
    margin-bottom: 30px;
}

@media only screen and (max-width:640px){
    .mvArea{
        margin-bottom: 20px;
    }
}

/* bread crumb
------------------------------------------------------- */
.breadCrumb{
    margin-bottom: 40px;
    line-height:1.1;
    font-size:0;
}

.breadCrumb li{
    display:inline-block;
    vertical-align: middle;
    position:relative;
    margin-right:10px;
    padding-right:16px;
    font-size:12px;
}

.breadCrumb li::after{
    content:"";
    display:block;
    position:absolute;
    top:4px;
    right:2px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #321200;
    border-right: 1px solid #321200;
    transform: rotate(45deg);
}

.breadCrumb li:last-child::after{content:none;}


@media only screen and (max-width:640px){
    .breadCrumb{
        margin-bottom: 30px;
    }
}


/* footer
------------------------------------------------------- */
#footer{
    margin-top: 100px;
	padding:30px 0;
	background-color:#333;
}

#footer .wrapper{
	position:relative;
	padding:0 10px!important;
}

#footer .wrapper:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

@media only screen and (max-width:640px){
    #footer{margin-top: 50px;}
}

@media screen and (min-width: 400px) and (max-width: 640px){
#footer .wrapper{padding:0 20px!important;}
}

#footer #footerNav{
	float:left;
	width:910px;
}

#footer #footerNav li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:223px;
	vertical-align:top;
}

#footer #footerNav a{
	position:relative;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 15px;
	color:#fff;
}

#footer #footerNav a:before{
	position:absolute;
	display:block;
	top:16px;
	left:0;
	width:0;
	height:0;
	border:4px solid transparent;
	border-left:6px solid #a05300;
	content:"";
}

#footer #footerNav a:hover{
	color:#ff9926;
	text-decoration:none;
}

#footer .pmarkArea{
	float:right;
	width:220px;
	color:#fff;
	font-size:10px;
	text-align:right;
}

#footer .pmarkArea .icon{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}

#footer .pmarkArea .pmark{
	width:78px;
	height:76px;
	padding-top:2px;
	background-color:#fff;
	text-align:center;
}

#footer .pmarkArea .pmarkTxt{text-align:left;}

#footer .copyrightTxt{
	margin-top:30px;
	color:#999;
	text-align:center;
}

@media only screen and (max-width:640px){
#footer #footerNav{
	float:none;
	width:100%;
}
	
#footer #footerNav li{
	display:block;
	width:100%;
	border-bottom:1px dashed #ddd;
}

#footer #footerNav li:last-child{border-bottom:none;}

#footer #footerNav a{
	display:block;
	height:35px;
	line-height:35px;
	padding:0 17px 0 10px;
	color:#fff;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAUCAYAAADoZO9yAAAAoElEQVQoz+XSPwqAIByGYdegsWt0oqYu0V2amjpGEARBBAWdoj1oCuwzMPqLU35Cwyv+XHxARRAlIarRhFLkSSmF7QQu7pE8VDAwCjJfIBSMguQPEOsYBfFRxcZsiwuYfcPGnAYDpv0SczswYEZrkAOmfsHE/4I48TQGRGflsxoQ5ZeIHcJGbBAXEBqSsxEasrARGjKwERoSogbNKGMgVCtOFB7IYMkFCAAAAABJRU5ErkJggg==) no-repeat right center;
	-webkit-background-size:17px 10px;
	background-size:17px 10px;
}

#footer #footerNav a:before{display:none;}

#footer .pmarkArea{
	width:100%;
	margin-top:20px;
	text-align:center;
}

#footer .pmarkArea .pmarkTxt,
#footer .pmarkArea .icon{
	display:inline-block;
	vertical-align:top;
}

#footer .pmarkArea .icon img{height:52px;}

#footer .pmarkArea .pmark{
	height:auto;
	width:auto;
	padding:0;
	background-color:#fff;
	text-align:center;
}

#footer .pmarkArea .pmarkTxt{
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

#footer .copyrightTxt{font-size:12px;}
}

#scrollTop{
    position: fixed;
    right: 10px;
    bottom: 35px;
    z-index: 500;
    width: 54px;
    height: 54px;
    box-shadow: 0 0 3px #ccc;
    border-radius: 50%;
    background-color: #00573f;
    color: #fff;
    text-align: center;
    transition:all .3s;
}

#scrollTop:hover{
    background-color: #e27777;
    cursor: pointer;
}

#scrollTop::after{
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 50%;
    width: 20px;
    height: 20px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateX(-50%) rotate(-45deg);
}

@media only screen and (max-width:640px){
    #scrollTop{
        bottom: 10px;
        width: 42px;
        height: 42px;
    }
 
    #scrollTop::after{
        top: 17px;
        width: 14px;
        height: 14px;
    }
}