@charset "utf-8";
/*breakpoint
@media screen and ( max-width:1080px) and ( min-width:768px) {}
@media screen and ( max-width:767px) {}
*/

/*HTML5 reset css*/
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;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/*基本リンクカラー*/
a { text-decoration: none;color:#000;}
a:hover {}

/*strong太字基準値*/
strong {
	font-weight: normal;
	text-decoration: none;
}

/*ブラウザスタイル初期値*/
body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:url("") top left repeat #fff;/*bgimg*/
	background:#FFF;/*bgcolor*/
	font-size: 100%;
	line-height:2.0em;
	color:#000;
	position:relative;
}
@media (min-width: 768px) {
	body {min-width: 1024px;}
}

html{
    height:100%;
	width:100%;
}

img, a {
border:none;
}

/**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var {
	font-style:normal;
	font-weight:normal;
}


ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*default*/
h1, h2, h3, h4, h5{
	font-weight: bold;
	line-height: 2.0em;
	color: #000;
}
@media screen and ( max-width:767px) { h1, h2, h3, h4, h5 {line-height: 2.0em;} }

h1 { font-size:32px;}
h2 { font-size:28px;}
h3 { font-size:20px;}
@media screen and ( max-width:767px) { h1 { font-size:28px; } }
@media screen and ( max-width:767px) { h2 { font-size:24px; } }
@media screen and ( max-width:767px) { h3 { font-size:22px; } }

h4, h5{font-size:20px;}

/*default*/
.wrap {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0;
	clear: both;
	position: relative;
	overflow: hidden;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}
/**
.container {
	width: 860px;
	height: auto !important;
	min-height: 100%;
	margin:0 auto;
	position: relative;
}
**/
.clfix_sp {	
}
@media screen and ( max-width:767px) {.clfix_sp {clear: both;}}

body img {
	width: 100%;
	height: auto;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
.clfix_img {
	width: auto;
	height: auto;
}
.pc_on {
}
@media screen and ( max-width:767px) {.pc_on {display: none;}} 
.sp_on {
}
@media screen and ( min-width:768px) {.sp_on {display: none;}} 
.tb_on {
}
@media screen and ( min-width:1241px) {.tb_on {display: none;}} 
.galaxyFold_on {
}
@media screen and ( min-width:281px) {.galaxyFold {display: none;}} 

/*breadcrumbs*/
.breadcrumbs {
    width: 100%;
    margin: 10px auto 10px;
    position: relative;
    top: 220px;
}
@media screen and ( max-width:375px) {.breadcrumbs { margin: 0 auto 10px; position: relative; top: 70px;}} 

.breadcrumbs ul {
    position: absolute;
    left: 12px;
    top: -155px;
}
.breadcrumbs ul li {
	font-size: 16px;
    float: left;
}
@media screen and ( max-width:767px) and ( min-width:281px) {.breadcrumbs ul li { font-size: 12px; min-width: 80px; }.breadcrumbs ul li:first-of-type { font-size: 12px; min-width: 85px; }} 
@media screen and ( max-width:280px) {.breadcrumbs ul li { font-size: 10px; min-width: 80px; }.breadcrumbs ul li:first-of-type { font-size: 12px; min-width: 75px; }} 

.breadcrumbs ul li a {
	color: #999;
	text-decoration: underline;
}
.breadcrumbs ul li:first-child::before {
	content: url(../img/icon_bread_home.gif);
    padding: 0px 10px 0 0;
    color: #999;
    position: relative;
    top: 2px;
}
.breadcrumbs ul li::before {
	content: ">";
    padding: 0 10px 0;
	color: #999;
}
.breadcrumbs ul li:last-child a {
pointer-events: none;
cursor: default;
text-decoration: none;
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*option*/