/* リセット
*******************************************/
* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
/*table{border-collapse:collapse;border-spacing:0}*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

dl,ol,ul,dd,dt,li{ list-style:none; padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-size:1em; font-weight:normal;}

/* デフォルト
*******************************************/
body *{
	box-sizing:border-box;
	-webkit-text-size-adjust: 100%;
}

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

	margin:0;
	padding:0;
	width:100%; 
	
	color:#333;
	background-color:#FFFFFF;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3" ,  "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ＭＳ Ｐゴシック" , Osaka , Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , "Open Sans" , Roboto , sans-serif;

	line-height:normal;
	
	word-break : break-all;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
img{ 
	border:none; 
	width:auto; 
	height:auto; 
	max-width:100%;
	vertical-align: bottom;
}
a{
	color:#333;
	text-decoration:none;
	cursor:pointer;
}
a:hover{ 
	color:#e60021;
}
a.orange{
	color:#ec4650;
	text-decoration:underline;
}
a.orange:hover{
	text-decoration:none;
}

.t-orange{
	color:#e81936;
	text-decoration:none;
}
.t-orange:hover{
	color:#f06679;
	text-decoration:underline;
}







/* 共通
*******************************************/
#wrapper{
	position:relative;
	width:100%;
	min-width:1120px;
}
.container{
	width:944px;
	margin:0 auto;
	position:relative;
}

#pagetop{
	position:absolute;
	width:60px;
	height:60px;
	right:16px;
}
#pagetop a{
	display:block;
}
#pagetop a.hide{
	display:none;
}

.article{
	width:100%;
}
.article #section-breadcrumb{
	padding:40px 0 0;
	line-height:1;
	font-size:12px;
}

.article h2{
	margin:16px 0;
	padding-bottom:12px;
	font-size:30px;
	font-weight:normal;
	border-bottom:#cccccc solid 1px;
	line-height:1;
	width:100%;
	background-image:url(image);
}
#section-main{
	margin-bottom:56px;	
}
.article h4{
	border-top:#CCC solid 1px;
	clear:both;
	margin-bottom:24px;
	height:32px;
	background-image:url(image);
}
.article h4 span{
	border-top:#e81936 solid 2px;
	padding-top:12px;
	font-size:22px;
	line-height:22px;
	
	display:inline-block;
    /display: inline;  
    /zoom: 1;
}



/* #section-social
*******************************************/
#section-social{
	margin:0 0 12px;
}
#section-social li{
	float:left;
	margin-right:10px;
}









/* ユーティリティ
*******************************************/

a.btn img{
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
a.btn:hover img{
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity:0;
}

a.btn80 img{
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
a.btn80:hover img{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity:0.7;
}
a img.icon_pop,
a:hover img.icon_pop{
	-ms-filter:none !important;
	filter:none !important;
	opacity:1 !important;
}

a.btn0{ position:relative;}
a.btn0 img.def{
	top:0;
	left:0;
	position:absolute;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
a.btn0 img.over{
	display /*\**/:none\9;
	/display:none;
}
a.btn0:hover img.def{
	opacity:0;
	display /*\**/:none\9;
	/display:none;
}
a.btn0:hover img.over{
	display /*\**/:block\9;
	/display:block;
}


.clear { clear:both;}
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}


.m0{margin-left:0 !important;}
.mt16{ margin-top:16px;}
.mb48{ margin-bottom:48px;}
.left-block{ float:left;}
.right-block{ float:right;}