@charset "utf-8";
/* ========================================

	cmn.css

	--------------------
	・base
		- アイコンフォント読み込み
		- リセット
		- clearfix
	・color
	・container
	・共通パーツ
	・TOPページ共通パーツ
	・フォーム・MYページ
	・フォーム
	-------------------

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

/* base
================================= */


/* reset
--------------------------------- */
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

legend{color:#000;}
del,ins{text-decoration:none;}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */

select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}



/* clearfix
--------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
.clearfix{
	min-height:1px;
}
* html .clearfix{
	height:1px;
	height:auto;
	overflow:hidden;
}

/* DL不可 */
.thumb,
.ph{
	position:relative;
}
.thumb img,
.ph img{
	background:no-repeat center top;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
}
.thumb .dummy,
.ph .dummy{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}


/* attentionList
------------------------- */
.attentionList li{
	font-size:13px;
	text-indent:-1em;
	padding:0 0 0 1em;
	position:relative;
}
.attentionList li::before{
	content:'\2713';
	font-family:'WebHostingHub-Glyphs';
	color:#F60;
	font-size:10px;
	margin:0 3px 0 0;
}

/* tableList
------------------------- */
.tableList{
	display:inline-block;
	margin:0 0 30px;
	border:1px solid #ddd;
}
.tableList th,
.tableList td{
	padding:10px 15px;
	border-bottom:1px solid #ddd;
}
.tableList th{
	border-right:1px solid #ddd;
	background:#eee;
}
.tableList td{
	text-align:right;
	font-weight:bold;
	font-size:1.25em;
	letter-spacing:.05em;
	min-width:6em;
}
.tableList tr:last-child > *{
	border-bottom:none;
}

/* ===============================
	base - tablet
	landscape : 1024px
	portrait : 768px
================================== */
@media screen and (max-width:768px){

	#wrap{
		width:auto;
		min-width:320px;
		padding:0 10px;
	}

	#container{
		padding:0 0 75px;
	}

	#header{
		margin:0 0 15px;
		position:relative;
	}

	#header h1,
	#header #globalNav{
		width:auto;
	}

	#keyVisual{
		height:auto;
	}

	#mainArea{
		width:auto;
		float:none;
	}

	#sideArea{
		display:none;
	}

	#footer{
		padding:10px 0;
	}

	#pageTop{
		display:none;
	}

	.single .section{
		padding:15px;
	}

	img{
		max-width:100%;
	}

	.flex-control-nav{
		width:90%;
	}

	.contentsList li{
		width:31%;
		margin:0 3% 15px 0;
	}

	.formArea .formList{
		padding:15px;
	}

}