/* Reset CSS 2017.10.10
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "NotoSansCJKjp";
	font-weight: 300;
}

body {
	line-height: 1.5;
	background-color: #FFF;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	font-size: 14px;
	color: #333;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Link color
   ========================================================================== */

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
a:active {
	color: #F60;
	text-decoration: none;
}

/* Link icon
   ========================================================================== */
   
.link1:before {
    content: "i";
    color: #F60;
    font-family: fontello;
    margin-right: .2em;
}

/* イメージを半透明にする（class指定）
   ========================================================================== */
   
img.icon:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


/* 文字間を全角1文字分空ける（class指定）
   ========================================================================== */

.spc {
	letter-spacing: 1em;
}


/* 文字間を全角1文字分空ける（class指定）
   ========================================================================== */

.spc2 {
	letter-spacing: 2em;
}
/* 文字間を全角0.5文字分空ける（class指定）
   ========================================================================== */

.spch {
	letter-spacing: 0.5em;
}


/* 画像をレスポンシブ対応にする（class指定）
   ========================================================================== */

.liq {
  max-width: 100%;
  height: auto;
}

/* ウェブフォント関連
   ========================================================================== */


@font-face {
    font-family: "jsans";
    font-style: normal;
	font-weight: normal;
    src: url('/common/fonts/JapanSans.eot');
    src: local('JapanSans'), 
         url('/common/fonts/JapanSans.woff2') format('woff2'),
         url('/common/fonts/JapanSans.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/JapanSans.woff') format('woff'),
         url('/common/fonts/JapanSans.otf') format('opentype')
}

@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 200;
    src: url('/common/fonts/Noto-Light.eot');
    src: local('Noto Sans CJK JP Light'), 
         url('/common/fonts/Noto-Light.woff2') format('woff2'),
         url('/common/fonts/Noto-Light.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-Light.woff') format('woff'),
         url('/common/fonts/Noto-Light.otf') format('opentype')
}

@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 300;
    src: url('/common/fonts/Noto-DemiLight.eot');
    src: local('Noto Sans CJK JP DemiLight'), 
         url('/common/fonts/Noto-DemiLight.woff2') format('woff2'),
         url('/common/fonts/Noto-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-DemiLight.woff') format('woff'),
         url('/common/fonts/Noto-DemiLight.otf') format('opentype')
}

@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 400;
    src: url('/common/fonts/Noto-Regular.eot');
    src: local('Noto Sans CJK JP Regular'), 
         url('/common/fonts/Noto-Regular.woff2') format('woff2'),
         url('/common/fonts/Noto-Regular.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-Regular.woff') format('woff'),
         url('/common/fonts/Noto-Regular.otf') format('opentype')
}

@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 500;
    src: url('/common/fonts/Noto-Medium.eot');
    src: local('Noto Sans CJK JP Medium'), 
         url('/common/fonts/Noto-Medium.woff2') format('woff2'),
         url('/common/fonts/Noto-Medium.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-Medium.woff') format('woff'),
         url('/common/fonts/Noto-Medium.otf') format('opentype')
}

@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 700;
    src: url('/common/fonts/Noto-Bold.eot');
    src: local('Noto Sans CJK JP Bold'), 
         url('/common/fonts/Noto-Bold.woff2') format('woff2'),
         url('/common/fonts/Noto-Bold.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-Bold.woff') format('woff'),
         url('/common/fonts/Noto-Bold.otf') format('opentype')
}

@font-face {
    font-family: 'fontello';
    src: url("/common/fonts/fontello.eot");
    src: url("/common/fonts/fontello.eot?57098116#iefix") format('embedded-opentype'),
         url("/common/fonts/fontello.woff") format('woff'),
         url("/common/fonts/fontello.ttf") format('truetype'),
         url("/common/fonts/fontello.svg#fontello") format('svg');
}

@font-face {
    font-family:"Ionicons";
    font-weight:normal;
    font-style:normal
    src:url("/common/fonts/ionicons.eot?v=2.0.1");
    src:url("/common/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),
         url("/common/fonts/ionicons.ttf?v=2.0.1") format("truetype"),
         url("/common/fonts/ionicons.woff?v=2.0.1") format("woff"),
         url("/common/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
}


@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 100;
    src: url('/common/fonts/Noto-M-ExtraLight.eot');
    src: local('Noto Serif CJK JP ExtraLight'), 
         url('/common/fonts/Noto-M-ExtraLight.woff2') format('woff2'),
         url('/common/fonts/Noto-M-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-ExtraLight.woff') format('woff'),
         url('/common/fonts/Noto-M-ExtraLight.otf') format('opentype')
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 200;
    src: url('/common/fonts/Noto-M-Light.eot');
    src: local('Noto Serif CJK JP Light'), 
         url('/common/fonts/Noto-M-Light.woff2') format('woff2'),
         url('/common/fonts/Noto-M-Light.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-Light.woff') format('woff'),
         url('/common/fonts/Noto-M-Light.otf') format('opentype')
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 300;
    src: url('/common/fonts/Noto-M-DemiLight.eot');
    src: local('Noto Serif CJK JP DemiLight'), 
         url('/common/fonts/Noto-M-DemiLight.woff2') format('woff2'),
         url('/common/fonts/Noto-M-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-DemiLight.woff') format('woff'),
         url('/common/fonts/Noto-M-DemiLight.otf') format('opentype')
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 400;
    src: url('/common/fonts/Noto-M-Regular.eot');
    src: local('Noto Serif CJK JP Regular'), 
         url('/common/fonts/Noto-M-Regular.woff2') format('woff2'),
         url('/common/fonts/Noto-M-Regular.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-Regular.woff') format('woff'),
         url('/common/fonts/Noto-M-Regular.otf') format('opentype')
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 500;
    src: url('/common/fonts/Noto-M-Medium.eot');
    src: local('Noto Serif CJK JP Medium'), 
         url('/common/fonts/Noto-M-Medium.woff2') format('woff2'),
         url('/common/fonts/Noto-M-Medium.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-Medium.woff') format('woff'),
         url('/common/fonts/Noto-M-Medium.otf') format('opentype')
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 600;
    src: url('/common/fonts/Noto-M-SemiBold.eot');
    src: local('Noto Serif CJK JP Bold'), 
         url('/common/fonts/Noto-M-SemiBold.woff2') format('woff2'),
         url('/common/fonts/Noto-M-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-SemiBold.woff') format('woff'),
         url('/common/fonts/Noto-M-SemiBold.otf') format('opentype')
}

@font-face {
    font-family: "NotoSerifCJKjp";
    font-style: normal;
    font-weight: 700;
    src: url('/common/fonts/Noto-M-Bold.eot');
    src: local('Noto Serif CJK JP Bold'), 
         url('/common/fonts/Noto-M-Bold.woff2') format('woff2'),
         url('/common/fonts/Noto-M-Bold.eot?#iefix') format('embedded-opentype'),
         url('/common/fonts/Noto-M-Bold.woff') format('woff'),
         url('/common/fonts/Noto-M-Bold.otf') format('opentype')
}




/* floatの解除
   ========================================================================== */

.clear {
	clear:both;
	}


   
/* float 回り込み
   ========================================================================== */

.flt-L {
	float: left;
	clear:left;
	margin:0 30px 30px 0;
}


.flt-R {
	float: right;
	clear:right;
	margin:0 0 30px 30px;
}

.flt-BoxR {
	float: right;
	clear:right;
	margin:0 0 10px 15px;
}

.flt-top {
	float:right;
	clear:right;
	margin:0 0 0 10px;
}

@media screen and (max-width: 960px) {

.flt-L,.flt-R {
	float:none;
	display:block;
	margin:0 auto 10px;
	}
}  

/* float 画像角丸
   ========================================================================== */

.frame img {
	border-radius: 10px;
}

/* 区切り線
   ========================================================================== */

.line1 {
	border-top: 1px dotted #ccc;
	margin-top: 30px;
}