@charset "utf-8";

/*-----------------------------------
IZAWA TOWEL CSS common.css
------------------------------------*/

.pc{display:block;}
img.pc{display:inline;}
.smt{display:none;}
img.smt{display:none;}
	
/* fonts */
body,div,p,span,nav,li,dt,dd,th,td,h1,h2,h3,h4,h5,h6,a{
	font-family: 'Open Sans', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-weight: 500;
	color:#000;
	font-size: 16px;
    line-height: 28px;
	}
img{
	vertical-align: top;
	}
dl,ul{
	letter-spacing: -0.4em;
	}

dt,dd,li{
	letter-spacing: normal;
	}

h1,h2,h3,h4,h5,h6{
	letter-spacing:3px;
	}
a{
	text-decoration: none;
	display: inline-block;
	margin:0 5px;
	border-bottom: 1px dotted #ccc;
	}
a:hover{
	color:#e7380d;
	}
a.btn,
a.btn-white{
	background:#fff;
	text-align: center;
	display: inline-block;
	min-width:200px;
	padding:10px;
	margin:20px auto;
	letter-spacing: normal;
	}
a.btn:hover,
a.btn-white:hover{
	background:#333;
	color:#fff;
	}
a.btn-white{ color:#fff; background:#333; border:1px solid #333;}
a.btn-white:hover{ color:#333; background:#fff; border:1px solid #eee;}

sup{
	color:red;
	font-size:10px;
	display:inline-block;
	margin-left:5px;
	}

/* hover */
	header h1 a:hover img,
	footer p a:hover img,
	footer nav ul li a:hover {
		filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
	}

/* body */
body{
	width:100%;
	}

/* header */
header.nofixed{width:100%; height:242px; display: none;}
header.nofixed h1{width:100%; height:124px; padding-top:40px; background:#D7EEEC; text-align:center;}


header.nofixed{width:100%; height:182px;}
header.nofixed h1{width:100%; height:104px; padding-top:20px; background:#D7EEEC; text-align:center;}

header.nofixed nav{width:100%; height:78px; background:#fff; text-align:center;}
header.nofixed nav > ul{max-width:1280px; margin:0 auto; padding-top:30px;}
header.nofixed nav > ul li{display:inline-block; margin:0px 10px;}

header.nofixed nav > ul li a{text-decoration:none; font-size:14px; display:inline-block; padding:0px 5px 10px 5px; border-bottom:2px solid #fff;}


header.fixed{width:100%; height:80px; position:fixed; top:0px; left:0px; z-index:200 !important; border-bottom:1px solid #eee; overflow:hidden; display:block;
	background-color: #fff;
	}

header.fixed nav{width:100%; max-width:1280px; margin:0 auto;}
header.fixed nav h1{float:left; width:5%; text-align:center; margin-top:9px;}
header.fixed nav > ul{float:left; width:95%; text-align:center;}
header.fixed nav > ul li{display:inline-block; margin: 15px 10px 2px 10px;}
header.fixed nav > ul li a{text-decoration:none; font-size:14px; display:inline-block; padding:0px 5px 10px 5px; border-bottom:none;}

header.nofixed nav > ul li.active a,
header.fixed nav > ul li.active a,
header.nofixed nav > ul li a:hover,
header.fixed nav > ul li a:hover{
	margin-bottom:0;
	border-bottom:2px solid #666;}

header.fixed nav > ul li,
header.nofixed nav > ul li{
	vertical-align: top;
	}
header.fixed nav > ul li a,
header.nofixed nav > ul li a{
	font-weight: normal;
	font-size: 11px;
	line-height:24px;
	}
header.fixed nav > ul li a span,
header.nofixed nav > ul li a span{
	display:block;
	font-size: 15px;
	letter-spacing:3px;
	}
header.fixed nav > ul li.lang,
header.nofixed nav > ul li.lang{
	font-size:12px;
	color:
	}
header.fixed nav > ul li:nth-child(1),
header.nofixed nav > ul li:nth-child(1){
	vertical-align: top;
    margin-right: 150px;
    margin-top: 15px;
	}
header.fixed nav > ul li:nth-child(1) img,
header.nofixed nav > ul li:nth-child(1) img{
	width:350px;
	vertical-align: top;
	}
header.fixed nav > ul li:nth-child(1) a,
header.nofixed nav > ul li:nth-child(1) a{
	border: none;
	}

header.smt nav > ul{
	display: none;
	}


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

header.fixed{
	display: none;
	}

	header.fixed nav ul li{margin-top:6px;}
	header.fixed nav ul li a{padding-bottom:8px;}
}

@media screen and (max-width: 870px){
	header.nofixed nav ul{padding-top:15px;}
	header.nofixed nav ul li{margin-bottom:5px;}
}

/* contents */
#contents{
	margin-top: 80px;
	padding-bottom:90px;
	text-align: center;
	}

#contents.headerFixed{padding-top:62px; padding-bottom:90px;}
#contents.headerFixed a[id]:not([href]) {
	padding-top: 62px;
	margin-top: -62px;
	display: inline-block; /* required for webkit browsers */
	vertical-align: top;
}

/* footer */
footer{background:#d5d5c5; text-align:center; position:relative; padding:55px 0px 55px 0px;margin-top:80px;}
footer .ft-wrap{
	width:calc(100% - 40px);
	max-width:1024px;
	height:100px;
	margin:0 auto;
	position: relative;
	text-align: left;
	}

footer #pagetop{position:absolute; top:-30px; left:0px; width:100%;}
footer p.logo{
	display: block;	
	position: absolute;
	left:0;
	top:0;
	}
footer .logo img{width:185px;}
footer nav{
	display: block;	
	position: absolute;
	right:0;
	top:0;
	}

footer nav ul li{display:inline-block; margin:0px 20px 0px 0;}
footer nav ul li:last-child{
	margin-right:0;
	}
footer nav ul li span{display: none;}
footer nav ul li a{
	font-size:13px;
	text-decoration:none;}

footer nav ul li:nth-child(1){
	display: none;
	}

footer nav ul li.lang{
    display: none;
	}
p.copyright{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
	}
footer ul.ft-mark{
	letter-spacing: -0.4em;
	}
footer ul.ft-mark li{
	margin-top:40px;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin-right:20px;
	}
footer ul.ft-mark img{
	max-height:60px;
	}


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

footer nav{
	display: none;
	}