@charset "utf-8";
/* -------------------------------- */
/* paneo media query style          */
/* -------------------------------- */
/*---------------------*/
/* Tablet (Portrait)   */
/*---------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    div#headsub02 address#h_tel {
		font-size:105%;
	}
	#sign h2 {
		font-size:80%;
	}
}

/*---------------------*/
/* Mobile (Portrait)tate   */
/*---------------------*/
/* smartphone browser */
/*@media only screen and (max-width:480px) {*/
@media only screen and (max-width: 767px) {
    html,body{
    }
    div#container {
        width:          auto;
        height:         auto;
        padding:        1% 0 0 0;
        margin:         0;
    }
    header {
        padding:         0 4%;
    }
    footer {
        width:          auto;
        height:         auto;
        padding:        5px 10px;
        margin:         0;
    }
    img {
    }
}

/*@media only screen and (max-width:480px) {*/
@media only screen and (max-width: 767px) {
	#sign {
		width:100%;
		float:none;
	}
	div#headsub01 {
		width:70%;
		padding-top: 1em;
		text-align:left;
		}
	div#headsub02 {
		float:right;
		width:25%;
		padding-top: 1em;
		}
	h1#logo {
		max-width:          50%;
        float:          none;
		margin-right:0;
		padding:0 0 0 0;
		}
	div#contents {
	    width:          auto;
	    height:         auto;
	    padding:         0;
	    margin: 0 4%;
		padding: 1em 4% 0 4%;
		margin: 0;
	    }
	div#headsub01 address#h_tel {
		font-size:105%;
	}
	#sign h2 {
		font-size:80%;
	}
}



/*---------------------*/
/* Mobile (Landscape)yoko  */
/*---------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .wrapper { width: 420px; }
}


/*@media only screen and (max-width:480px) {*/
@media only screen and (max-width: 767px) {
	nav#global ul {
		width:100%;
	}
    nav#global ul li {
        width:          50% !important;
        float:          left;
    }

    nav#global ul li a {
        display:            inline-block;
        width:              100%;
        padding:            5% 0;
  	line-height:1.5;
    }
}

@media only screen and (max-width:480px) {
	h1#logo {
		max-width:100%;
		width: auto;
		}
	div#headsub01 {
		width:63%;
		padding-top: .7em;
		}
	div#headsub02 {
		width:32%;
		padding-top: .7em;
		}
	div#headsub01 address {
		font-size:85%;
		}
}


/*------------------------------------------------------------------*/
/* paneo fix layout a4 */
/* 1280px x 1810px 1 : √2 */
@media (device-width:768px){
    div#container {
        /*position:       relative;*/
		position:       static;
        /*height:         1810px;*/
		height:         auto;
		min-height:         1810px;
        margin:         0 auto;
		width:          1180px;/* sugano */
        padding:0 auto;/* sugano */
    }
}
/* paneo fix layout a4 */
/* 1280px x 1810px 1 : √2 */
@media  paper,
        (min-width: 1280px),
        (device-width:768px),
        (device-width:1024px) {
    div#container {
        /*position:       relative;*/
		position:       static;
        /*height:         1810px;*/
		height:         auto;
        margin:         0 auto;
		width:          1180px;/* sugano */
        padding:0 auto;/* sugano */
    }
}
/* paneo fix layout a4 */
/* 1280px x 1810px 1 : √2 */
@media paper,(min-width: 1280px),(device-width:768px),(device-width:1024px) {
    header {
        margin:0;
        padding:1.8% 0 0 0;
    }
    div#contents {
        height:         auto;
        /*margin: 0 4%;*/
    }
    footer {
        /*position:       absolute;
        bottom:         0;
        padding-right:0;
        padding-left:0;*/
		top:         none;
		position:       static;
        padding:0.5% 0 2% 0;/* sugano */
        width:          1180px;/* sugano */
    }
    div#container.p2 {
        height:         3620px;
    }
    div#container.p3 {
        height:         5430px;
    }
}




/* paneo base layout sugano ver.   */

/* paneo fix layout a4 */
/* 1280px x 1810px 1 : √2 */
/* 2894px x 4093px 1 : √2 350dpi*/
@media  paper,
        (min-width: 1280px),
        (device-width:768px),
        (device-width:1024px) {

	nav#global {
	    font-size:100%;
	}
	nav#global ul li a {
	    padding:            .9em .5em .7em;
	}
	
h1 {
    padding:0 0 2% 0;
}

h2 {
    padding:0 0 2% 0;
}

h3 {
    padding:0 0 2% 0;
}

h4 {
    padding:0 0 2% 0;
}

h5 {
    padding:0 0 2% 0;
}
p {
    font-size:      1em;/* sugano */
    line-height:    1.7;/* sugano */
}

}

/* paneo fix layout a4 */
/* 1280px x 1810px 1 : √2 */
@media paper,
        (min-width: 1280px),
        (device-width:768px),
        (device-width:1024px) {
	.title01 {
		font-size:2em;
		}

	ul#top_navi li h2 {/* top */
		font-size:148%;
		color:#C90915;
	}
	.messe_read {/* message */
		font-size:2em;
		}
	.messe_main p {
		font-size:1em;
		}
	.messe_name {
		font-size:1.6em;
		}

	.seihint_list h3 {/* seihin top */
		font-size:140%;
		padding:.3em .8em .5em;
		}
	.seihint_list ul li {
		font-size:110%;
		}
}