@charset "utf-8";
html{
font-size: 62.5%;
}

body {
min-width:100%;
width:100%;
/*padding-top: 5px;
background-image: url(../images/global/top_bar.png);
background-position:top;
background-repeat:repeat-x;
background-color:#FFF;*/
font-size: 1.4rem;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", Lucida Grande, sans-serif;
line-height:1.6;
color:#546D85;
}

article,header,footer { width:100%; }

a { 
border: 0;
	color: #546D85;
	outline:0;
}
a:visited { color: #546D85;}

img{max-width: 100%;}

.w100 img {
 width: 100%;
}


/*a img{transition:opacity .2s;}
a:hover img{opacity: .6;}*/

/* margin */
.mt-0{ margin-top: 0 !important; }
.mt-05em{ margin-top: .5em; }
.mt-1em{ margin-top: 1em; }
.mt-2em{ margin-top: 2em!important; }
.mt-3em{ margin-top: 3em!important; }
.mt-4em{ margin-top: 4em!important; }
.mt-5em{ margin-top: 5em; }
.mt-6em{ margin-top: 6em; }
.mr-02em{ margin-right: .2em; }
.mr-05em{ margin-right: .5em; }
.mr-1em{ margin-right: 1em; }
.mr-2em{ margin-right: 2em; }
.mr-3em{ margin-right: 3em; }
.mr-4em{ margin-right: 4em; }
.mb-0{ margin-bottom: 0 !important; }
.mb-05em{ margin-bottom: .5em; }
.mb-1em{ margin-bottom: 1em; }
.mb-2em{ margin-bottom: 2em; }
.mb-3em{ margin-bottom: 3em; }
.mb-4em{ margin-bottom: 4em; }
.mb-5em{ margin-bottom: 5em; }
.mb-6em{ margin-bottom: 6em; }
.ml-02em{ margin-left: .2em; }
.ml-05em{ margin-left: .5em; }
.ml-1em{ margin-left: 1em; }
.ml-2em{ margin-left: 2em; }
.ml-3em{ margin-left: 3em; }
.ml-4em{ margin-left: 4em; }
.margin-0{margin: 0!important;}

/* padding */
.pt-0{ padding-top: 0 !important; }
.pt-05em{ padding-top: .5em; }
.pt-1em{ padding-top: 1em!important; }
.pt-2em{ padding-top: 2em; }
.pt-3em{ padding-top: 3em; }
.pt-4em{ padding-top: 4em; }
.pt-5em{ padding-top: 5em; }
.pt-6em{ padding-top: 6em; }
.pr-02em{ padding-right: .2em; }
.pr-05em{ padding-right: .5em; }
.pr-1em{ padding-right: 1em; }
.pr-2em{ padding-right: 2em; }
.pr-3em{ padding-right: 3em; }
.pr-4em{ padding-right: 4em; }
.pb-05em{ padding-bottom: .5em; }
.pb-1em{ padding-bottom: 1em; }
.pb-2em{ padding-bottom: 2em; }
.pb-3em{ padding-bottom: 3em; }
.pb-4em{ padding-bottom: 4em; }
.pb-5em{ padding-bottom: 5em; }
.pb-6em{ padding-bottom: 6em; }
.pl-02em{ padding-left: .2em; }
.pl-05em{ padding-left: .5em; }
.pl-1em{ padding-left: 1em; }
.pl-2em{ padding-left: 2em; }
.pl-3em{ padding-left: 3em; }
.pl-4em{ padding-left: 4em; }
.padding-0{padding: 0!important;}


.mb-05em-sp{ margin-bottom: .5em; }
.mt-1em-sp{ margin-top: 1em; }
.mb-1em-sp{ margin-bottom: 1em; }
.mb-2em-sp{ margin-bottom: 2em; }
.pt-1em-sp{ padding-top: 1em; }


/* Container */
.wrapper{
width: 100%;
display: block;
position:relative;
margin:0 auto;
letter-spacing: -0.4em;/* i-b 隙間埋め用 */
display: block\9; /* i-b 隙間埋め用 IE 8,9対応 */
color:#546D85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wrapper:after{
content:"";
display: block;
clear:both;
box-sizing: border-box;
}
.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12{
display:inline-block;
vertical-align:middle;
position: relative;
margin-left: 2.08%;
margin-right: 2.08%;
margin-top:10px;
margin-bottom:10px;
/*width:95.8318%;*/
letter-spacing: normal;/* i-b 隙間埋め用 */
box-sizing: border-box;
}
.col4 { width:29.1662%;display: inline-block; }
.col5 { width:37.5%;display: inline-block; }
.col6 { width:45.8326%; display: inline-block;}
.col7 { width:54.1658%; }
.col8 { width:62.5%; display: inline-block;}
.col12 { width:95.8318%; display: inline-block;}



/* column-margin-left */
.ml-col0{ margin-left:0% !important; }
.ml-col1{ margin-left:8.3332% !important; }
.ml-col2{ margin-left:16.6664% !important; }
.ml-col3{ margin-left:25.0% !important; }
.ml-col4{ margin-left:33.3328% !important; }

.block50,.block30,.block70{
display:inline-block;
padding-left: 2.08%;
padding-right: 2.08%;
padding-top: 10px;
margin-bottom:10px;
width:95.8318%;
letter-spacing: normal;/* i-b 隙間埋め用 */
box-sizing: border-box;
vertical-align: middle;
}
.block50,.block30{
padding-top: 10px;
text-align: center;
}
/*
.col4-sp { width:29.1662%;display: inline-block; }
.col5-sp { width:37.5%;display: inline-block; }
.col6-sp { width:45.8326%; display: inline-block;}
.col8-sp { width:62.5%; display: inline-block;}
.col12-sp { width:95.8318%; display: inline-block;}
*/


/* display */
.db{display: block;}
.di{display: inline;}
.dib{display: inline-block;}
.dt{display: table !important;}
.dtc{display: table-cell !important;vertical-align:middle;}

/* box move */
.right{ margin-left:auto; margin-right:0; }
.left{ margin-left:0; margin-right:auto; }
.center{ margin-right:auto; margin-left: auto; }

/* text-align */
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }

/* v-align */
.vertical-top{ vertical-align: top; }

/* float */
.fl{ float:left; }
.fr{ float:right; }
.fi{ float:inherit; text-align: center;}

/* on off */
.on-sp { display:block; }
.off-sp { display:none; }
.on-tb { display:none; }
.off-tb { display:none; }
.on-pc { display:none; }
.off-pc { display:inline; }


@media screen and (min-width:481px) {}

/*
@media screen and (min-width:768px) {

/* on off 
.on-sp { display:none; }
.off-sp { display:inline-block; }
.on-tb { display:block; }
.off-tb { display:none; }
.off-pc { display:inline; }

.mb-05em-sp{ margin-bottom: 0; }
.mt-1em-tb{ margin-top: 1em; }
.mt-1em-sp{ margin-top: 0; }
.mb-1em-sp{ margin-bottom: 0; }
.mb-2em-sp{ margin-bottom: 0; }
.mt-2em-tb{ margin-top: 2em!important; }
.mb-2em-tb{ margin-bottom: 2em; }
.ml-1em-tb{ margin-left: 1em; }
.pt-1em-sp{ padding-top: 0; }


/* column
.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12 {
margin-top:20px;
margin-bottom:20px;
}
.col1 { width:4.168%; }
.col2 { width:12.5%; }
.col3 { width:20.835%; }
.col4 { width:29.168%; }
.col5 { width:37.5%; }
.col6 { width:45.83%; }
.col7 { width:54.168%; }
.col8 { width:62.5%; }
.col9 { width:70.835%; }
.col10 { width:79.168%; }
.col11 { width:87.5%; }
.col12 { width:95.8318%; }
.col100 { width:100.0%; }
/* column-margin-left 
.ml-col0{ margin-left:0% !important; }
.ml-col1{ margin-left:8.3332% !important; }
.ml-col2{ margin-left:16.6664% !important; }
.ml-col3{ margin-left:25.0% !important; }
.ml-col4{ margin-left:33.3328% !important; }

.block50{width:49%;
margin-top:10px;
margin-bottom:10px;
padding-top: 0;
}
.block30{width:26%;}
.block70{width:58%;text-align: left;}

}
*/

/*
@media screen and (min-width:960px) {

.wrapper{
max-width: 960px;
}

/* on off 
.off-tb { display:block; }
.on-pc { display:block; }
.off-pc { display:none; }
/* column
.col1-pc { width:4.1666%; }
.col2-pc { width:12.5%; }
.col3-pc { width:20.833%; }
.col4-pc { width:29.1662%; }
.col5-pc { width:37.4994%; }
.col6-pc { width:45.8326%; }
.col7-pc { width:54.1658%; }
.col8-pc { width:62.499%; }
.col9-pc { width:70.8322%; }
.col10-pc { width:79.1654%; }
.col11-pc { width:87.4986%; }
.col12-pc { width:95.8318%; }
.col100 { width:100.0%; }
/* column-margin-left 
.ml-col0-pc{ margin-left:0 !important; }
.ml-col1-pc{ margin-left:8.3332% !important; }
.ml-col2-pc{ margin-left:16.6664% !important; }
.ml-col3-pc{ margin-left:25.0% !important; }
.ml-col4-pc{ margin-left:33.3328% !important; }
}
*/

/* basic design */

/* button 
.btn{
border-radius: 6px;
box-shadow: 0 4px 0 0 #ddd;
width: 200px;
}
.btn a{
display: block;
text-align: center;
padding:10px 20px;
background: #eee;
}
.btn a:hover{
background: #ddd;
}
*/

/* Text */
.small { font-size:1.3rem; }
.smaller { font-size:1.2rem; }
.big{font-size: 1.6rem; }
.bigger{font-size: 1.8rem; }
.strong{font-weight: bold; }
.caption{ font-size:80%; padding-top:1em; }
/*
hr{height: 1px; border: none; border-top: 1px #ccc solid; margin:3em 0;}
*/
#pagetop { position:fixed; bottom:20px; right:20px; cursor:pointer; opacity:0.8; }

/*
.cover{
background-image: url("");
background-size: cover;
height:400px;
}*/

.blue {color:#35B1F0;}