@charset "utf-8";
/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}

@font-face {
	font-family: 'instagram';
	src:  url('../msg/library/fonts/cat1.eot?e0utoz');
	src:  url('../msg/library/fonts/cat1.eot?e0utoz#iefix') format('embedded-opentype'),
			url('../msg/library/fonts/cat1.ttf?e0utoz') format('truetype'),
			url('../msg/library/fonts/cat1.woff?e0utoz') format('woff'),
		url('../msg/library/fonts/cat1.svg?e0utoz#cat1') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'line';
	src:  url('../msg/library/fonts/icomoon.eot?mrettt');
	src:  url('../msg/library/fonts/icomoon.eot?mrettt#iefix') format('embedded-opentype'),
			url('../msg/library/fonts/icomoon.ttf?mrettt') format('truetype'),
			url('../msg/library/fonts/icomoon.woff?mrettt') format('woff'),
		url('../msg/library/fonts/icomoon.svg?mrettt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram { font-family: 'instagram' !important; }
.icon-instagram:before { content: "\ea92"; }
.icon-line { font-family: 'line' !important; }
.icon-line:before { content: "\e900"; }

.dashicons, .dashicons-before:before { vertical-align: middle; }

/* All Magin + Padding Clear ----- */
* { margin:0; padding:0; }

html {
	width: 100%;
	height: 100%;
	font-size: 100% !important;
}

body {
	position:relative;
	width: 100%;
	height: 100%;
	font-size: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height: 1.8em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

/* IE8〜11はメイリオ */
@media screen\0 {
	body {
		font-family: 'Segoe UI', /* Windowsの欧文 */
						Meiryo,     /* メイリオ */
						sans-serif;
	}
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
}

a {
	color: #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
a:hover, a:focus { color: #ba3535; }

.block { display: block !important; }
.inline-block { display: inline-block !important; }
.relative { position: relative !important; }



/* Text Bring ----- */

.tAc, .xtAc { text-align: center !important; }
.tAl, .xtAl { text-align: left !important; }
.tAr, .xtAr { text-align: right !important; }



/* Font Size ----- */

/* 10px */
[class*='font--3'] { font-size: 0.625em; }

/* 12px */
[class*='font--2'] { font-size: 0.75em; }

/* 14px */
[class*='font--1'] { font-size: 0.875em; }

/* 16px */
[class*='font-0'] { font-size: 1em; }

/* 18px */
[class*='font-1'] { font-size: 1.125em; }

/* 21px */
[class*='font-2'] { font-size: 1.3125em; }

/* 24px */
[class*='font-3'] { font-size: 1.5em; }

/* 30px */
[class*='font-4'] { font-size: 1.875em; }

/* 36px */
[class*='font-5'] { font-size: 2.25em; }

/* 48px */
[class*='font-6'] { font-size: 3em; }

/* Font Color ----- */
.fff { color: #fff !important; }
.black { color: #333 !important; }


/* Font Weight ----- */

.bold { font-weight: bold; }
.bold-off { font-weight: normal; }



/* Font Style ----- */

.trebuchet { font-family: "Trebuchet MS"; }
.gothic { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E"; }
.roman { font-family: "Times New Roman", Times, "serif"; letter-spacing: 0.04em; }
.xtAx .roman, .roman.xtAx { text-indent: 0.04em; }



/* HR ----- */

hr { border-top-color: #999; margin-top: 1.5%; margin-bottom: 1.5%; }
hr.ccc { border-top-color: #ccc; } 
hr.dark { border-top-color: #333; }
hr.solid { border-top-style: solid; }
hr.dotted { border-top-style: dotted; }
hr.dashed { border-top-style: dashed; }



/* Background Color ----- */

.bg-color-none { background-color: transparent; }
.bg-white { background-color: #fff; }

ul.default { padding-left: 20px; }
ul.decimal { list-style: decimal; }
ul.square { list-style: square; }



/* Force Imaging ----- */

.remove {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	font-size: 0.5em;
	text-align: left;
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.space { padding-top: 30px; }
.space-half { padding-top: 15px; }
.space-ptit { padding-top: 7px; }

.pt-0 { padding-top: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.row.ptit { margin-left: -7px; margin-right: -7px; }
.row.ptit > * { padding-left: 7px; padding-right: 7px; }

*[class*='in-note'] { text-align: justify; }



@media screen and (min-width:768px){
	br.hidden-xs:not(.hidden-sm) { display: inherit !important; }
	.tAc .roman, .roman.tAc { text-indent: 0.04em; }

	.space { padding-top: 45px; }
	.space-half { padding-top: 20px; }
	.space-ptit { padding-top: 10px; }
	.in-note { line-height: 2.0em; }
	.in-note-ptit { line-height: 1.7em; }
	.breadcrumbs { padding-top: 15px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	body { font-size: 0.875em; }
}

@media screen and (min-width:992px){
	br.hidden-sm { display: inherit !important; }

	.space { padding-top: 60px; }
	.space-half { padding-top: 30px; }
	.space-ptit { padding-top: 15px; }
	.breadcrumbs { padding-top: 30px; }
}

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

	.in-note { line-height: 2.5em; }
	.in-note-ptit { line-height: 2.0em; }

	br.hidden-md { display: inherit !important; }
}

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

	.row.wide { margin-left: -30px; margin-right: -30px; }
	.row.wide > * { padding-left: 30px; padding-right: 30px; }
}

@media screen and (max-width:1469px){
	/* 10px */
	[class*='font-'][class*='-xlg--3'] { font-size: 0.625em !important; }

	/* 12px */
	[class*='font-'][class*='-xlg--2'] { font-size: 0.75em !important; }

	/* 14px */
	[class*='font-'][class*='-xlg--1'] { font-size: 0.875em !important; }

	/* 16px */
	[class*='font-'][class*='-xlg-0'] { font-size: 1em !important; }

	/* 18px */
	[class*='font-'][class*='-xlg-1'] { font-size: 1.125em !important; }

	/* 21px */
	[class*='font-'][class*='-xlg-2'] { font-size: 1.3125em !important; }

	/* 24px */
	[class*='font-'][class*='-xlg-3'] { font-size: 1.5em !important; }

	/* 30px */
	[class*='font-'][class*='-xlg-4'] { font-size: 1.875em !important; }

	/* 36px */
	[class*='font-'][class*='-xlg-5'] { font-size: 2.25em !important; }

	/* 48px */
	[class*='font-'][class*='-xlg-6'] { font-size: 3em !important; }
}

@media screen and (max-width:1199px){
	/* 10px */
	[class*='font-'][class*='-xmd--3'] { font-size: 0.625em !important; }

	/* 12px */
	[class*='font-'][class*='-xmd--2'] { font-size: 0.75em !important; }

	/* 14px */
	[class*='font-'][class*='-xmd--1'] { font-size: 0.875em !important; }

	/* 16px */
	[class*='font-'][class*='-xmd-0'] { font-size: 1em !important; }

	/* 18px */
	[class*='font-'][class*='-xmd-1'] { font-size: 1.125em !important; }

	/* 21px */
	[class*='font-'][class*='-xmd-2'] { font-size: 1.3125em !important; }

	/* 24px */
	[class*='font-'][class*='-xmd-3'] { font-size: 1.5em !important; }

	/* 30px */
	[class*='font-'][class*='-xmd-4'] { font-size: 1.875em !important; }

	/* 36px */
	[class*='font-'][class*='-xmd-5'] { font-size: 2.25em !important; }

	/* 48px */
	[class*='font-'][class*='-xmd-6'] { font-size: 3em !important; }
}

@media screen and (max-width:991px){
	br.visible-sm, br.visible-sm.visible-xs { display: inherit !important; }

	#wrapper { padding-top: 55px !important; }
	body[class*='global-menu-bp__'] #wrapper { padding-top: 50px !important; }
	#outline { padding-top: 0 !important; }

	/* 10px */
	[class*='font-'][class*='-mid--3'] { font-size: 0.625em !important; }

	/* 12px */
	[class*='font-'][class*='-mid--2'] { font-size: 0.75em !important; }

	/* 14px */
	[class*='font-'][class*='-mid--1'] { font-size: 0.875em !important; }

	/* 16px */
	[class*='font-'][class*='-mid-0'] { font-size: 1em !important; }

	/* 18px */
	[class*='font-'][class*='-mid-1'] { font-size: 1.125em !important; }

	/* 21px */
	[class*='font-'][class*='-mid-2'] { font-size: 1.3125em !important; }

	/* 24px */
	[class*='font-'][class*='-mid-3'] { font-size: 1.5em !important; }

	/* 30px */
	[class*='font-'][class*='-mid-4'] { font-size: 1.875em !important; }

	/* 36px */
	[class*='font-'][class*='-mid-5'] { font-size: 2.25em !important; }

	/* 48px */
	[class*='font-'][class*='-mid-6'] { font-size: 3em !important; }
}

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

	.row-xs { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }
	.row.ptit-xs, .row-xs.ptit-xs { margin-left: -7px !important; margin-right: -7px !important; }
	.row.ptit-xs > *, .row-xs.ptit-xs > * { padding-left: 7px; padding-right: 7px; }

	/* Font Size ----- */

	/* 12px */
	.font--3 { font-size: 0.75em; }

	/* 13px */
	.font--2 { font-size: 0.815em; }

	/* 16px */
	.font-1 { font-size: 1.0em; }

	/* 18px */
	.font-2 { font-size: 1.125em; }

	/* 20px */
	.font-3 { font-size: 1.25em; }

	/* 22px */
	.font-4 { font-size: 1.375em; }

	/* 24px */
	.font-5 { font-size: 1.5em; }

	/* 36px */
	.font-6 { font-size: 1.875em; }

	/* 10px */
	[class*='font-'][class*='-min--3'] { font-size: 0.625em !important; }

	/* 12px */
	[class*='font-'][class*='-min--2'] { font-size: 0.75em !important; }

	/* 14px */
	[class*='font-'][class*='-min--1'] { font-size: 0.875em !important; }

	/* 16px */
	[class*='font-'][class*='-min-0'] { font-size: 1em !important; }

	/* 18px */
	[class*='font-'][class*='-min-1'] { font-size: 1.125em !important; }

	/* 21px */
	[class*='font-'][class*='-min-2'] { font-size: 1.3125em !important; }

	/* 24px */
	[class*='font-'][class*='-min-3'] { font-size: 1.5em !important; }

	/* 30px */
	[class*='font-'][class*='-min-4'] { font-size: 1.875em !important; }

	/* 36px */
	[class*='font-'][class*='-min-5'] { font-size: 2.25em !important; }

	/* 48px */
	[class*='font-'][class*='-min-6'] { font-size: 3em !important; }

	.tAc, .tAr { text-align: left !important; }
	br.visible-xs { display: inherit !important; }
}
