/*
Theme Name: Sunlife-KK
Theme URI: ./
Description: sunlife KK 2016
Version: 1.0
Author: LaLaCREER Inc.
Author URI: http://lalacreer.jp/
*/



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






/* for SP */
@import url('./sp_style-design.css');
@import url('./sp_style-designProduct_0226.css');




@import url(http://fonts.googleapis.com/css?family=Ubuntu);





img {
	max-width: 100%;
	height: auto;
}




/* hidden ======================================== */

.switchBtn{
	display:none;
}


#topicpath{
	display:none;
}

#checker{ /* php ファイル名のチェッカー：運用時非表示 */
	display:none;
	position:fixed;
	bottom:0;
	right:0;
	font-size:0.5em;
	margin:1em;
	padding:1em;
	border:1px solid #ccc;
	background-color:rgba(255,255,255,0.5);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


#materialProductlist{
	display:none;
}


/* ========================================

イニシャル
 
======================================== */




*{
border:none;
margin:0;
padding:0;
}




html, body, h1, h2, h3, h4, h5, h6, a, p, li, dl, dd, dt, input{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:medium;
color:rgba(0,0,0,0.6);
letter-spacing:0.1em;
line-height:100%;
}





body,html{
width:100%;
height:100%;
margin:0;
padding:0;
}

body{-webkit-text-size-adjust: 100%;}

hr{
clear:both;
border:solid rgba(153,153,153,1.0);
border-width:1px 0px 0px 0px;
height:1px;
overflow:hidden;
margin:3em 0;
}



a{
color:rgba(0,128,255,1.00);
text-decoration:none;
}



a:link{
text-decoration:none;
}


a:hover{
color:rgba(0,128,255,0.50);
}



/* マウスオーバーアクション */
a{
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}


dl,dt{
	list-style:none;
}

.floatright{
float:right;
}

.floatleft{
float:left;
}

.alignright{
	text-align:right;
}

.clear{
clear:both;
}

.center{
text-align:center;
}

.bold{
font-weight:bold;
}

.red{
color:#900;
}

.white{
color:#FFFFFF;
}

.imgfloatleft{
clear:both;
float:left;
margin:0 20px 20px 0;
}

.imgfloatright{
clear:both;
float:right;
margin:0 0 20px 20px;
}

.displaynone{
display:none;
}


input,
textarea{
	border:1px solid #ccc;
	margin:0 1em 0 0;
	border-radius:0.5em; 
    -webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	width: 90%;
}
