@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "Yu Mincho";
	src: local("Yu Mincho Regular");
	font-weight: 500
}
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

@font-face {
  /*フォントの名前*/
  font-family: "Bahnschrift Light";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("/wp-content/themes/saint-clair_original/fonts/bahnschrift.woff2") format("woff2"),
       url("/wp-content/themes/saint-clair_original/fonts/bahnschrift.woff") format("woff");
}
.Bahnschrift{
  font-family: "Bahnschrift Light";
}

@font-face {
  /*フォントの名前*/
  font-family: "The Blacksmith";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("/wp-content/themes/saint-clair_original/fonts/The Blacksmith.woff2") format("woff2"),
       url("/wp-content/themes/saint-clair_original/fonts/The Blacksmith.woff") format("woff");
}
.Blacksmith{
  font-family: "The Blacksmith";
}




.clear{
	clear: both;
	font-size: 0;
	line-height: 0;
}
/* -----------------------------------------------
 clearfix
-------------------------------------------------- */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

/* ----------------------------------------
 * 0. HTML, BODY, etc
 * ---------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
/* プロポーショナルメトリクスを有効にする指定 */
font-feature-settings : "palt" 1;
}
html {
	height: 100%;
	font-size: 45%; /* sets the base font to 7px for easier math */
	width: 100%;
	margin: 0px;
	padding: 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media print, screen and (min-width : 721px) {
html {
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
}
body {
	font-size: 1.4rem;
	line-height: 1.7;
	overflow: visible;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	width: 100%;
	height: 100%;
}
body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",  "メイリオ", sans-serif;
font-weight: 500;
}
/* CSSハックでIEの時にはメイリオを表示（IEのみ游ゴシックの下部に余白ができるため） */
 
@media all and (-ms-high-contrast:none) {
    body {
        font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    }
}

table, h1, h2, h3, h4, h5, h6, p, span, th, ul, li, address, img, dl, dt, dd, strong {
	border: 0;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
}
ol, ul {
	list-style: none;
}
a img {
	border:0;
}
/*a:hover img {
     filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
    zoom:1;
transition: 0.6s ;
}
*/
a {
	text-decoration: none;
	color: #1b72b8;
}
a:visited {
	text-decoration: none;
	color: #1b72b8;
}
a:hover {
	color: #1b72b8;
	text-decoration: none;
}
a:active {
	color: #1b72b8;
	text-decoration: none;
}

.gothic{font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho{font-family: "游明朝体", "Yu Mincho", YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif, "メイリオ", Meiryo, "ＭＳ ゴシック", serif;}

.object-fit {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
/*margin-padding*/
.mt-10 {margin-top:-10px;}
.mt10 {margin-top:10px;}
.mt-20 {margin-top:-20px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb270 {margin-bottom:270px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pt170 {padding-top:170px;}
.pt200 {padding-top:200px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb150 {padding-bottom:150px;}
.pb170 {padding-bottom:170px;}
.pb200 {padding-bottom:200px;}
.pb270 {padding-bottom:270px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pr150 {padding-right:150px;}
.pr200 {padding-right:200px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pl150 {padding-left:150px;}
.pl200 {padding-left:200px;}