@charset "UTF-8";

/* -----------------------------------------------------------------------------------------
                                          初期設定
----------------------------------------------------------------------------------------- */

html, body {
	height: 100%;
}

img {
	margin: 0px;
	border: none;
}

body {
	margin:                   0px;
	font-family:              'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:                10px; /*62.5%*/
	line-height:              1.5;
	letter-spacing:           0;
	-webkit-text-size-adjust: 100%; /* スマホを横向きにすると文字が余計に拡大されるのを防ぐ */
	color:                    #4D4D4D;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.0rem;
}

/* =10px */

p {
	font-size:     1.4rem;
	text-align:    justify; /*  両端揃え設定 */
	text-justify:  distribute; /*  両端揃え設定 */
	margin-bottom: 1em;
}


p.overflow {
	overflow: hidden;
}


/* -----------------------------------------------------------------------------------------
                                          img要素のディセンダー削除
----------------------------------------------------------------------------------------- */
img {
	vertical-align: middle;
}


/* -----------------------------------------------------------------------------------------
                                          リンクテキストのアウトラインを消去
----------------------------------------------------------------------------------------- */

a {
	outline: none;
}

:focus {
	outline: 0;
}

/* -----------------------------------------------------------------------------------------
                                          フォームのボタンのクリック時の点線を消去
----------------------------------------------------------------------------------------- */
/* Firefox */

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
	border: 0px;
}

/* IE8で内側の点線を消す */
input {
	outline: none;
}


/* -----------------------------------------------------------------------------------------
                                          								clearFix
----------------------------------------------------------------------------------------- */
.cf:after {
	content: "";
	display: table;
	clear:   both;
}

/* -----------------------------------------------------------------------------------------
       iPhoneでリンククリック（タップ）時に表示される薄い灰色の背景色を消す
----------------------------------------------------------------------------------------- */
a {
	/* 	-webkit-tap-highlight-color: transparent; */
	-webkit-tap-highlight-color: rgba(255, 255, 255, .2);

}


/* -----------------------------------------------------------------------------------------
                                          								初期レイアウト
----------------------------------------------------------------------------------------- */
/* コンテナ 高さ100% */
div#container {
	min-height: 100%;
}

/* IE6 */
* html div#container {
	height: 100%;
}


section {
	width:         100%;
	margin-bottom: 80px;
}

#side > section {
	width:         100%;
	margin-bottom: 40px;
}


article {
	width:     94%;
	max-width: 1000px;
	margin:    0 auto 80px auto;
}


#content-wrap article {
	width: 100%;
}

#side > section.banner {
	margin-bottom: 20px;
}

section.info-bg,
article:last-of-type {
	margin-bottom: 0;
}


div#lang {
	padding: .5em 1em;
}

div#lang ul {
	text-align: right;
	font-size:  1.4rem;
}

div#lang ul li {
	display:      inline;
	margin-right: 1em;
}

div#lang ul li a {
	color:           #4d4d4d;
	text-decoration: none;
}

ul.language-chooser li.active {
	opacity: 0.8;
}

ul.language-chooser li:hover {
	opacity:         1;
	text-decoration: underline
}

img {
	box-shadow:     none;
	vertical-align: middle;
	display:        initial;
}

.qtranxs_flag {
	height:  12px;
	width:   18px;
	display: block;
}

.qtranxs_flag_and_text {
	padding-left: 20px;
}

.qtranxs_flag span {
	display: none;
}


header h1 a {
	width:             95px;
	height:            157px;
	display:           block;
	margin:            0 auto 40px;
	text-indent:       -9999px;
	overflow:          hidden;
	background-image:  url(../images/common/logo.png);
	background-repeat: no-repeat;
	background-size:   cover;
}


#wrapper {
	padding-top: 288px;
	width:       100%;
}


div#footer-area {
	width:            100%;
	background-color: #C1272D;
	color:            #fff;
}


footer {
	width:     94%;
	max-width: 1000px;
	margin:    0 auto;
	padding:   40px 0;
}

/*footer h1 a {
	width:             199px;
	height:            116px;
	display:           block;
	float:             left;
	margin-right:      4%;
	text-indent:       -9999px;
	overflow:          hidden;
	background-image:  url(../images/common/logo-footer.png);
	background-repeat: no-repeat;
	background-size:   cover;
	margin-bottom:     40px;
}

footer dl {
	float:         left;
	margin-right:  4%;
	margin-bottom: 40px;
}

footer dl dt {
	font-size:   1.6rem;
	font-weight: bold;
}

footer dl dd {
	font-size: 1.4rem;
}

footer dl dd span {
	font-size:    3.4rem;
	font-weight:  normal;
	padding-left: .25em;
	font-weight:  bold;
}

footer hr {
	border-width:  1px 0 0 0; !* 太さ *!
	border-style:  solid; !* 線の種類 *!
	border-color:  #fff; !* 線の色 *!
	height:        1px; !* IE6用対策 *!
	clear:         both; !* IE6用対策 *!
	margin-bottom: 40px;
}

footer .f-nav2,
footer .f-nav {
	font-size:    1.3rem;
	float:        left;
	margin-right: 3.5%;
}

footer .f-nav2:last-of-type {
	margin-right: 0;
}

footer .f-nav h2 {
	margin-bottom:       1em;
	background-image:    url(../images/common/border-white.png);
	background-position: left bottom;
	background-repeat:   no-repeat;
	padding-bottom:      4px;
}

footer .f-nav2 ul li,
footer .f-nav ul li {
	margin-bottom: .75em;
}

footer .f-nav2 ul li:last-child,
footer .f-nav ul li:last-child {
	margin-bottom: 0;
}

footer .f-nav2 ul li a,
footer .f-nav ul li a {
	color:           #fff;
	text-decoration: none;
}

footer .f-nav2 ul li a:hover,
footer .f-nav ul li a:hover {
	text-decoration: underline;
}*/

.d-md-none {
	display: none;
}
@media screen and (max-width: 768px) {
	#footer-area .d-md-none {
		display: block;
	}
	#footer-area .d-none {
		display: none;
	}
}

.contact-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.contact-content .col {
	width: 100%;
	text-align: center;
	max-width: 250px;
	margin-top: 20px;
}
.contact-content .col .icon-area {
	height: 100px;
	box-sizing: border-box;
}
.contact-content .col .icon-area.logo {
	padding: 1em;
}
.contact-content .col .icon-area img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.contact-content .col p{
	text-align: center;
	margin-top: 20px;
	font-size: 1.5em;
	font-weight: bold;
}
.contact-content .col i{
	font-size: 50px;
	margin: 25px 0;
}
.footer-message h2.info-title {
	margin-bottom: 10px;
}
.footer-message h2.info-title span{
	background-color: #C1272D;
	background-image: none;
}

.contact-content a:link{
	color: white;
	text-decoration: none;
}

p#copyright {
	background-color: #3F0509;
	text-align:       center;
	font-size:        1.3rem;
	padding:          1em 0;
	margin-bottom:    0;
}

/* コンテンツレイアウト設定 */

#content-wrap {
	width:     100%;
	max-width: 1000px;
	margin:    0 auto 80px;
}

/*#content-wrap #content {
	width: 71.5%;
	max-width: 715px;
	float: left;
}*/

#content-wrap #side {
	width:     23.5%;
	max-width: 235px;
	float:     right;
}

#content img{
	max-width: 100%;
	height: auto;
}

#content .wp-caption {
	max-width: 100%;
}

/* -----------------------------------------------------------------------------------------
                                         コンテンツ メインイメージ
----------------------------------------------------------------------------------------- */

div#main-image {
	width:         100%;
	max-height:    150px;
	margin-bottom: 80px;
	overflow:      hidden;
}

div#main-image img {
	width:  100%;
	height: auto;
}


/* -----------------------------------------------------------------------------------------
                                         ページトップ
----------------------------------------------------------------------------------------- */
#page-top {
	position: fixed;
	bottom:   10%;
	right:    5%;
	z-index:  999;
}

#page-top a {
	background-color:      #63420B;
	width:                 60px;
	height:                55px;
	text-align:            center;
	display:               block;
	border-radius:         50%;
	-moz-border-radius:    50%;
	-webkit-border-radius: 50%;
	opacity:               .5;
	color:                 #fff;
	font-size:             3.0rem;
	padding-top:           5px;
	border:                solid 2px #FFF;
	-webkit-transition:    all 0.5s ease 0s;
	-o-transition:         all 0.5s ease 0s;
	transition:            all 0.5s ease 0s;
}

#page-top a:hover {
	background-color: #C1272D;
	opacity:          1;
}


/* -----------------------------------------------------------------------------------------
                                         パンくず
----------------------------------------------------------------------------------------- */

#lNav {
	width:            100%;
	text-align:       center;
	background-color: #C1272D;
	padding:          1rem 0;
}

#lNav ul li {
	/* liを横並び＆ブレットを消す */
	display:         inline;
	list-style-type: none;
	font-size:       1.3rem;
	line-height:     2;
	color:           #fff;
	margin: 0 0.5rem;
}

#lNav ul li a {
	color:              #fff;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition:      all 0.5s ease 0s;
	transition:         all 0.5s ease 0s;
	text-decoration: none;
}
#lNav ul li.current_page_item a, #lNav ul li.current-cat a {
	border-bottom: 2px solid #F7D4B5;
	padding-bottom: 2px;
}

#lNav ul li a:hover {
	color: #F7D4B5;
}

#lNav ul li:hover:before {
	color: #fff;
}


/* -----------------------------------------------------------------------------------------
                                          ページャー設定
----------------------------------------------------------------------------------------- */

.pagination {
	clear:       both;
	padding:     20px 0;
	position:    relative;
	font-size:   11px;
	line-height: 13px;
}

.pagination span, .pagination a {
	display:         block;
	float:           left;
	margin:          2px 2px 2px 0;
	padding:         6px 9px 5px 9px;
	text-decoration: none;
	width:           auto;
	color:           #fff;
	background:      #b9b9b9;
}

.pagination a:hover {
	color:            #fff;
	background-color: #C1272D;
}

.pagination .current {
	padding:    6px 9px 5px 9px;
	background: #C1272D;
	color:      #fff;
}


/* -----------------------------------------------------------------------------------------
                                          個別ページのページャー設定
----------------------------------------------------------------------------------------- */
.left {
	float: left;
}

.right {
	float:      right;
	text-align: right;
}


.navigation {
	font-size:     1.3rem;
	overflow:      hidden;
	margin-top:    40px;
	margin-bottom: 80px;
	border-top:    1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	background:    url(../images/common/bg-pager.png) repeat-y 50% 0;
}

.navigation > div {
	width: 50%;
}

.navigation .alignright {
	text-align: right;
}

.navigation .alignleft {
	text-align: left;
}

.navigation a {
	display: block;
	padding: 1em;
	border:  none;
	color:   #666;
}

.navigation a:hover {
	background-color: rgba(190, 136, 21, 0.1);
	color:            #C1272D;
}

.navigation .alignright a:hover {
	border-left: 1px solid #E5D6C3;
}


/* -----------------------------------------------------------------------------------------
                                        テーブル書式
----------------------------------------------------------------------------------------- */

.table {
	font-size:             1.4rem;
	width:                 100%;
	margin-bottom:         40px;
	border-spacing:        0;
	border-collapse:       separate;
	border:                1px solid #D4D4D4;
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	-o-border-radius:      6px;
	border-radius:         6px;
	box-shadow:            0 1px 1px #CCC;
}


.table caption {
	font-size:     1.4rem;
	margin-bottom: 10px;
}

.table caption:before {
	content: "● ";
}


.table th,
.table td {
	padding:        10px 1em;
	background:     #FFF;
	border-bottom:  solid 1px #CCC;
	border-right:   solid 1px #CCC;
	vertical-align: middle;
}

.table th {
	width:       7em;
	background:  #eee;
	box-shadow:  0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color:       #000;
	white-space: nowrap;
	font-weight: normal;
}

.table td ul {
}

.table td ul li {
	margin-bottom: 1em;
}

.table td ul li:last-child {
	margin-bottom: 0;
}

.table td ul li:before {
	content:   "● ";
	font-size: 1rem;
	color:     #aa1004;
}

.table td p {
	font-size:  1.4rem;
	text-align: left;
}

.table td p:last-child {
	margin-bottom: 0;
}


/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */

.table tr:first-child th:first-child,
.table tr:first-child td:first-child {
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius:    6px 0 0 0;
	-o-border-radius:      6px 0 0 0;
	border-radius:         6px 0 0 0;
}

/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */

.table tr:first-child th:last-child,
.table tr:first-child td:last-child {
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius:    0 6px 0 0;
	-o-border-radius:      0 6px 0 0;
	border-radius:         0 6px 0 0;
}

/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */

.table tr:last-child th:first-child,
.table tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 6px;
	-moz-border-radius:    0 0 0 6px;
	-o-border-radius:      0 0 0 6px;
	border-radius:         0 0 0 6px;
}

/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */

.table tr:last-child th:last-child,
.table tr:last-child td:last-child {
	-webkit-border-radius: 0 0 6px 0;
	-moz-border-radius:    0 0 6px 0;
	-o-border-radius:      0 0 6px 0;
	border-radius:         0 0 6px 0;
}


/****************************************

          Comments Area

*****************************************/

#comment-area a {
	color: #333;
}

#comment-area a:hover {
	color: #c1272d;
}


/*#comment-area h3{
	font-family: 'Josefin Sans', sans-serif;
}

#comment-area h3 a {
	color: #999;
	font-style: italic;
}*/

/*#comment-area h3 a:hover {
	color: #c1272d;
}
*/

#comment-area h3 {
	font-size:     2rem;
	margin-top:    10px;
	margin-bottom: 1.5em;
	border-bottom: solid 1px #808080;
	text-shadow:   0 0 2px rgba(150, 150, 150, .5) !important;
	font-weight:   bold;
}

#comment-area h3 span {
	border-bottom: solid 6px #c1272d;
	padding:       0 .5em;
	position:      relative;
	top:           3px;
}

.required {
	/*	 color: #fe56aa;*/
	color: #c1272d;
}

.commets-list,
.trackback-list {
	overflow:      hidden;
	margin-top:    -20px;
	margin-bottom: 40px;
}

.commets-list li,
.trackback-list li {
	overflow:      hidden;
	margin-top:    -1px;
	padding:       20px 0 0;
	width:         100%;
	border-top:    1px solid #ddd;
	border-bottom: 1px solid transparent;
}

.commets-list .avatar {
	float:         left;
	margin-right:  10px;
	margin-bottom: 10px;
}

.comment-meta,
.reply,
.form-allowed-tags
{
	font-size: 1.3rem;
}

p.comment-notes span.required {
	font-size: 1.3rem;
}

.comment-notes {
	font-size: 1.3rem;
}

span.small {
	font-size: 1.3rem;
}

.comment-body p {
	clear: both;
}

.reply {
	text-align: right;
}


#respond {
	margin-bottom: 40px;
}


/****************************************

          Custom Comments

*****************************************/

#custom-comments > li {
	margin-bottom: 40px;
}

#custom-comments .comment-author,
#custom-trackback .trackback-author {
	float:         left;
	margin-bottom: 20px;
	width:         30%;
	max-width:     214px;
}

#custom-comments .bypostauthor > div .comment-author {
	float: right;
}

cite {
	font-size: 1.3rem;
}

#custom-comments .comment-author cite span {
	padding-left: .5em;
}

#custom-comments .comment-meta {
	font-size:  1.3rem;
	margin-top: 0;
}

#custom-comments .comment-body,
#custom-trackback .trackback-body {
	float:         right;
	margin-bottom: 20px;
	width:         65%;
	max-width:     465px;
}

#custom-comments .comment-body {
	background: url(../images/common/quote.png) no-repeat 0 0;
}

#custom-comments .bypostauthor > div .comment-body {
	float: left;
}

#custom-comments .comment-body p {
	padding-left: 1.5em;
}

#custom-comments .comment-body p:first-of-type {
	padding-left:  2em;
	padding-right: 2em;
	background:    url(../images/common/quote.png) no-repeat right bottom;
}

#custom-comments ul.children {
	margin-left: 20px;
}


/* -----------------------------------------------------------------------------------------
                                  フォーム関連設定
----------------------------------------------------------------------------------------- */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin:                0;
	/* 	margin-bottom: 20px; */
	padding:               6px 4px;
	max-width:             96%;
	width:                 290px;
	outline:               none;
	border:                1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border-radius:         2px;
	background:            #eee;
	color:                 #777;
	font-size:             1.4rem;
}


#comment-area input[type="text"],
#comment-area textarea {
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border:             1px solid #C1272D;
	background:         #fff;
	-webkit-box-shadow: 0 0 3px rgba(209, 130, 136, 1);
	-moz-box-shadow:    0 0 3px rgba(209, 130, 136, 1);
	box-shadow:         0 0 3px rgba(209, 130, 136, 1);
	color:              #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display:               inline-block;
	/* 	margin-bottom: 20px; */
	padding:               4px 12px;
	padding:               8px 10px;
	border:                1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	color:                 #333;
	text-decoration:       none;
	text-shadow:           0 1px rgba(255, 255, 255, .75);
	font-weight:           bold;
	font-size:             12px;
	line-height:           normal;
	cursor:                pointer;
	background-color:      #eee;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	border:      1px solid #000;
	background:  #C1272D;
	color:       #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, .4);

}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	position: relative;
	top:      1px;
}

select {
	margin-bottom: 10px;
}

input[type="checkbox"] {
	margin: 0 .5em 1em 0;
}


@media screen and (max-width: 1024px) {
	/* -------------------------------------------------  1024px以下用（iPad）の記述 */
	footer h1 a {
		margin-bottom: 20px;
	}

	footer dl {
		margin-bottom: 20px;
	}


	footer .f-nav {
		display: none;
	}


	footer .f-nav2 {
		width: 100%;
		float: none;
	}

	footer .f-nav2 ul {
		text-align: center;
	}

	footer .f-nav2 ul li {
		display:       inline-block;
		margin-right:  1em;
		margin-bottom: 0;
	}

	footer .f-nav2 ul li:last-child {
		margin-right: 0;
	}

	footer hr {
		margin-bottom: 20px;
	}


}


@media screen and (max-width: 768px) {
	/* -------------------------------------------------  768px以下用（iPad）の記述 */
	section,
	article {
		margin-bottom: 40px;
	}

	div#lang {
		/* 	background-color: #F7D4B5; */
		background-color: #000;
		margin-bottom:    20px;
	}


	div#lang ul li a {
		color: #fff;
	}


	#wrapper {
		padding-top: 0;
	}

	header h1 a {
		margin: 0 auto 20px;
	}


	footer {
		width:     94%;
		max-width: inherit;
		margin:    0 auto;
		padding:   40px 0;
	}


	/* コンテンツレイアウト設定 */
	#content-wrap {
		width:     94%;
		max-width: inherit;
		margin:    0 auto 40px;
	}

	#content-wrap #content {
		width:         100%;
		max-width:     inherit;
		float:         none;
		margin-bottom: 40px;
	}

	#content-wrap #side {
		width:     100%;
		max-width: inherit;
		float:     none;
	}


	/* iPhoneでボタンの角丸をなくす */
	input[type="button"],
	input[type="text"],
	input[type="submit"] {
		border-radius:         3px;
		-moz-border-radius:    3px;
		-webkit-border-radius: 3px;
		-webkit-appearance:    none;
	}

	input[ type=checkbox ] {
		border-radius:            0;
		-webkit-transform-origin: right bottom;
		-webkit-transform:        scale(1.5, 1.5);
	}


}

@media screen and (max-width: 480px) {
	/* -------------------------------------------------  480px以下用（スマートフォン用）の記述 */
	/* -----------------------------------------------------------------------------------------
											 ページトップ
	----------------------------------------------------------------------------------------- */
	p {
		font-size: 1.6rem;
	}


	#page-top {
		position: fixed;
		bottom:   10%;
	}


	footer h1 a {
		width:        199px;
		height:       116px;
		display:      block;
		float:        none;
		margin-right: 0;
		margin:       0 auto 20px;
	}


	footer dl {
		float:      none;
		margin:     0 auto 40px;
		text-align: center;
	}


	div.f-nav2 ul li {
		display:       list-item;
		margin-bottom: 1.5em;
	}

	/* -----------------------------------------------------------------------------------------
											 パンくず
	----------------------------------------------------------------------------------------- */
	#lNav {
		width:            100%;
		text-align:       center;
		background-color: #C1272D;
		padding:          20px 0;
	}


	#lNav ul {
		padding: 0 .25em;
	}


	/****************************************

			  Custom Comments

	*****************************************/
	.commets-list,
	.trackback-list {
		margin-bottom: 20px;
	}

	#custom-comments > li {
		margin-bottom: 20px;
	}

	#respond {
		margin-bottom: 20px;
	}

	.commets-list,
	.trackback-list {
		margin-bottom: 20px;
	}

	#custom-comments .comment-author,
	#custom-trackback .trackback-author {
		float:         left;
		margin-bottom: 20px;
		width:         30%;
	}

	#custom-comments .bypostauthor > div .comment-author {
		float: right;
	}

	cite {
		font-size: 1.3rem;
	}

	#custom-comments .comment-author cite span {
		padding-left: .5em;
	}

	#custom-comments .comment-meta {
		font-size:  1.2rem;
		margin-top: 0;
	}

	#custom-comments .comment-body,
	#custom-trackback .trackback-body {
		float:         right;
		margin-bottom: 20px;
		width:         65%;
	}

	#custom-comments .comment-body {
		background: url(../images/common/quote.png) no-repeat 0 0;
	}

	#custom-comments .bypostauthor > div .comment-body {
		float: left;
	}

	#custom-comments .comment-body p {
		padding-left: 1em;
	}

	#custom-comments .comment-body p:first-of-type {
		padding-left:  1.5em;
		padding-right: 1.5em;
	}


	#custom-comments ul.children {
		margin-left: 20px;
	}


	/* -----------------------------------------------------------------------------------------
									  フォーム関連設定
	----------------------------------------------------------------------------------------- */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	textarea {
		font-size: 1.6rem;
	}

}