@charset "UTF-8";

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

*   Navi CSS
*   Since:2025-06
*   Editor:ricostyle

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


/*PC用のcssを記述*/

/* COMMON */
#container {position:relative;height:auto;height:100%;width:100%;overflow: hidden;margin: 0;padding: 0;}
#contents{position:relative;width:100%;overflow:hidden;background:#FFF;}
.wrap{position:relative;margin:0 auto;width:100%;max-width:1060px;height:100%;}

/* HEAD */
#header {background:#542E22;color:#FFF;}
#header h1{font-size:0.85em;font-weight:300;text-align:left;padding:10px 0;}
#header .head_contact{position:absolute;right:0px;top: 20px;text-align:center;border:1px solid #43251B;background:#FFF;text-align:left;z-index:10000;border-radius: 50px;}
#header .head_contact a{display:block;padding:10px 20px;color:#542E22;font-size:0.85em;line-height:1em;}
#header .head_contact a:hover{text-decoration:none;}
#header .head_contact a img{margin-right:5px;height:15px;vertical-align:middle;}
#header .head_contact:hover{margin-top:3px;opacity:0.8;}

/* MAIN */
#Mainvisual img{width:100%;max-width:1060px;}

/* MESSAGE */
#Message{background:#F5F2EF url(../img/bg_beige.png) repeat-x top center;margin-bottom:80px;}
#Message .wrap{text-align:left;padding:120px 0 50px;}
#Message h3{font-size:2.8em;line-height:1.8em;color:#542E22;position:absolute;top:120px;left:0;}
#Message p{padding-left:560px;color:#542E22;line-height:1.8em;padding-bottom:2em;}

/* Held */
#Held .wrap{box-shadow:6px 6px #CCC;width:80%;max-width:720px;padding:60px 40px;background:#FFF;border:1px solid #DDD;text-align:left;margin-bottom:100px;}
#Held .wrap h3{font-size:1.5em;font-weight:600;margin-bottom:60px;line-height:1.3em;}
#Held .wrap h3 br{display:none;}
#Held .entry{position:absolute;top:30px;right:30px;}
#Held .entry img{width:100px;border:1px solid #43251B;display:block;margin:0 auto;}
#Held .entry p{border-radius: 50px;background:#542E22;color:#FFF;font-size:0.8em;padding:7px 12px;margin:-1px 0 0;}
#Held .entry a{text-decoration:none;}
#Held .entry a:hover{opacity:0.7;}
#Held table{line-height:1.7em;}
#Held table th,#Held table td{border-bottom:1px dotted #B5B5B5;padding:6px 10px;}

/* Images */
#Images{margin-bottom:80px;}
#Images h4{ font-family:Allura;font-size:4.2em;color:#777;padding-bottom:40px;}
#Images .wrap div img{height:260px;margin:0 5px 20px;}
#Images img.icon{height:25px;vertical-align:middle;margin-right:5px;}

/* Copy */
#Copy{background:#EFEFEF;margin-bottom:100px;text-align:left;}
#Copy .wrap{padding:30px 30px 20px;}
#Copy a{color:#FFF;background:#666;padding:12px 24px;text-decoration:none;}
#Copy a:hover{background:#999;}
#Copy p{color:#666;line-height:2em;margin-bottom:30px;}
#Copy img{position:absolute;top:-20px;right:20px;z-index:100000;}

/* FOOT */
#footer{background:#F5F2EF;text-align:center;padding:20px 0;}
#footer p{color:#532D21;font-size:0.85em;}

/* PAGE UP */
#page-top a{display:block;width:100px;height:60px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;background:#542E22 url(../img/icon_totop.png) no-repeat center center;display:block;text-indent:-9999px;position:fixed;bottom:64px;right:0;}
#page-top a:hover{filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}




@media only screen and (max-width:960px) {
/*スマホ・タブレット用のcssを記述*/

/* COMMON */
.wrap{width:92%;max-width:960px;}

/* HEAD */
#header h1{width:60%;}

/* MESSAGE */
#Message{margin-bottom:60px;}
#Message .wrap{padding:60px 0 30px;}
#Message h3{line-height:1.3em;position:relative;top:0;left:0;margin-bottom:30px;}
#Message h3 br{display:none;}
#Message p{padding-left:60px;}

/* HELD */
#Held .wrap{width:80%;max-width:auto;padding:50px 20px;}
#Held .wrap h3{margin-bottom:60px;}
#Held .entry{position:absolute;top:30px;right:10px;}
#Held .entry img{width:90px;}
#Held .entry p{font-size:0.75em;}
#Held table th{min-width:35%;}
#Held table th,#Held table td{padding:6px;}


/* Copy */
#Copy{text-align:center;}
#Copy .wrap{padding:30px 0 20px;}
#Copy img{position:relative;top:0;right:0;margin-bottom:30px;}


}



@media only screen and (max-width:720px) {

/* COMMON */
.wrap{max-width:720px;}



/* HELD */
#Held .wrap h3 br{display:block;}
#Held table th,#Held table td{min-width:auto;display:block;width:100%;}
#Held table th{padding-top:20px;}
#Held table td{padding-bottom:20px;}
}



@media only screen and (max-width:559px) {

/* COMMON */
.wrap{max-width:559px;}


/* HEAD */
#header .head_contact a{display:block;padding:12px 10px;color:#542E22;font-size:0.8em;line-height:1em;}


/* MESSAGE */
#Message h3{font-size:2.3em;}
#Message p{padding-left:0;}

/* HELD */
#Held .wrap h3{font-size:1.2em;}

}




@media only screen and (max-width:428px) {

/* COMMON */
.wrap{max-width:428px;}



}