@charset "utf-8";



/*

Copyright (c) 2010, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.com/yui/license.html

version: 2.8.1

*//*

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

*/

/* ===================================================================

 style info : コンテンツエリア関係 他



fonts

 10px = 77%     11px = 85%     12px = 93%     13px = 100%

 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%

 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%

 22px = 167%    23px = 174%    24px = 182%    25px = 189%

 26px = 197%

=================================================================== */



/*----------------------------------------------------

	webフォント読み込み

----------------------------------------------------*/

/* GenEiGothicP-Gothic ゴシック */

/* Android 4.3 までのバージョンにも対応する場合 */

@font-face {

  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */

  /* font-style: "normal";*/ /* フォントスタイルの設定 */

  font-weight: 300; /* フォントウェイトの設定 */

  src: url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.woff") format("woff"),

    url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.otf") format("opentype"); /* フォントファイルの指定 */

}

@font-face {

  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */

  /* font-style: "normal";*/ /* フォントスタイルの設定 */

  font-weight: 400; /* フォントウェイトの設定 */

  src: url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.woff") format("woff"),

    url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.otf") format("opentype"); /* フォントファイルの指定 */

}

@font-face {

  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */

  /* font-style: "normal";*/ /* フォントスタイルの設定 */

  font-weight: 500; /* フォントウェイトの設定 */

  src: url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.woff") format("woff"),

    url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.otf") format("opentype"); /* フォントファイルの指定 */

}/*

@font-face {

  font-family: "GenEiGothicP-Normal"; *//* 任意の名前を設定 *//*

  font-style: "normal"; *//* フォントスタイルの設定 *//*

  font-weight: 700; *//* フォントウェイトの設定 *//*

  src: url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.woff") format("woff"),

    url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.otf") format("opentype"); *//* フォントファイルの指定 *//*

} *//*

@font-face {

  font-family: "GenEiGothicP-Normal"; *//* 任意の名前を設定 *//*

  font-style: "normal"; *//* フォントスタイルの設定 *//*

  font-weight: 800; *//* フォントウェイトの設定 *//*

  src: url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.woff") format("woff"),

    url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.otf") format("opentype"); *//* フォントファイルの指定 *//*

}

*/



/* 読み込み　参考 */

/*

.NotoSerifJP {

  font-family: 'Noto Serif Japanese', serif;

}



.NotoSansJP {

	font-family: 'Noto Sans Japanese', sans-serif;

}

*/

/*----------------------------------------------------

	共通

----------------------------------------------------*/

/* スクロールバーの有無によるズレ対策 */

html {

	overflow-y: scroll;

	font-size: 62.5%; /* sets the base font to 10px for easier math */

}

body {

	font-size: 16px;

  font-size: 1.6rem;

  font-family:"GenEiGothicP-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

  font-weight: 300;

}



input, textarea {

	font-size: 16px;

  font-size: 1.6rem;

  font-family:"GenEiGothicP-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

	font-weight: 300;

}



/* for IE6 *//*

* html body {

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

}

* html input, * html textarea {

	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

}

*/





/*

 * Form Reset

 *//*

input, button, textarea, select {

  margin: 0;

  padding: 0;

  background: none;

  border: none;

  border-radius: 0;

  outline: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}

*/

/*

 * box-sizing

 */

* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}





/* リンク

----------------------------------------------------*/

a {

	/* font-size: 16px;

  font-size: 1.6rem; */

	color: rgba(61,125,204,1);

	text-decoration: none;

	vertical-align: top;

}



a:link { text-decoration: underline; color: rgba(61,125,204,1); }



a:visited { text-decoration: underline; color: rgba(49,64,138,1); }



a:hover { text-decoration: underline; color: rgba(255,165,0,1); }



a:active { text-decoration: underline; color: rgba(131,94,191,1); }



a[href^="tel:"] { cursor: default; }



a.object-link {

  display: block;

  /* color: rgba(77,77,77,1); */

  color: rgba(22,22,22,1);

  text-decoration: none;

}



a.object-link:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

  opacity: 0.5;

}



/* よく使いそうなCSS3

----------------------------------------------------*/

#selectors {

/* 角丸 */

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;



/* 角丸個別 */

	-webkit-border-top-right-radius: 15px;

	-moz-border-radius-topright: 15px;

	border-top-right-radius: 15px;



/* ボックスに影 */

	-webkit-box-shadow: 1px 1px 3px #999;

	-moz-box-shadow: 1px 1px 3px #999;

	box-shadow: 1px 1px 3px #999;



/* テキストに影 */

	text-shadow: 1px 1px 0px #999;

}



/* 汎用

----------------------------------------------------*/

/* Text Align

 * --------------------------------------------- */

.textAlignCenter { text-align: center; }

.textAlignLeft { text-align: left !important; }

.textAlignRight { text-align: right; }



/* Float

 * --------------------------------------------- */

/* LEFT */ .floLeft { float:left; }

/* RIGHT */ .floRight { float:right; }

/* CLEAR */ .floClear { clear:both; float: none; }



/* Clearfix

 * --------------------------------------------- */

/* for modern browser */

.clearfix:after { font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both; }

/* for IE5.5-7 */

.clearfix { zoom: 1; display: inline-block; }

/* exlude MacIE5 \*/

* html .clearfix { height: 1% }

.clearfix { display: block; }

.clearboth { clear: both; }



/* Global Style

---------------------------------------------------------------- */

.align_right { float: right; }

.align_left { float: left; }



/* clerfix */

#contents:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



.clerfix:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



p,

dt,

dd,

li,

input,

textarea {

	font-size: 16px;

  font-size: 1.6rem;

	line-height: 160%;

	/* color: rgba(77,77,77,1); */

  color: rgba(22,22,22,1);

}



strong {

    font-weight: bold;

}



p.textIndent_1em {

	padding-left: 1em;

	text-indent: -1em;

}



p.textpadding_1em {

	padding-left: 1em;

}



p.textpadding_2em {

	padding-left: 2em;

}



p.caps {

	font-size: 14px;

	font-size:1.4rem;

	line-height: 120%;

}



span.caps {

	font-size: 14px;

	font-size:1.4rem;

	line-height: 120%;

}



img.verticalAlignBottom {

vertical-align: bottom;

}



.imgR {

	float: right;

	margin: 0 0 10px 10px;

}



.imgL {

	float: left;

	margin: 0 10px 10px 0;

}



.tC,

.btn {

	text-align: center;

}



.tR,

.sign {

	text-align: right;

}



sup {

	font-size: 12px;

	font-size: 1.2rem;

}



.emp {

	font-weight: bold;

}





/*

 * Accessibility

 */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

  word-wrap: normal !important;

}



.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/*----------------------------------------------------

画像

----------------------------------------------------*/

/*フルードイメージ*/

img,

iframe,

object {

    max-width: 100%;

    height: auto;

    width /****/:auto;  /*IE8のみ適用*/

    vertical-align: bottom;

}



/* --------------------------------------------------------

 Common Style

-------------------------------------------------------- */



/*	EXAMPLE STYLES */



body {

	color: rgba(72,72,72,1);

  background-image: url('../images/common/site_bg.jpg');

  background-color: rgba(106,196,241,1);

}

/*

.wrapper {

	width: 100%;

}

*/

.wideContents{

	margin: 0 auto;

	width: 100%;

}



/*	Mobile STYLES */



.mbimg_off{

	display:block;

}

.mbimg_on{

	display:none;

}



.mbcont_off{

	display:block;

}

.mbcont_on{

	display:none;

}





/*	Back to top */



#pageTop {

  position: fixed;

  bottom: 30px;

  right: 30px;

}



#pageTop a {

  display: block;

  z-index: 999;

  padding: 11px 0 0 0;

  width: 45px;

  height: 45px;

	opacity: 0.8;

}



#pageTop a img {

	width: 45px;

  height: 45px;

}



#pageTop a:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

  opacity: 0.5;

  transition: 0.5s;

}





/*--------------------------------------------------------------

# template original css

--------------------------------------------------------------*/



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #eee;

	text-decoration: none;

}



big {

	font-size: 125%;

}



blockquote {

	background: #f4f4f4;

  padding: 1em;

  margin-top: 2em;

  margin-bottom: 2em;

	overflow: hidden;

}



blockquote.alignleft,

blockquote.alignright {

	font-size: 14px;

	font-size: 0.875rem;

	width: 34%;

}



address {

	margin: 0 0 1.5em;

}



hr.wp-block-separator {

	background-color: #bbb;

	border: 0;

  border-bottom: none;

	height: 1px;

	margin-bottom: 1.5em;

}



/*--------------------------------------------------------------

# page.site

--------------------------------------------------------------*/

#page.site {

  position: relative;

}



/*--------------------------------------------------------------

# site content

--------------------------------------------------------------*/

.site-content {

}



/*--------------------------------------------------------------

# content area

--------------------------------------------------------------*/

.content-area {

}



.sticky {

  background: #f4f4f4;

  border: 1px solid #eee;

  padding: 15px;

}



.hentry {

}



/* タイトル表示 */



.hentry .entry-title {

  margin-bottom: 5.5rem;

  font-size: 38px;

  font-size: 3.8rem;

  line-height: 1.6;

  font-weight: 600;

}





.hentry .entry-meta {

  font-size: 12px;

  line-height: 1.4;

  margin-bottom: 10px;

}



.hentry .entry-meta .date,

.hentry .entry-meta .category,

.hentry .entry-meta .category-links,

.hentry .entry-meta .tag-links,

.hentry .entry-meta .author {

  margin-right: 10px;

}



.hentry .entry-thumbnail {

  margin-bottom: 10px;

}



.hentry .entry-excerpt {

  font-size: 16px;

  line-height: 1.5;

}



.hentry .read-more {

  display: inline-block;

  margin-left: 1em;

  font-size: 14px;

}



.hentry .entry-content h1,

.hentry .entry-content h2,

.hentry .entry-content h3,

.hentry .entry-content h4,

.hentry .entry-content h5,

.hentry .entry-content h6 {

  /* margin-top: 2em; */

  margin-bottom: 2em;

  /* line-height: 1.3; */

}



.hentry .entry-content h1 {

  font-size: 28px;

  font-size: 2.8rem;

}



.hentry .entry-content h2 {

  font-size: 22px;

  font-size: 2.2rem;

}



.hentry .entry-content h3 {

  font-size: 18px;

  font-size: 1.8rem;

}



.hentry .entry-content h4 {

  font-size: 16px;

  font-size: 1.6rem;

}



.hentry .entry-content h5 {

  font-size: 14px;

  font-size: 1.4rem;

}



.hentry .entry-content h6 {

  font-size: 12px;

  font-size: 1.2rem;

}



.hentry .entry-content p {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 180%;

  /* line-height: 1.7;

  margin-bottom: 2em; */

}



.hentry .entry-content blockquote {

  background: #f4f4f4;

  padding: 1em;

  margin-top: 2em;

  margin-bottom: 2em;

}



.hentry .entry-content blockquote p {

  font-size: 14px;

  font-style: italic;

}



.hentry .entry-content blockquote p:last-child {

  margin-bottom: 0;

}



.hentry .entry-content table {

  margin-bottom: 2em;

}



.hentry .entry-content table thead {

  background: #f4f4f4;

}



.hentry .entry-content table thead tr th {

  padding: 1rem;

}



.hentry .entry-content table tbody tr th {

  padding: 1rem;

}



.hentry .entry-content table tbody tr td {

  padding: 1rem;

}



.hentry .entry-content dl {

  margin-bottom: 2em;

}



.hentry .entry-content dl dt {

  font-weight: bold;

  margin-bottom: 5px;

  line-height: 1.2;

}



.hentry .entry-content dl dd {

  padding-left: 1em;

  margin-bottom: 1em;

  line-height: 1.2;

}



.hentry .entry-content ul {

  /* list-style: disc;

  padding-left: 30px; */

}



.hentry .entry-content ul li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.hentry .entry-content ul li ul {

  /* margin-bottom: 10px; */

}



.hentry .entry-content ol {

  list-style: decimal;

  padding-left: 30px;

}



.hentry .entry-content ol li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.hentry .entry-content ol li ol {

  /* margin-bottom: 10px; */

}



.hentry .entry-content pre {

  background: #f4f4f4;

  font-family: "Courier 10 Pitch", Courier, monospace;

  padding: 10px;

  overflow: auto;

  white-space: pre-wrap;

  word-wrap: break-word;

  max-width: 100%;

  overflow: auto;

}



.hentry .entry-content div {

  /* max-width: 1080px; */

  max-width: 1280px;

}



.hentry .entry-content img {

  /* max-width: 1080px; */

  max-width: 1280px;

}



.hentry .entry-content .alignleft {

  float: left;

  margin-right: 10px;

}



.hentry .entry-content .alignright {

  float: right;

  margin-left: 10px;

}



.hentry .entry-content .aligncenter {

  margin: 0 auto;

}



.hentry .entry-content .wp-caption-text {

  font-size: 12px;

}



@media (max-width: 768px) {

  .hentry .entry-content img,

  .hentry .entry-content div {

    max-width: 100%;

  }

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



/*--------------------------------------------------------------

# posts navigation & post navigation

--------------------------------------------------------------*/

.posts-navigation .nav-links,

.post-navigation .nav-links {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.posts-navigation .nav-previous,

.posts-navigation .nav-next,

.post-navigation .nav-previous,

.post-navigation .nav-next {

  width: 50%;

}



.posts-navigation .nav-previous a,

.posts-navigation .nav-next a,

.post-navigation .nav-previous a,

.post-navigation .nav-next a {

  display: inline-block;

  padding: 15px;

  background: #f4f4f4;

}



.posts-navigation .nav-next,

.post-navigation .nav-next {

  text-align: right;

}



/*--------------------------------------------------------------

# sidebar

--------------------------------------------------------------*/

.sidebar {

}



.widget {

  margin: 0 0 2em;

}



.widget-title {

  font-size: 16px;

  font-weight: bold;

  margin-bottom: .8em;

}



.widget ul {

  font-size: 14px;

}



.widget ul li {

  line-height: 2;

}



.widget ul li ul {

  padding-left: 1em;

  margin-bottom: .5em;

}



.widget select {

  width: 100%;

  border: 1px solid #eee;

  background: #f4f4f4;

  padding: 10px;

  border-radius: 5px;

  font-size: 14px;

}



/* カレンダーウィジェット */

.widget_calendar table {

  width: 100%;

}



.widget_calendar table caption {

  font-size: 14px;

  font-weight: bold;

  padding: 10px;

  background: #f4f4f4;

}



.widget_calendar table thead tr th {

  padding: 10px;

}



.widget_calendar table thead tr th[title="土曜日"], .widget_calendar table thead tr th[title="saturday"] {

  color: #53b6f3;

}



.widget_calendar table thead tr th[title="日曜日"], .widget_calendar table thead tr th[title="sunday"] {

  color: #f94c86;

}



.widget_calendar table tbody tr td {

  padding: 10px;

  text-align: center;

}



.widget_calendar table tfoot #prev a,

.widget_calendar table tfoot #next a {

  display: inline-block;

  background: #f4f4f4;

  padding: 10px;

  color: #333333;

}



.widget_calendar table tfoot #next {

  text-align: right;

}



/* 最近のコメントウィジェット */

.widget_recent_comments ul li {

  font-size: 12px;

}



.widget_recent_comments ul li a {

  /* font-size: 14px; */

}



/* RSSウィジェット */

.widget_rss ul li {

  margin-bottom: .5em;

}



.widget_rss ul li .rss-date {

  font-size: 12px;

}



.widget_rss ul li .rssSummary {

  font-size: 12px;

  line-height: 1.2;

}



.widget_rss ul li cite {

  font-style: italic;

  font-weight: bold;

  font-size: 12px;

}



/* 検索ウィジェット */

.widget_search .search-field {

  width: 80%;

  border: 1px solid #eee;

  background: white;

  padding: 10px;

  border-radius: 5px;

  font-size: 14px;

  height: 40px;

}



.widget_search .search-submit {

  background: #eee;

  width: 18%;

  height: 40px;

  border-radius: 5px;

}



/* テキストウィジェット */

.widget_text h1,

.widget_text h2,

.widget_text h3,

.widget_text h4,

.widget_text h5,

.widget_text h6 {

  margin-top: 2em;

  margin-bottom: 1em;

  line-height: 1.3;

}



.widget_text h1 {

  font-size: 28px;

  font-size: 2.8rem;

}



.widget_text h2 {

  font-size: 22px;

  font-size: 2.2rem;

}



.widget_text h3 {

  font-size: 18px;

  font-size: 1.8rem;

}



.widget_text h4 {

  font-size: 16px;

  font-size: 1.6rem;

}



.widget_text h5 {

  font-size: 14px;

  font-size: 1.4rem;

}



.widget_text h6 {

  font-size: 12px;

  font-size: 1.2rem;

}



.widget_text p {

  font-size: 16px;

  line-height: 180%;

  /* line-height: 1.7; */

  margin-bottom: 2em;

}



.widget_text blockquote {

  background: #f4f4f4;

  padding: 1em;

  margin-top: 2em;

  margin-bottom: 2em;

}



.widget_text blockquote p {

  font-size: 14px;

  font-style: italic;

}



.widget_text blockquote p:last-child {

  margin-bottom: 0;

}



.widget_text table {

  margin-bottom: 2em;

}



.widget_text table thead {

  background: #f4f4f4;

}



.widget_text table thead tr th {

  padding: 1rem;

}



.widget_text table tbody tr th {

  padding: 1rem;

}



.widget_text table tbody tr td {

  padding: 1rem;

}



.widget_text dl {

  margin-bottom: 2em;

}



.widget_text dl dt {

  font-weight: bold;

  margin-bottom: 5px;

  line-height: 1.2;

}



.widget_text dl dd {

  padding-left: 1em;

  margin-bottom: 1em;

  line-height: 1.2;

}



.widget_text ul {

  list-style: disc;

  padding-left: 30px;

}



.widget_text ul li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.widget_text ul li ul {

  /* margin-bottom: 10px; */

}



.widget_text ol {

  list-style: decimal;

  padding-left: 30px;

}



.widget_text ol li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.widget_text ol li ol {

  /* margin-bottom: 10px; */

}



.widget_text pre {

  background: #f4f4f4;

  font-family: "Courier 10 Pitch", Courier, monospace;

  padding: 10px;

  overflow: auto;

  white-space: pre-wrap;

  word-wrap: break-word;

  max-width: 100%;

  overflow: auto;

}



.widget_text div {

  max-width: 1080px;

}



.widget_text img {

  max-width: 1080px;

}



.widget_text .alignleft {

  float: left;

  margin-right: 10px;

}



.widget_text .alignright {

  float: right;

  margin-left: 10px;

}



.widget_text .aligncenter {

  margin: 0 auto;

}



.widget_text .wp-caption-text {

  font-size: 12px;

}



@media (max-width: 768px) {

  .widget_text img,

  .widget_text div {

    max-width: 100%;

  }

}



.widget_text img {

  max-width: 100%;

}



/* タグウィジェット */

.widget_tag_cloud .tagcloud a {

  display: inline-block;

  border: 1px solid #eee;

  border-radius: 5px;

  padding: 3px 5px;

  background: #f4f4f4;

  color: #333333;

  text-decoration: none;

  /* font-size: 12px !important; */

  margin-bottom: 10px;

}



/*--------------------------------------------------------------

# site footer

--------------------------------------------------------------*/

.site-footer__inner {

}



.site-footer .copyright {

}



.site-footer .copyright p {

  text-align: center;

  font-size: 12px;

  font-size: 1.2rem;

  line-height: 100%;

}



.site-footer .copyright p a {

}



/*--------------------------------------------------------------

# page header

--------------------------------------------------------------*/

.page-header {

  border: 1px solid #eee;

  padding: 30px;

  margin-bottom: 30px;

  text-align: center;

}



.page-title {

  font-size: 26px;

  line-height: 1;

}



.archive-description {

  padding-top: 15px;

  font-size: 14px;

  font-style: italic;

  color: #737373;

}



/*--------------------------------------------------------------

# 404

--------------------------------------------------------------*/

.error-404 h1,

.error-404 h2,

.error-404 h3,

.error-404 h4,

.error-404 h5,

.error-404 h6 {

  margin-top: 2em;

  margin-bottom: 1em;

  line-height: 1.3;

}



.error-404 h1 {

  font-size: 28px;

  font-size: 2.8rem;

}



.error-404 h2 {

  font-size: 22px;

  font-size: 2.2rem;

}



.error-404 h3 {

  font-size: 18px;

  font-size: 1.8rem;

}



.error-404 h4 {

  font-size: 16px;

  font-size: 1.6rem;

}



.error-404 h5 {

  font-size: 14px;

  font-size: 1.4rem;

}



.error-404 h6 {

  font-size: 12px;

  font-size: 1.2rem;

}



.error-404 p {

  font-size: 16px;

  line-height: 180%;

  /* line-height: 1.7; */

  margin-bottom: 2em;

}



.error-404 blockquote {

  background: #f4f4f4;

  padding: 1em;

  margin-top: 2em;

  margin-bottom: 2em;

}



.error-404 blockquote p {

  font-size: 14px;

  font-style: italic;

}



.error-404 blockquote p:last-child {

  margin-bottom: 0;

}



.error-404 table {

  margin-bottom: 2em;

}



.error-404 table thead {

  background: #f4f4f4;

}



.error-404 table thead tr th {

  padding: 1rem;

}



.error-404 table tbody tr th {

  padding: 1rem;

}



.error-404 table tbody tr td {

  padding: 1rem;

}



.error-404 dl {

  margin-bottom: 2em;

}



.error-404 dl dt {

  font-weight: bold;

  margin-bottom: 5px;

  line-height: 1.2;

}



.error-404 dl dd {

  padding-left: 1em;

  margin-bottom: 1em;

  line-height: 1.2;

}



.error-404 ul {

  list-style: disc;

  padding-left: 30px;

}



.error-404 ul li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.error-404 ul li ul {

  /* margin-bottom: 10px; */

}



.error-404 ol {

  list-style: decimal;

  padding-left: 30px;

}



.error-404 ol li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.error-404 ol li ol {

  /* margin-bottom: 10px; */

}



.error-404 pre {

  background: #f4f4f4;

  font-family: "Courier 10 Pitch", Courier, monospace;

  padding: 10px;

  overflow: auto;

  white-space: pre-wrap;

  word-wrap: break-word;

  max-width: 100%;

  overflow: auto;

}



.error-404 div {

  max-width: 1080px;

}



.error-404 img {

  max-width: 1080px;

}



.error-404 .alignleft {

  float: left;

  margin-right: 10px;

}



.error-404 .alignright {

  float: right;

  margin-left: 10px;

}



.error-404 .aligncenter {

  margin: 0 auto;

}



.error-404 .wp-caption-text {

  font-size: 12px;

}



@media (max-width: 768px) {

  .error-404 img,

  .error-404 div {

    max-width: 100%;

  }

}



.error-404 .search-form {

  text-align: center;

}



.error-404 .search-form .search-field {

  border: 1px solid #f4f4f4;

  border-radius: 5px;

  padding: 15px;

  font-size: 16px;

  width: 60%;

}



.error-404 .search-form .search-submit {

  background: #eee;

  height: 54px;

  padding: 15px;

  font-size: 16px;

  border-radius: 5px;

}



.error-404 ul li {

  font-size: 14px;

  margin-bottom: .5em;

}



/*--------------------------------------------------------------

# Comments

--------------------------------------------------------------*/

.comments-title {

  text-align: center;

  padding: 30px;

  font-size: 26px;

  color: #555;

  border: 1px solid #eee;

  margin-bottom: 1em;

}



.comment.parent .children {

  padding-left: 1em;

}



.comment-meta .vcard {

  margin-bottom: .5em;

}



.comment-meta .vcard .fn {

  font-size: 16px;

}



.comment-metadata {

  font-size: 12px;

  margin-bottom: 1em;

}



.comment-content h1,

.comment-content h2,

.comment-content h3,

.comment-content h4,

.comment-content h5,

.comment-content h6 {

  margin-top: 2em;

  margin-bottom: 1em;

  line-height: 1.3;

}



.comment-content h1 {

  font-size: 28px;

  font-size: 2.8rem;

}



.comment-content h2 {

  font-size: 22px;

  font-size: 2.2rem;

}



.comment-content h3 {

  font-size: 18px;

  font-size: 1.8rem;

}



.comment-content h4 {

  font-size: 16px;

  font-size: 1.6rem;

}



.comment-content h5 {

  font-size: 14px;

  font-size: 1.4rem;

}



.comment-content h6 {

  font-size: 12px;

  font-size: 1.2rem;

}



.comment-content p {

  font-size: 16px;

  line-height: 180%;

  /* line-height: 1.7; */

  margin-bottom: 2em;

}



.comment-content blockquote {

  background: #f4f4f4;

  padding: 1em;

  margin-top: 2em;

  margin-bottom: 2em;

}



.comment-content blockquote p {

  font-size: 14px;

  font-style: italic;

}



.comment-content blockquote p:last-child {

  margin-bottom: 0;

}



.comment-content table {

  margin-bottom: 2em;

}



.comment-content table thead {

  background: #f4f4f4;

}



.comment-content table thead tr th {

  padding: 1rem;

}



.comment-content table tbody tr th {

  padding: 1rem;

}



.comment-content table tbody tr td {

  padding: 1rem;

}



.comment-content dl {

  margin-bottom: 2em;

}



.comment-content dl dt {

  font-weight: bold;

  margin-bottom: 5px;

  line-height: 1.2;

}



.comment-content dl dd {

  padding-left: 1em;

  margin-bottom: 1em;

  line-height: 1.2;

}



.comment-content ul {

  list-style: disc;

  padding-left: 30px;

}



.comment-content ul li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.comment-content ul li ul {

  /* margin-bottom: 10px; */

}



.comment-content ol {

  list-style: decimal;

  padding-left: 30px;

}



.comment-content ol li {

  /* line-height: 1.3; */

  line-height: 180%;

}



.comment-content ol li ol {

  /* margin-bottom: 10px; */

}



.comment-content pre {

  background: #f4f4f4;

  font-family: "Courier 10 Pitch", Courier, monospace;

  padding: 10px;

  overflow: auto;

  white-space: pre-wrap;

  word-wrap: break-word;

  max-width: 100%;

  overflow: auto;

}



.comment-content div {

  max-width: 1080px;

}



.comment-content img {

  max-width: 1080px;

}



.comment-content .alignleft {

  float: left;

  margin-right: 10px;

}



.comment-content .alignright {

  float: right;

  margin-left: 10px;

}



.comment-content .aligncenter {

  margin: 0 auto;

}



.comment-content .wp-caption-text {

  font-size: 12px;

}



@media (max-width: 768px) {

  .comment-content img,

  .comment-content div {

    max-width: 100%;

  }

}



.no-comments {

  margin: 2em -0px;

  text-align: center;

  background: #f4f4f4;

  padding: 30px;

  border: 1px solid #eee;

}



.comment-form-comment textarea {

  width: 100% !important;

}





/*--------------------------------------------------------------

# ブロックエディタへの対応修正

--------------------------------------------------------------*/



.entry-content .wp-block-gallery ul.blocks-gallery-grid,

.entry-content ul.wp-block-gallery  {

  padding-left: 0;

}



.entry-content .wp-block-gallery ol.blocks-gallery-grid,

.entry-content ol.wp-block-gallery {

  padding-left: 0;

}



.wp-block-pullquote:before {

  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}





.hentry .entry-content .wp-block-button a.wp-block-button__link {

	/* font-size: 16px;

  font-size: 1.6rem; */

	color: rgba(255,255,255,1);

	text-decoration: none;

	vertical-align: top;

}



.hentry .entry-content .wp-block-button a.wp-block-button__link:link { text-decoration: none; color: rgba(255,255,255,1); }



.hentry .entry-content .wp-block-button a.wp-block-button__link:visited { text-decoration: none; color: rgba(255,255,255,1); }



.hentry .entry-content .wp-block-button a.wp-block-button__link:hover { text-decoration: none; color: rgba(255,255,255,1); }



.hentry .entry-content .wp-block-button a.wp-block-button__link:active { text-decoration: none; color: rgba(255,255,255,1); }



.hentry .entry-content .wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.hentry .entry-content .wp-block-cover.has-background-dim,

.hentry .entry-content .wp-block-image img {

  margin-bottom: 2rem;

}



/* font */



.hentry .entry-content .has-small-font-size {

  font-size: 13px;

  font-size: 1.3rem;

 }



.hentry .entry-content .has-regular-font-size,

.hentry .entry-content .has-normal-font-size {

  font-size: 16px;

  font-size: 1.6rem;

 }



.hentry .entry-content .has-medium-font-size {

  font-size: 20px;

  font-size: 2rem;

 }



.hentry .entry-content .has-large-font-size {

  font-size: 36px;

  font-size: 3.6rem;

 }



.hentry .entry-content .has-larger-font-size,

.hentry .entry-content .has-huge-font-size {

  font-size: 42px;

  font-size: 4.2rem;

 }



.hentry .entry-content .has-text-align-center {

  text-align: center; }



.hentry .entry-content .has-text-align-left {

  /*rtl:ignore*/

  text-align: left; }



.hentry .entry-content .has-text-align-right {

  /*rtl:ignore*/

  text-align: right; }





  /* Safari 9用 css hack */



  @supports (overflow:-webkit-marquee) and (justify-content:inherit) {

    .wp-block-gallery .blocks-gallery-image,

    .wp-block-gallery .blocks-gallery-item,

    .blocks-gallery-grid .blocks-gallery-image,

    .blocks-gallery-grid .blocks-gallery-item {

      margin: 0 16px 16px 0;

      display: flex;

      flex-grow: 1;

      flex-direction: row;

      justify-content: center;

      position: relative; }

    }





/* --------------------------------------------------------

    original wordpress css

-------------------------------------------------------- */



.hentry .entry-content img,

.hentry .entry-content iframe,

.hentry .entry-content object {

    max-width: 100%;

    height: auto;

    width /****/:auto;  /*IE8のみ適用*/

    vertical-align: bottom;

}



  hr.wp-block-separator {

    background-color: #bbb;

    border: 0;

    height: 1px;

    margin-bottom: 1.5em;

  }



/* --------------------------------------------------------

 wideImage

-------------------------------------------------------- */



#header.wideImage {

  height: auto;

	margin: 0 auto 0;

	background-position: center center;

	background-repeat: no-repeat;

  background-size: cover;

}



#localHeader.wideImage {

  height: auto;

	margin: 0 auto 0;

  background-color: rgba(25,25,25,1);

	background-position: center center;

	background-repeat: no-repeat;

  background-size: cover;

}



#footer.wideImage {

  height: auto;

	margin: 0 auto 0;

  background-position: center center;

	background-repeat: no-repeat;

  background-size: cover;

}





/* --------------------------------------------------------

 header

-------------------------------------------------------- */



#header header div#hGroup {

	margin: 0 auto;

	width: auto;

}



#header header h1 {

  margin-bottom: 2rem;

}



@media all and (-ms-high-contrast: none) {

  /* ここに書く */

  #header header h1 img {

    min-height:1px

  }

}



/*	Primary Navigation */



#header header div#pNav ul {

	width: auto;

	margin: auto;

}



#header header div#pNav ul li {

	display: inline-block;

	margin-left: 20px;

	height: auto;

}



#header header div#pNav ul li:first-child {

	margin-left: 0;

}



#header header div#pNav ul li a {

	display: block;

	height: auto;

}



#header header div#pNav ul li a:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

  opacity: 0.5;

}



#header header div#pNav ul li a img {

}





/*	Navi */



nav#site-navigation  {

  margin-bottom: 2rem;

	height: auto;

	/* background-color: rgba(0,0,0,1); */

  padding: 1rem 2rem;

  border: 5px solid rgba(153,153,153,1);

  -webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

  position: relative;

}



nav#site-navigation div.menu-global-container.gnavi  {

}



nav#site-navigation div.menu-global-container.gnavi ul {

	margin: 0 auto;

  text-align: left;

}



nav#site-navigation div.menu-global-container.gnavi ul li {

	display: inline-block;

	padding: 0;

	width: auto;

}



nav#site-navigation div.menu-global-container.gnavi ul li a {

	display: block;

	padding: 0 1rem;

	width: 100%;

	color: rgba(72,72,72,1);

	font-size: 12px;

	font-size: 1.2rem;

	text-align: center;

	text-decoration: none;

}



nav#site-navigation div.menu-global-container.gnavi ul li a:hover {

	color: rgba(229,229,229,1);

	/* filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5; */

  transition: 0.5s;

}



nav#site-navigation div.menu-global-container.gnavi ul li span.open {

	display: block;

	padding: 0;

	width: 100%;

	color: rgba(72,72,72,1);

	font-size: 18px;

	font-size: 1.8rem;

	text-align: center;

	text-decoration: none;

}



/* パンくずリスト */



.breadcrumb {

  margin: 1rem 0;

  padding-left:0;

}



.breadcrumb li {

  display:inline-block;/*横に並ぶように*/

  list-style: none;

  font-size: 14px;

  font-size: 1.4rem;

  font-weight: 300;/*太字*/

}



.breadcrumb li:after {

  /* >を表示*/

  content: '>';

  padding: 0 5px;

  color: #555;

}



.breadcrumb li:last-child:after {

  content: '';

}



.breadcrumb li a {

  text-decoration: none;

  color: gray;

  font-size: 14px;

  font-size: 1.4rem;

  font-weight: 300;/*太字*/

}

/*

.breadcrumb li:first-child a:before {

  *//*家アイコン*//*

  font-family: FontAwesome;

  content: '\f015';

  font-weight: normal;

  font-size: 1.1em;

  color: #2e7fea;

}

*/

.breadcrumb li a:hover {

  text-decoration: underline;

}







/* --------------------------------------------------------

 Contents Style

-------------------------------------------------------- */



article {

}



aside {

}

/*

.main {

	padding-top: 6rem;

}

*/



.main header {

	margin-bottom: 8rem;

}



.contents {

	width: 100%;

	/* margin: 1rem auto; */

  padding: 1rem 2rem;

}





/*	box-contents */



#header header div.box-contents,

.hentry .entry-content .box-contents {

  padding: 15px;

  border: 5px solid rgba(153,153,153,1);

  -webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

  position: relative;

}



#header header div.box-contents {

  border: 5px solid rgba(237,30,121,1);

}



.hentry .entry-content a#workshop.box-contents {

  display: block;

  border: 5px solid rgba(63,169,245,1);

  text-decoration: none;

}



.hentry .entry-content div#important.box-contents {

  border: 5px solid rgba(255,0,0,1);

  margin-bottom: 2rem;

}



.hentry .entry-content div#news.box-contents {

  border: 5px solid rgba(153,153,153,1);

  margin-bottom: 2rem;

}



.hentry .entry-content div#inquiry.box-contents {

  border: 5px solid rgba(247,147,30,1);

}



#header header div.box-contents img.dot,

#footer footer nav#site-navigation img.dot,

.hentry .entry-content h2 img.dot,

.hentry .entry-content .box-contents img.dot,

.hentry .entry-content ul#overview li a img.dot {

  width: 10px;

  height: 10px;

  position: absolute;

  z-index: 10;

}

#header header div.box-contents img.dot.dot_lt,

.hentry .entry-content .box-contents img.dot.dot_lt,

.hentry .entry-content ul#overview li a img.dot.dot_lt {

  top: 5px;

  left: 5px;

}

#header header div.box-contents img.dot.dot_rt,

.hentry .entry-content .box-contents img.dot.dot_rt,

.hentry .entry-content ul#overview li a img.dot.dot_rt {

  top: 5px;

  right: 5px;

}

#header header div.box-contents img.dot.dot_lb,

.hentry .entry-content .box-contents img.dot.dot_lb,

.hentry .entry-content ul#overview li a img.dot.dot_lb {

  bottom: 5px;

  left: 5px;

}

#header header div.box-contents img.dot.dot_rb,

.hentry .entry-content .box-contents img.dot.dot_rb,

.hentry .entry-content ul#overview li a img.dot.dot_rb {

  bottom: 5px;

  right: 5px;

}

#footer footer nav#site-navigation img.dot.dot_lc {

  top: 50%;

  -webkit-transform : translateY(-50%);

  transform : translateY(-50%);

  left: 5px;

}

#footer footer nav#site-navigation img.dot.dot_rc {

  top: 50%;

  -webkit-transform : translateY(-50%);

  transform : translateY(-50%);

  right: 5px;

}

.hentry .entry-content h2 img.dot.dot_lc {

  top: 50%;

  -webkit-transform : translateY(-50%);

  transform : translateY(-50%);

  left: 10px;

}

.hentry .entry-content h2 img.dot.dot_rc {

  top: 50%;

  -webkit-transform : translateY(-50%);

  transform : translateY(-50%);

  right: 10px;

}





/*	header */



#header header div.box-contents p {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 180%;

}



#header header div#header-02 {

  margin: 0 auto;

}





/* news */



.hentry .entry-content div#news div.news_area,.hentry .entry-content div#important div.news_area {

    height: 20rem;

    overflow-y: scroll;

}



.hentry .entry-content div#news dl {

    margin: 1rem;

}

.hentry .entry-content div#news ul {

    margin-left: 1rem;

    list-style-type: disc;

}

.hentry .entry-content div#important ul {

    margin-left: 2rem;

    list-style-type: disc;

}



/*	workshop */



.hentry .entry-content a#workshop.box-contents:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

  transition: 0.5s;

}



.hentry .entry-content a#workshop.box-contents img.workshop_image {

  width: 88%;

  position: absolute;

  bottom: 0;

  left: 10%;

  z-index: 10;

}



.hentry .entry-content a#workshop.box-contents p {

  color: rgba(0,110,165,1);

  font-size: 18px;

	font-size: 1.8rem;

  font-weight: 500;

}

.hentry .entry-content a#workshop.box-contents p span {

  color: rgba(206,9,103,1);

}





/*	youtube */



.hentry .entry-content div#youtube a:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

  transition: 0.5s;

}



/* overview */



.hentry .entry-content ul#overview {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 2rem;

}



.hentry .entry-content ul#overview li {

  width: 23.5%;

}



.hentry .entry-content ul#overview li a {

  display: block;

  padding: 23px 3px 12px 3px;

  text-align: center;

  color: rgba(0,144,100,1);

  font-weight: 500;

  border: 5px solid rgba(0,169,157,1);

  -webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

  position: relative;

  text-decoration: none;

}



.hentry .entry-content ul#overview li a.green02 {

  border: 5px solid rgba(115,188,65,1);

}



.hentry .entry-content ul#overview li a.yellow {

  border: 5px solid rgba(247,147,30,1);

}



.hentry .entry-content ul#overview li a.red {

  border: 5px solid rgba(255,0,0,1);

}



.hentry .entry-content ul#overview li a:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

  transition: 0.5s;

}



.hentry .entry-content ul#overview li a span {

  display: block;

  margin-top: 1rem;

  text-align: center;

}



/* inquiry */



.hentry .entry-content div#inquiry div.column {

  padding: 0.1rem 0.5rem;

  background-color: rgba(247,147,30,0.65);

}



.hentry .entry-content div#inquiry div.column p {

  color: rgba(22,22,22,1);

  font-weight: 500;

}



/*	Local header */



div#localHeader {

	position: relative;

}



div#localHeader div.bxslider img {

	vertical-align: bottom;

}





/*	Local Navi */



div#localHeader div#lNav {

	width: 100%;

	/* background-color: rgba(255,255,255,0.8); */

}



div#localHeader div#lNav ul {

	margin: 0 auto;

	text-align: center;

}



div#localHeader div#lNav ul li {

	display: inline-block;

	margin-bottom: 10px;

	padding-left: 25px;

	padding-right: 25px;

	width: auto;

	border-left: 1px solid rgba(72,72,72,1);

}



div#localHeader div#lNav ul li:first-child {

	padding-left: 0;

	border-left: none;

}



div#localHeader div#lNav ul li a {

	display: block;

	text-align: center;

	color: rgba(72,72,72,1);

	font-size: 18px;

	font-size: 1.8rem;

	text-decoration: none;

}



div#localHeader div#lNav ul li a:hover {

	/* color: rgba(72,72,72,1); */

	filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

  transition: 0.5s;

}





/*	header */



.hentry .entry-content h2 {

  margin: 0;

  padding: 1rem 3rem;

  background-color: rgba(206,9,103,1);

  color: rgba(255,255,255,1);

  font-size: 26px;

	font-size: 2.6rem;

  font-weight: 500;

  text-align: center;

  -webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

  position: relative;

}



.hentry .entry-content h3 {

  margin: 1rem;

  color: rgba(183,93,2,1);

  font-size: 19px;

	font-size: 1.9rem;

  font-weight: 500;

}



h4 {

}





/* Top page

----------------------------------------------------*/



/*	newsRelease */



#newsRelease {

}



.newsRelease {

}



/* --- 新着リスト --- */

#newsRelease dl.newsRelease {

width: 100%; /* 新着リストの幅 */

margin: 0;

}



/* --- 日付エリア --- */

#newsRelease dl.newsRelease dt {

width: 7.7em; /* 日付エリアの幅 */

float: left;

padding: 0 0 0 3px; /* 日付エリアのパディング（上右下左） */

border-right: 1px rgba(72,72,72,1) solid; /* 本文エリア下境界線 */

color: rgba(72,72,72,1);

}



/* --- 本文エリア --- */

#newsRelease dl.newsRelease dd {

margin: 7.7em 0;

padding: 0 3px 0 9.6em; /* 本文エリアのパディング（上右下左） */

color: rgba(204,204,204,1);

}



/* --- 角丸の一覧へのリンクボタン --- */

div.btm_newsRelease {

	margin-bottom: 100px;

}



div.btm_newsRelease a {

	display: block;

	margin: 0 auto;

	padding: 5px 20px;

	width: 145px;

	text-align: center;

	border: 1px solid rgba(72,72,72,1);

	background-color: rgba(255,255,255,1);

	color: rgba(72,72,72,1);

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	text-decoration: none;

}



div.btm_newsRelease a:hover {

	color: rgba(255,255,255,1);

	background-color: rgba(72,72,72,1);

  transition: 0.5s;

}





/* --- トップページのメインナビゲーション --- */

/*

div#mainNav ul {

	margin: 0 auto 0;

	width: 100%;

}



div#mainNav ul li {

	display: inline-block;

	margin-left: 20px;

	width: 20%;

}



div#mainNav ul li:first-child {

	margin-left: 0;

}



div#mainNav ul li a {

	display: block;

	text-align: center;

	color: rgba(72,72,72,1);

	font-size: 18px;

	font-size: 1.8rem;

	text-decoration: none;

}



div#mainNav ul li a:hover {

	filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

}



div#mainNav ul li a p {

	margin-top: 10px;

	text-align: center;

}

*/



/* SNS buttom */

/*

div.sns_btm ul {

	margin: 0 auto 0;

	width: 100%;

}



div.sns_btm ul li {

	display: inline-block;

	width: 20%;

	margin-left: 50px;

}



div.sns_btm ul li:first-child {

	margin-left: 0;

}



div.sns_btm ul li a {

	display: block;

}



div.sns_btm ul li a:hover {

	filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

}

*/





/* contents

----------------------------------------------------*/

/*

#main section {

	margin-bottom: 60px;

}



#main p {

	line-height: 180%;

}

*/

#main p.photos_before,

#main p.images_before {

	margin: 0 auto;

	text-align: center;

}



#main p.photos_after,

#main p.images_after {

	margin-top: 0;

	text-align: center;

}



.contents .chapter,

.contents.chapter {

	margin-bottom: 8rem;

}



.box-wrap.chapter {

  margin-bottom: 2rem;

}



.contents .paragraph,

.contents.paragraph {

	margin-bottom: 0;

}





/* flexbox

----------------------------------------------------*/



.box-wrap,

.box-wrap-480 {

 display: flex;

 flex-wrap: wrap;

 justify-content: space-between;

}

.box-wrap.box-no-wrap,

.box-wrap-480.box-no-wrap {

  flex-wrap:nowrap;

}

.box-wrap.box-justify-center,

.box-wrap-480.box-justify-center {

  justify-content: center;

}

.box-wrap.box-justify-start,

.box-wrap-480.box-justify-start {

 justify-content: flex-start;

}

.box-wrap.box-align-center,

.box-wrap-480.box-align-center {

  align-items: center;

}

.box-wrap.box-align-end,

.box-wrap-480.box-align-end {

  align-items: flex-end;

}

.box-wrap.box-space-around,

.box-wrap-480.box-space-around {

  justify-content: space-around;

}



.box {



}

.box.box-inline,

.box-480.box-inline {

  display: inline-block;

}

.box img,

.box-480 img {

  width: 100%;

}

.box p,

.box-480 p {

  margin: 1rem;

}





.box.width-span-15-fix,

.box-480.width-span-15-fix {

  width: 15%

}

.box.width-span-20-fix,

.box-480.width-span-20-fix {

  width: 20%

}

.box.width-span-23-fix,

.box-480.width-span-23-fix {

  width: 23%

}

.box.width-span-25-fix,

.box-480.width-span-25-fix {

  width: 24.5%

} /*

.box.width-span-25-50-fix {

  width: 24.5%

} */

.box.width-span-33-fix,

.box-480.width-span-33-fix {

  width: 33.33%

}

.box.width-span-36-fix,

.box-480.width-span-36-fix {

  width: 36%

}

.box.width-span-39-fix,

.box-480.width-span-39-fix {

  width: 39%

}

.box.width-span-40-fix,

.box-480.width-span-40-fix {

  width: 40%

}

.box.width-span-49-fix,

.box-480.width-span-49-fix {

  width: 49%

}

@media ( max-width : 768px ) {

.box.width-span-49-fix,

.box-480.width-span-49-fix {

  width: 100%

}

}

.box.width-span-50-fix,

.box-480.width-span-50-fix {

  width: 50%

}

.box.width-span-59-fix,

.box-480.width-span-59-fix {

  width: 59%

}

.box.width-span-60-fix,

.box-480.width-span-60-fix {

  width: 60%

}

.box.width-span-80-fix,

.box-480.width-span-80-fix {

  width: 80%

}

.box.width-span-85-fix,

.box-480.width-span-85-fix {

  width: 85%

}

.box.width-span-100-fix,

.box-480.width-span-100-fix {

  width: 100%

}





/* font-size

----------------------------------------------------*/



.hentry .entry-content p.font-size-small,

.widget_text p.font-size-small,

.error-404 p.font-size-small,

.comment-content p.font-size-small {

  font-size: 14px;

  font-size: 1.4rem;

  line-height: 160%

}



.hentry .entry-content p.font-size-middle,

.widget_text p.font-size-middle,

.error-404 p.font-size-middle,

.comment-content p.font-size-middle {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 160%

}





/* access_map

----------------------------------------------------*/



div.access_map {

position: relative;

padding-bottom: 56.25%;

width: 100%;

height: 0;

overflow: hidden;

}



div.access_map iframe,

div.access_map object,

div.access_map embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}





/* contact

----------------------------------------------------*/



/*	contact */



#contact .mailform dl {

	margin-bottom: 20px;

	width: 100%;

}



#contact .mailform dl dt,

#contact .mailform dl dd {

	padding: 3px;

}



#contact .mailform dl dt {

	font-weight: 400;

}



#contact .mailform dl dd {

	margin-bottom: 10px;

}



#contact .mailform dl dt span {

	color: rgba(255,0,0,1);

}



#contact .mailform dl dd input {

	padding:3px;

	width: 100%;

}



#contact .mailform dl dd input[type='text'] {

  border: 1px solid rgba(204,204,204,1);

}



#contact .mailform dl dd span.mwform-tel-field input,

#contact .mailform dl dd span.mwform-zip-field input {

	padding:3px;

	width: 80px;

}



#contact .mailform dl dd span.mwform-radio-field input,

#contact .mailform dl dd span.mwform-checkbox-field input {

	padding:3px;

	width: 20px;

}



#contact .mailform dl dd textarea {

	padding:3px;

	width: 100% !important;

	height: 15em !important;

	border: 1px solid rgba(204,204,204,1);

}



#contact .mailform dl dd input::-webkit-input-placeholder {

    color: rgba(204,204,204,1);

    font-weight: normal;

}

#contact .mailform dl dd input:-ms-input-placeholder {

    color: rgba(204,204,204,1);

    font-weight: normal;

}

#contact .mailform dl dd input::-moz-placeholder {

    color: rgba(204,204,204,1);

    font-weight: normal;

}



#contact .mailform p {

	margin-bottom: 20px;

	text-align: center;

}



#contact .mailform div.formButton {

	text-align: center;

}



/* 送信確認必要な際、ボタンを押せなくするスクリプト用CSS */

/*

input[type="submit"] {

	padding:10px;

	width: 150px;

	border-style: none;

	color: rgba(255,255,255,1);

	background-color: rgba(153,153,153,1);

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	cursor: pointer;

	margin-right: 20px;

}



input[type="submit"]:hover {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

transition: 0.5s;

}



input[type="submit"][disabled] {

background-color: rgba(204,204,204,1);

cursor: default;

}

*/

#contact .mailform input.form_button,

#contact #formWrap input.form_button {

  margin-right: 1rem;

  padding:1rem 5rem;

	border-style: none;

	color: rgba(255,255,255,1);

	background-color: rgba(204,204,204,1);

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	cursor: pointer;

}



#contact .mailform input.form_button:nth-of-type(2),

#contact #formWrap input.form_button:nth-of-type(2) {

	margin-right: 0;

}



#contact .mailform input.form_button:hover,

#contact #formWrap input.form_button:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

  transition: 0.5s;

}





/* 確認画面 */



/* 自由に編集下さい */

#formWrap {

	/* width:700px; */

  width:80%;

	margin:0 auto;

	color: rgba(72,72,72,1);

  font-size: 16px;

  font-size: 1.6rem;

	line-height:120%;

}

table.formTable{

	width:100%;

	margin:0 auto;

	border-collapse:collapse;

}

table.formTable td,table.formTable th{

	border:1px solid #ccc;

	padding:10px;

}

table.formTable th{

	width:30%;

	font-weight:normal;

	background: rgba(88,88,88,0.1);

	text-align:left;

}

p.error_messe{

	margin:5px 0;

	color: rgba(229,0,79,1);

}



input[type="submit"], input[type="reset"], input[type="button"] {

	display:inline-block;

  margin-right: 1rem;

  padding:1rem 5rem;

	border-style: none;

	color: #ffffff;

	background-color: rgba(88,88,88,0.3);

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	cursor: pointer;

  -webkit-appearance: none;

}



input[type="submit"]:nth-of-type(2),

input[type="reset"]:nth-of-type(2),

input[type="button"]:nth-of-type(2) {

	margin-right: 0;

}



input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {

  filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

}





/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/

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

#formWrap {

	width:95%;

	margin:0 auto;

}

table.formTable th, table.formTable td {

	width:auto;

	display:block;

}

table.formTable th {

	margin-top:5px;

	border-bottom:0;

}

input[type="submit"], input[type="reset"], input[type="button"] {

	display:inline-block;

	/* width:100%;

	height:40px; */

}

}





/* List

----------------------------------------------------*/



.contents div.basicList_line dl:after,

.contents dl.basicList_line:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



.contents div.basicList_line,

.contents dl.basicList_line {

	margin-bottom: 50px;

}



.contents div.basicList_line dt,

.contents dl.basicList_line dt {

float:left;

width:15rem;

padding-left: 3rem;

padding-top:15px;

padding-bottom:15px;

padding-right:0;

font-weight: 500;

line-height: 160%;

}



.contents div.basicList_line dd,

.contents dl.basicList_line dd {

padding-left:15rem;

border-bottom:1px solid rgba(204,204,204,1);

padding-top:15px;

padding-bottom:15px;

line-height: 160%;

}



.contents div.basicList_line dd:nth-of-type(1),

.contents dl.basicList_line dd:nth-of-type(1) {

border-top:1px solid rgba(204,204,204,1);

}





.contents dl.commentList:after {

content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



.contents dl.commentList {

}



.contents dl.commentList dt {

float:left;

width:1.6rem;

line-height: 180%;

}



.contents dl.commentList dd {

padding-left:1.6rem;

line-height: 180%;

}





.contents div.basicList dl:after,

.contents dl.basicList:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



.contents div.basicList dl dt,

.contents dl.basicList dt {

	float:left;

	width: 1.6rem;

  line-height: 180%;

}



.contents div.basicList dl dd,

.contents dl.basicList dd {

	padding-left: 1.6rem;

  line-height: 180%;

}





/* table

----------------------------------------------------*/



table { border: none; }

table { margin: 0; padding: 0; }

table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing:0; }

table td { vertical-align: middle; }





/* lineTable */



table.lineTable {

 width: 100%;

 margin: 0;

 line-height: normal;

}



table.lineTable th.textAlignCenter,

table.lineTable td.textAlignCenter {

	text-align: center;

}



div.responsive-table table.lineTable {

}



table.lineTable caption {

}



table.lineTable.tableLine_right {

  border-right:  1px solid #999999;

}



table.lineTable thead th {

 background: none;

 font-weight: bold;

 padding: 15px;

 text-align: center;

 border-top: 1px solid #999999;

 border-bottom:  1px solid #999999;

 border-left: none;

 border-right: none;

 color:#484848;

}



table.lineTable th {

	background: none;

  font-weight: normal;

  padding: 15px;

  text-align: left;

  border-top: 1px solid #999999;

  border-bottom: 1px solid #999999;

	border-left: none;

  border-right: none;

  color:#484848;

}



table.lineTable td {

	background: none;

	font-weight: normal;

  padding: 15px;

  text-align: left;

	border-top: none;

  border-bottom: 1px solid #999999;

	border-left: none;

  border-right: none;

  color:#484848;

}



table.lineTable tr th:first-child {

	border-top: 1px solid #999999;

}





/* formTable */



.hentry .entry-content #formWrap table.formTable {

  width: 100%;

}



.hentry .entry-content #formWrap table.formTable th {

  padding: 1rem;

  width: 30%;

  border: 1px solid rgba(203,203,203,1);

  background-color: rgba(0,0,0,0.1);

}



.hentry .entry-content #formWrap table.formTable td {

  padding: 1rem;

  width: 70%;

  border: 1px solid rgba(203,203,203,1);

  background-color: rgba(255,255,255,1);

}



/*

.hentry .entry-content table thead tr th,

.hentry .entry-content table tbody tr th,

.hentry .entry-content table tbody tr td {

  font-size: 14px;

  font-size: 1.4rem;

}



.widget_text table thead tr th,

.widget_text table tbody tr th,

.widget_text table tbody tr td {

  font-size: 14px;

  font-size: 1.4rem;

}



.error-404 table thead tr th,

.error-404 table tbody tr th,

.error-404 table tbody tr td {

  font-size: 14px;

  font-size: 1.4rem;

}



.comment-content table thead tr th,

.comment-content table tbody tr th,

.comment-content table tbody tr td {

  font-size: 14px;

  font-size: 1.4rem;

}

*/



col.width_10{

	width:10%;

}

col.width_20{

	width:20%;

}

col.width_30{

	width:30%;

}

col.width_40{

	width:40%;

}

col.width_50{

	width:50%;

}

col.width_60{

	width:60%;

}

col.width_70{

	width:70%;

}

col.width_80{

	width:80%;

}

col.width_90{

	width:90%;

}



/* --------------------------------------------------------

 Wordpress

-------------------------------------------------------- */



/* 404 */



#primary main .error-404,

#primary main .search,

#primary main .single,

#primary main .archive {

  padding-top: 8rem;

}





/* Contact WordPress

----------------------------------------------------*/



#contact.confirm .mw_wp_form dl dt,

#contact.confirm .mw_wp_form dl dd {

  padding: 5px;

}



#contact.confirm .mw_wp_form dl dd {

	margin-bottom: 0;

}



#contact.confirm .mw_wp_form dl:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



#contact.confirm .mw_wp_form dl {

	margin-bottom: 50px;

}



#contact.confirm .mw_wp_form dl dt {

float:left;

width:23rem;

padding-left: 3rem;

padding-top:15px;

padding-bottom:15px;

padding-right:0;

font-weight: 500;

}



#contact.confirm .mw_wp_form dl dd {

padding-left:23rem;

border-bottom:1px solid #ccc;

padding-top:15px;

padding-bottom:15px;

}



#contact.confirm .mw_wp_form dl dd:nth-of-type(1) {

border-top:1px solid #ccc;

}





/* --------------------------------------------------------

 footer

-------------------------------------------------------- */



footer {

}



footer div#fGroup {

	margin: auto;

	width: auto;

}



footer div#fGroup p {

	text-align: center;

}



/* footer Navi */



footer div#fnavi ul.fnavi {

	margin: 0 ;

	text-align: center;

}



footer div#fnavi ul.fnavi li {

	display: inline-block;

	margin-bottom: 1rem;

}



footer div#fnavi ul.fnavi li a {

  padding: 0 1rem;

	color: rgba(72,72,72,1);

	font-size: 14px;

	font-size: 1.4rem;

	border-left: 1px solid rgba(72,72,72,1);

  text-decoration: none;

}



footer div#fnavi ul.fnavi li:first-child a {

	border-left: none;

}



footer div#fnavi ul.fnavi li a:hover {

	filter:alpha(opacity=50);

	-moz-opacity: 0.5;

	opacity: 0.5;

  transition: 0.5s;

}



footer div.footer_logo {

  width: 80px;

  height: 21px;

}



/* copyright */



footer div#copyright p {

  font-size: 12px;

	font-size: 1.2rem;

	text-align: center;

}





@media all and (min-width: 1280px) {



	.wideContents {

		margin: 0 auto;

		width: 100%;

	}



}



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



}



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



  /* header */



  #header header div#header-02 {

    width: 80%;

  }



/* nav */



  nav#site-navigation div.menu-global-container.gnavi ul li {

  	display: inline-block;

    width: 50% !important;

  	padding: 0;

  	width: auto;

  }



  nav#site-navigation div.menu-global-container.gnavi ul li a {

  	display: block;

  	padding: 0.5rem 1rem;

  	width: 100%;

  	color: rgba(72,72,72,1);

  	font-size: 14px;

  	font-size: 1.4rem;

  	text-align: left;

  	text-decoration: none;

  }



  nav#site-navigation div.menu-global-container.gnavi ul li a:before {

    margin-right: 5px;

    color: rgba(72,72,72,1);

    font-family: "FontAwesome";

    content: '\f105';

  }



/*

	.contents {

    width: 96%;

		margin: 1rem auto;

	}

*/

  /*	photos images */



	#main p.photos_before,

	#main p.images_before {

		margin: 0 auto 20px;

		text-align: center;

	}



	#main p.photos_after,

	#main p.images_after {

    margin: 20px auto 0;

		text-align: center;

	}



  /* Mobile STYLES */



	.mbimg_off{

		display:none;

	}

	.mbimg_on{

		display:block;

	}



	.mbcont_off{

		display:none;

	}

	.mbcont_on{

		display:block;

	}



  /* contents */



  .contents .paragraph,

  .contents.paragraph {

  	margin-bottom: 2rem;

  }



  .contents #workshop.paragraph {

  	margin-bottom: 0;

  }



  /* flexbox */



  .box-wrap{

   display: block;

   /* flex-wrap:wrap;

   justify-content: space-between; */

  }

/*

  .box-wrap .box.width-span-25-50-fix {

   display: flex;

  }

*/



  .box{

  }



  .box.width-span-15-fix {

    width: 100%

  }

  .box.width-span-20-fix {

    width: 100%

  }

  .box.width-span-23-fix {

    width: 100%

  }

  .box.width-span-25-fix {

    width: 100%

  } /*

  .box.width-span-25-50-fix {

    width: 49.5%

  } */

  .box.width-span-33-fix {

    width: 100%

  }

  .box.width-span-36-fix {

    width: 100%

  }

  .box.width-span-39-fix {

    width: 100%

  }

  .box.width-span-40-fix {

    width: 100%

  }

  .box.width-span-50-fix {

    width: 100%

  }

  .box.width-span-59-fix {

    width: 100%

  }

  .box.width-span-60-fix {

    width: 100%

  }

  .box.width-span-80-fix {

    width: 100%

  }

  .box.width-span-85-fix {

    width: 100%

  }



  /* table */



	div.dataTable table th{

		padding: 6px;

	}

	div.dataTable table td{

		padding: 6px;

	}



  /* footer */



  footer div.footer_logo {

    margin: 1rem auto 0;

    width: 173px;

    height: 45px;

  }



}



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



  /* workshop */



  .hentry .entry-content a#workshop.box-contents p {

    font-size: 16px;

  	font-size: 1.6rem;

  }



}



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



  p,

  a,

  dt,

  dd,

  li,

  input,

  textarea {

  	font-size: 14px;

    font-size: 1.4rem;

    line-height: 180%;

  }





    .hentry .entry-content p {

      font-size: 14px;

      font-size: 1.4rem;

      line-height: 180%;

    }



    .hentry .entry-content blockquote p {

      font-size: 14px;

      font-style: italic;

    }



    .widget_text p {

      font-size: 14px;

      font-size: 1.4rem;

      line-height: 180%;

    }



    .widget_text blockquote p {

      font-size: 14px;

      font-style: italic;

    }



    .error-404 p {

      font-size: 14px;

      font-size: 1.4rem;

      line-height: 180%;

    }



    .error-404 blockquote p {

      font-size: 14px;

      font-style: italic;

    }



    .comment-content p {

      font-size: 14px;

      font-size: 1.4rem;

      line-height: 180%;

    }



    .comment-content blockquote p {

      font-size: 14px;

      font-style: italic;

    }



    .hentry .entry-content pre {

      font-size: 14px;

      font-size: 1.4rem;

    }



    /* header */



    #header header div#header-02 {

      width: 100%;

    }



    /* List */



    .contents div.basicList_line dt,

    .contents dl.basicList_line dt {

      width:11rem;

    }



    .contents div.basicList_line dd,

    .contents dl.basicList_line dd {

    padding-left:11rem;

    }



    /* table */



    .hentry .entry-content table thead tr th,

    .hentry .entry-content table tbody tr th,

    .hentry .entry-content table tbody tr td {

      font-size: 12.5px;

      font-size: 1.25rem;

    }



    .widget_text table thead tr th,

    .widget_text table tbody tr th,

    .widget_text table tbody tr td {

      font-size: 12.5px;

      font-size: 1.25rem;

    }



    .error-404 table thead tr th,

    .error-404 table tbody tr th,

    .error-404 table tbody tr td {

      font-size: 12.5px;

      font-size: 1.25rem;

    }



    .comment-content table thead tr th,

    .comment-content table tbody tr th,

    .comment-content table tbody tr td {

      font-size: 12.5px;

      font-size: 1.25rem;

    }





    /* header */



    #header header div.box-contents p {

      font-size: 14px;

      font-size: 1.4rem;

      line-height: 180%;

    }



    /* nav */



    nav#site-navigation div.menu-global-container.gnavi ul li {

      width: 100% !important;

    }



    /* flexbox */



    .box-wrap-480 {

     display: block;

     /* flex-wrap:wrap;

     justify-content: space-between; */

    }



    .box-480{

    }



    .box-480.width-span-15-fix {

      width: 100%

    }

    .box-480.width-span-20-fix {

      width: 100%

    }

    .box-480.width-span-23-fix {

      width: 100%

    }

    .box-480.width-span-25-fix {

      width: 100%

    } /*

    .box-480.width-span-25-50-fix {

      width: 49.5%

    } */

    .box-480.width-span-33-fix {

      width: 100%

    }

    .box-480.width-span-36-fix {

      width: 100%

    }

    .box-480.width-span-39-fix {

      width: 100%

    }

    .box-480.width-span-40-fix {

      width: 100%

    }

    .box-480.width-span-50-fix {

      width: 100%

    }

    .box-480.width-span-59-fix {

      width: 100%

    }

    .box-480.width-span-60-fix {

      width: 100%

    }

    .box-480.width-span-80-fix {

      width: 100%

    }

    .box-480.width-span-85-fix {

      width: 100%

    }



    /* h */



    .hentry .entry-content h2 {

      font-size: 22px;

    	font-size: 2.2rem;

    }



    /* contents */



    .contents #workshop.paragraph {

    	margin-bottom: 2rem;

    }



    /* workshop */



    .hentry .entry-content a#workshop.box-contents p {

      margin-bottom: 6rem;

      font-size: 16px;

    	font-size: 1.6rem;

    }



    /* overview */



    .hentry .entry-content ul#overview li {

      width: 48%;

    }



    .hentry .entry-content ul#overview li:nth-of-type(1),

    .hentry .entry-content ul#overview li:nth-of-type(2) {

      margin-bottom: 2rem;

    }



  /* contact */



  #contact .mailform dl dd span.mwform-tel-field input,

  #contact .mailform dl dd span.mwform-zip-field input {

  	padding:3px;

  	width: 28%;

  }



}



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



}



/* No.0025012-137 start */

.dis-pc {

  display: block;

}

.dis-sp {

  display: none;

}

.body-0025012-137 {

  font-family: 'BIZ UDPGothic';

  background: #DCEAF7;

}

.body-0025012-137 .container {

  width: 100%;

  max-width: none;

  padding: 0;

  background: #DCEAF7;

}

/* header */

.body-0025012-137 #header {

  background: url('../img/bg_0025012-137_pc_bg1.png') no-repeat;

  background-position: center;

  background-size: cover;

}

.body-0025012-137 #header .header-text {

  position: relative;

  width: 100%;

  max-width: 1280px;

  padding-left: 12px;

  padding-top: 10px;

  margin: 0 auto;

}

.body-0025012-137 #header .header-text .logo {

  position: absolute;

  top: 5px;

  right: 5px;

  width: 185px;

}

/* contents */

.body-0025012-137 .container #contents {

  width: 100%;

  max-width: 1280px;

  min-height: calc(100vh - 224px);

  padding: 20px 12px;

  margin: 0 auto;

}

.body-0025012-137 #contents-main {

  display: flex;

  gap: 12px;

}

.body-0025012-137 #contents-main .left {

  flex: 1;

}

.body-0025012-137 #contents-main .left .top {

  display: flex;

}

.body-0025012-137 #contents-main .left .left-con {

  width: 414px;

}

.body-0025012-137 #contents-main .left .left-con ul {

  display: flex;

  margin-bottom: 10px;

}

.body-0025012-137 #contents-main .left .left-con ul li {

  height: 168px;

}

.body-0025012-137 #contents-main .left .left-con ul li img {

  width: 100%;

  height: 100%;

}

.body-0025012-137 #contents-main .left .right-con {

  flex: 1;

}

.body-0025012-137 #contents-main .left .topics {

  height: 160px;

}

.body-0025012-137 #contents-main .left .topics p.title {

  font-size: 24px;

  line-height: 32px;

  font-weight: bold;

}

.body-0025012-137 #contents-main .left .topics .topics-list {

	text-shadow: 

							-1px -1px 0 white,

							1px -1px 0 white,

							-1px 1px 0 white,

							1px 1px 0 white;

  height: calc(100% - 34px);

  overflow-y: scroll;

  margin-top: 4px;

  margin-left: 4px;

}

.body-0025012-137 #contents-main .left .topics .topics-list::-webkit-scrollbar {

  width: 8px;

}

.body-0025012-137 #contents-main .left .topics .topics-list::-webkit-scrollbar-track {

  border-radius: 4px;

  border: 1px solid #002061;

}

.body-0025012-137 #contents-main .left .topics .topics-list::-webkit-scrollbar-thumb {

  background: #002061;

  border-radius: 4px;

}

.body-0025012-137 #contents-main .left .topics .topics-list dl {

  display: flex;

  gap: 8px;

  padding-right: 8px;

  margin-top: 4px;

}

.body-0025012-137 #contents-main .left .topics .topics-list dl dt,

.body-0025012-137 #contents-main .left .topics .topics-list dl dd {

  color: #002061;

  font-weight: bold;

}

.body-0025012-137 #contents-main .left .topics .topics-list dl dt {

  width: 105px;

  flex-shrink: 0;

}

.body-0025012-137 #contents-main .left .right-con ul {

  display: flex;

  margin-top: 17px;

}

.body-0025012-137 #contents-main .left .right-con ul li {

  flex: 1;

}

.body-0025012-137 #contents-main .left .bottom {

  display: flex;

  margin-top: 10px;

}

.body-0025012-137 #contents-main .left .bottom li {

  width: 19.5%;

  max-width: 194px;

}

.body-0025012-137 #contents-main .right {

  width: 18.2%;

}

.body-0025012-137 #contents-main .right .bg-style {

  padding: 10px;

  background-color: #FFFFFF;

  border-radius: 10px;

  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.37);

  margin-bottom: 5px;

  margin-top: 6px;

}

.body-0025012-137 #contents-main .right .bg-style .pitch85 {

  display: inline-block;

  margin-top: 5px;

}

.body-0025012-137 #contents-main .right .bg-style .pitch24 {

  display: inline-block;

  margin-top: 3px;

}

/* footer */

.body-0025012-137 #footer ul {

  display: flex;

  justify-content: center;

  gap: 40px;

  padding: 16px 0 15px;

  background-color: #002061;

}

.body-0025012-137 #footer ul a {

  color: #FFFFFF;

}



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

  .dis-sp {

    display: block;

  }

  .dis-pc {

    display: none;

  }

  .body-0025012-137 #header .header-text {

    padding-top: 5px;

  }

  .body-0025012-137 #header .header-text img {

    margin: 0 auto;

  }

  .body-0025012-137 .container #contents {

    max-width: 375px;

  }

  .body-0025012-137 #contents-main {

    flex-direction: column;

    gap: 15px;

  }

  .body-0025012-137 #contents-main .left .top {

    flex-direction: column;

    gap: unset;

  }

  .body-0025012-137 #contents-main .left .topics {

    height: 169px;

    margin-bottom: 20px;

  }

  .body-0025012-137 #contents-main .left .topics .topics-list {

    height: calc(100% - 32px);

  }

  .body-0025012-137 #contents-main .left .left-con {

    width: 100%;

  }

  .body-0025012-137 #contents-main .left .left-con ul li {

    height: 136px;

  }

  .body-0025012-137 #contents-main .left .left-con ul li:last-child {

    width: 44.5%;

    max-width: 148px;

  }

  .body-0025012-137 #contents-main .left .left-con ul li img {

    width: auto;

  }

  .body-0025012-137 #contents-main .left .right-con ul {

    margin-top: 5px;

  }

  .body-0025012-137 #contents-main .left .bottom {

    flex-wrap: wrap;

    gap: 15px 0;

    margin-top: 5px;

  }

  .body-0025012-137 #contents-main .left .bottom li {

    width: 50%;

    height: 105px;

  }

  .body-0025012-137 #contents-main .right {

    display: flex;

    gap: 15px;

    width: 100%;

    margin-top: 2px;

  }

  .body-0025012-137 #contents-main .right .bg-style {

    width: 44.6%;

    margin-bottom: 0;

    margin-top: 2px;

    margin-left: 7px;

  }

  .body-0025012-137 #contents-main .right .w48 {

    width: 48%;

  }

  .body-0025012-137 #footer ul {

    flex-wrap: wrap;

    gap: 0 14px;

    padding: 8px 12px;

  }

  .body-0025012-137 #footer ul a {

    font-size: 12px;

  }

}



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

  .body-0025012-137 #header {

    background: url('../img/bg_0025012-137_sp_bg1.png') no-repeat;

    background-position: center;

    background-size: cover;

  }

}



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

  .body-0025012-137 #contents-main .right {

    margin-top: 0;

  }

}



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

  .body-0025012-137 #contents-main,

  .body-0025012-137 #contents-main .left .bottom {

    gap: 0;

  }

  

}

/* No.0025012-137 end */