@charset "utf-8";

/*-------------- 消去・編集不可 ---------------------------------------------

License: GNU General Public License
License URI: license.txt
Theme URI: https://templx.com/
Theme Name: template-x9h
Author: TEMPLX
Author URI: https://templx.com/
Description: レスポンシブウェブデザイン(Responsive Web Design)｜TEMPLX

 『こちらのテンプレートは編集、再販、譲渡を許可していますが
 購入後でも著作権は TEMPLX にあります。
 上記、著作権者やURL等の変更、消去を禁止します。』

--------------- 消去・編集不可 --------------------------------------------- */

/*** Css初期化 ***/
html, body, div, h1, h2, h3, h4, h5, h6, p, span, header, footer, nav, aside,
small, abbr, address, code, del, img, ins, kbd, q, samp,
strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, dialog, figure,
menu, section, time, mark, object, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
word-break:break-all;
word-wrap:break-word;
}

section, header, footer, aside, article, menu, nav, details, figcaption, figure {
display:block;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

body { 
font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:12px;
text-align:center;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
color:#4c4c4c;
}

html {
}

.clear {
clear:both;
}

img {
border:none;
vertical-align:bottom;
}

ul,ol {
list-style:none;
}

a {
color:#4c4c4c;
outline:none;
text-decoration:none;
transition:0.7s;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
-ms-transition:0.7s;
}

a:hover,
a:active {
color:#b4b4b4;
}

.pink {
color: #D5595B;
}

.linkicon {
	color: #721315;
}

.linkicon:before {
margin-right:5px;
color:#7f0015;
font-family:"dashicons";
content:"\f522";
vertical-align:-0.18em!important;
}

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

/*【wrapper】 --------------- */

#wrapper {
width:100%;
text-align:center;
float:left;
overflow:hidden;
}

#wrapper-in {
width:100%;
padding-top:40px;
background:#fff;
float:left;
position:relative;
box-shadow:0 -5px 5px -5px rgba(0,0,0,0.4);
-webkit-box-shadow:0 -5px 5px -5px rgba(0,0,0,0.4);
-moz-box-shadow:0 -5px 5px -5px rgba(0,0,0,0.4);
z-index:5;
}

.subpage #wrapper-in {
padding-top:0;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#wrap {
width:1200px;
margin:0 auto;
}

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


/*【header】 --------------- */

header.site-header {
width:100%;
background:#fff;
float:left;
z-index:100;
position:relative;
}

header.site-header #header-in {
width:1200px;
margin:0 auto;
position:relative;
}

header.site-header h1,
header.site-header p.ps-title {
float:left;
}

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


/*【header menu】 --------------- */

#main-nav {
	width: 100%;
	text-align: center;
	float: left;
	position: relative;
	z-index: 5;
	padding-bottom: 50px;
}

#main-nav-box {
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 2px solid #7f0015;
}

#main-nav ul.parent {
width:1200px;
margin:0 auto;
font-size:12px;
}

#main-nav ul.parent li {
width:200px;
display:inline-block;
position:relative;
float:left;
}

#main-nav ul.parent li a {
width:100%;
height:40px;
padding-top:17px;
font-weight:bold;
color:#7f0015;
display:block;
float:left;
position:relative;
z-index:1;
}

#main-nav ul.parent li a:hover {
background:rgba(0,0,0,0.5);
}

#main-nav ul.parent li a:before {
height:26px;
border-left:2px solid rgba(0,0,0,0.3);
content:"";
vertical-align:middle!important;
position:absolute;
left:0;
top:16px;
}

#main-nav ul.parent li:last-child a:before {
border-right:2px solid rgba(0,0,0,0.3);
right:0;
}

#main-nav ul.parent li.menu-item-has-children a span:before {
width:100%;
height:auto;
font-weight:normal;
font-family:"dashicons";
content:"\f347";
vertical-align:top!important;
float:left;
}

#main-nav ul.sub-menu li a span:before {
width:auto!important;
height:auto!important;
font-weight:normal!important;
font-family:""!important;
content:""!important;
vertical-align:baseline!important;
float:none!important;
}

#main-nav ul.sub-menu li a:before {
height:auto!important;
border-left:0!important;
position:static!important;
top:0!important;
}

#main-nav ul.sub-menu li:first-child a:before,
#main-nav ul.sub-menu li:last-child a:before {
border-right:0!important;
}

#main-nav ul.sub-menu {
width:200px;
text-align:left;
font-size:14px;
display:none;
position:absolute;
left:0;
top:57px;
z-index:10;
}

#main-nav ul.sub-menu li {
width:200px;
height:auto;
background:#F0F0F0;
float:left;
}

#main-nav ul.sub-menu li a {
width:190px;
height:auto!important;
line-height:normal;
padding:15px 5px!important;
background:#F0F0F0;
border-bottom:1px solid rgba(0,0,0,0.2);
font-weight:normal;
float:left;
}

#main-nav ul.sub-menu li a:before {
font-family:"dashicons";
content:"\f522";
vertical-align:-0.14em!important;
}

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


/* 【widget】 --------------- */

#widget-area {
width:300px;
text-align:center;
float:left;
}

aside.widget {
width:100%;
margin-bottom:30px;
float:left;
}

#widget-area h2 {
width:100%;
padding:10px 0;
background:#7f0015;
text-align:left;
font-size:16px;
color:#fff;
float:left;
box-sizing:border-box;
}

#widget-area h2 span {
margin-left:7px;
padding-left:7px;
border-left:7px solid #fff;
float:left;
}

#widget-area h2 a {
color:#fff;
}

#widget-area ul {
width:100%;
float:left;
}

#widget-area ul li {
width:98%;
padding:10px 1%;
border-bottom:2px solid #f8f8f8;
text-align:left;
float:left;
}

#widget-area ul li a {
width:100%;
float:left;
}

#widget-area ul li a:before {
margin-right:4px;
color:#7f0015;
font-family:"dashicons";
content:"\f522";
vertical-align:-0.15em!important;
}

#widget-area select.postform {
width:100%;
margin:10px 0 15px;
}

#widget-area li.recentcomments a {
width:auto;
float:none!important;
}

#widget-area li.recentcomments a.url:before {
content:""!important;
vertical-align:baseline!important;
float:none!important;
}

#widget-area li.cat-item a {
display:inline!important;
}

#widget-area ul.children,
#widget-area ul.sub-menu {
padding:0 0 0 10px!important;
border:0;
box-sizing:border-box;
}

#widget-area ul.children li,
#widget-area ul.sub-menu li {
margin-top:5px;
margin-bottom:0!important;
padding:0!important;
border-bottom:none!important;
}

#widget-area ul.children li a:before,
#widget-area ul.sub-menu li a:before {
margin-right:7px;
color:#7f0015;
border:0;
font-family:"dashicons";
content:"\f139";
vertical-align:-0.12em!important;
font-size:13px;
}

.tagcloud {
padding:0 0 10px;
float:left;
}

.textwidget {
width:100%;
padding:20px 0 10px;
float:left;
}

.tagcloud a {
margin:3px 5px;
}

#widget-area label.screen-reader-text {
width:100%;
padding:5px 0;
text-align:left;
font-size:13px;
float:left;
}

.widget_archive select,
.widget_categories select#cat {
width:100%;
height:40px;
margin:0 auto;
padding-left:5px;
border:2px solid #f8f8f8;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
box-sizing:border-box;
}

*:first-child+html .widget_archive select,
*:first-child+html .widget_categories select {
color:#000;
}

.widget_archive a,
.widget_categories a {
width:auto!important;
display:inline!important;
}

.widget_recent_entries span.post-date {
width:100%;
text-align:right;
font-size:13px;
float:left;
}

#widget-area img.rss-widget-icon {
margin:5px 5px 0;
float:left;
}

#widget-area .widget_rss .rssSummary,
#widget-area .widget_rss .rss-date,
#widget-area .widget_rss cite {
margin:2px 0;
font-size:13px;
}

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


/*【widget free】 --------------- */

#free-area-widget {
width:100%;
margin-bottom:30px;
float:left;
}

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


/* 【sns】 --------------- */

#sns-but {
margin-top:22px;
text-align:center;
float:right;
}

#sns-but p {
width:36px;
height:36px;
margin-left:6px;
overflow:hidden;
float:left;
}

#sns-but p a img {
background:#7f0015;
display:inline-block;
transition:0.7s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
-ms-transition:0.4s;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}

#sns-but p a img:hover {
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

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


/* 【ps content】 --------------- */

#ps-content {
width:100%;
padding-bottom:20px;
float:left;
}

#ps-content p {
margin:10px 0;
}

#ps-content a {
color:blue;
text-decoration:underline;
}

#ps-content h1,
#ps-content h2,
#ps-content h3,
#ps-content h4,
#ps-content h5,
#ps-content h6 {
margin:0 0 0.5em;
padding:0.5em 0 0;
font-weight:bold;
clear:both;
}

#ps-content h1:first-child,
#ps-content h2:first-child,
#ps-content h3:first-child,
#ps-content h4:first-child,
#ps-content h5:first-child,
#ps-content h6:first-child {
padding-top:0;
}

#ps-content h1 {
font-size:3.2em;
}

#ps-content h2 {
font-size:2.5em;
}

#ps-content h3 {
font-size:1.9em;
}

#ps-content h4 {
font-size:1.6em;
}

#ps-content h5 {
font-size:1.2em;
}

#ps-content h6 {
font-size:1em;
}

#ps-content strong {
font-weight:bold;
}

#ps-content dfn,
#ps-content cite,
#ps-content em,
#ps-content i {
font-family:"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",sans-serif;
font-style:italic;
}

#ps-content ul,
#ps-content ol {
margin:0 0 1.5em;
padding-left:1.5em;
}

#ps-content ul {
list-style:disc;
}

#ps-content ol {
list-style:decimal;
}

#ps-content li > ul,
#ps-content li > ol {
margin-bottom:0;
margin-left:1.5em;
}

#ps-content blockquote {
margin:0 0 25px 0;
padding:30px 55px;
border:1px solid #ccc;
position:relative;
}

#ps-content blockquote:before,
#ps-content blockquote:after {
height:50px;
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-size:90px;
color:#ccc;
position:absolute;
}

#ps-content blockquote:before {
content:'“';
top:5px;
left:10px;
}

#ps-content blockquote:after {
content:'”';
bottom:5px;
right:10px;
}

#ps-content blockquote cite {
padding:20px 0 0 0;
border-top:1px dotted #aaa;
text-align:right;
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-size:14px;
display:block;
}

#ps-content img.alignnone,
#ps-content img.alignleft,
#ps-content img.aligncenter,
#ps-content img.alignright {
width:auto;
height:auto;
max-width:100%;
}

.alignleft {
display:inline;
float:left;
}

.alignright {
display:inline;
float:right;
}

.aligncenter {
display:block;
margin-right:auto;
margin-left:auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin:0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin:0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear:both;
margin-top:0.4em;
margin-bottom:1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom:1.2em;
}

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


/* 【footer】 --------------- */

#top-scroll {
width:60px;
position:fixed;
bottom:40px;
right:0;
z-index:10;
}

#top-scroll-in {
width:40px;
height:40px;
background:#fff;
border:1px solid #7f0015;
float:left;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
-ms-transition:0.4s;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
}

#top-scroll-in:hover {
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}

#footer-in {
width:100%;
margin-top:50px;
padding:50px 0;
background:#7f0015;
text-align:center;
color:#fff;
overflow:hidden;
clear:both;
float:left;
position:relative;
}

#footer-in a {
color:#fff;
}

#footer-in a:hover {
color:#cdcdcd;
}

#footer-body {
width:1200px;
margin:0 auto;
}

#footer-nav {
width:100%;
margin-bottom:50px;
float:left;
}

#footer-nav-box {
width:100%;
text-align:center;
float:left;
}

#footer-nav-box li {
display:inline-block;
}

#footer-nav-box li a {
margin:0 5px;
display:inline-block;
}

#footer-nav-box li a:before {
margin-right:4px;
color:#fff;
font-family:"dashicons";
content:"\f522";
vertical-align:-0.15em!important;
}

#footer-space {
width:100%;
margin-bottom:50px;
float:left;
}

#footer-copy {
width:100%;
float:right;
}

#footer-title {
width:100%;
margin-top:10px;
float:left;
}

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


/**************************************************
***************************************************
width:[1200px] or less.
***************************************************
**************************************************/

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

#wrapper {
display:inline;
}

#wrapper-in {
width:97%;
margin:0 auto;
padding-top:20px;
float:none;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#wrap {
width:100%;
float:left;
}

header.site-header #header-in {
width:100%;
text-align:center;
}

header.site-header h1,
header.site-header p.ps-title {
margin:10px 0;
float:none;
}

#main-nav,
#sns-but {
display:none;
}

#main-nav ul.sub-menu {
display:inline;
}

#sp-nav {
width:280px;
height:100%;
padding-top:1px;
overflow-y:scroll;
position:fixed;
top:0;
left:-280px;
z-index:3000;
background:#fff;
overflow-scrolling:touch;
-webkit-overflow-scrolling:touch;
}

#sp-nav ul.parent {
width:100%;
padding:0 1px;
background:#fff;
text-align:left;
float:left;
box-sizing:border-box;
}

#sp-nav ul.parent li {
width:100%;
margin-top:1px;
float:left;
box-sizing:border-box;
}

#sp-nav ul.parent li a {
width:100%;
padding:13px 2px;
float:left;
box-sizing:border-box;
}

#sp-nav ul.parent li a:before {
margin-right:5px;
font-size:20px;
font-family:"dashicons";
content:"\f139";
vertical-align:-0.2em!important;
}

#sp-nav ul.parent li.menu-item-has-children {
width:100%;
float:left;
}

#sp-nav ul.parent li.menu-item-has-children a {
padding:13px 2px 0;
}

#sp-nav ul.parent li.menu-item-has-children ul.sub-menu {
width:100%;
padding-bottom:8px;
float:left;
}

#sp-nav ul.parent li.menu-item-has-children ul li {
margin:0;
}

#sp-nav ul.parent li.menu-item-has-children ul li a {
padding:5px 2px 5px 15px;
}

#sp-nav ul.parent li.menu-item-has-children ul li a:before {
font-size:11px;
content:"\f344";
vertical-align:-0.03em!important;
}

#nav-slide {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
position:fixed;
top:0;
left:0;
z-index:1000;
display:none;
}

#nav-but {
width:30px;
height:auto;
padding:9px 6px;
background:#fff;
position:absolute;
top:0;
left:8px;
z-index:2000;
cursor:pointer;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#nav-but span {
width:30px;
height:4px;
border-radius:1px;
transition:0.7s ease-in-out;
-webkit-transition:0.7s ease-in-out;
-moz-transition:0.7s ease-in-out;
-o-transition:0.7s ease-in-out;
-ms-transition:0.7s ease-in-out;
float:left;
}

#nav-but span:nth-of-type(2),
#nav-but span:nth-of-type(3) {
margin-top:5px;
}

.nav-close {
background:transparent;
}

.nav-close span:nth-of-type(1) {
transform:translateY(9px) translateX(0) rotate(315deg);
-webkit-transform:translateY(9px) translateX(0) rotate(315deg);
-ms-transform:translateY(9px) translateX(0) rotate(315deg);
-moz-transform:translateY(9px) translateX(0) rotate(315deg);
-o-transition:translateY(9px) translateX(0) rotate(315deg);
}

.nav-close span:nth-of-type(2) {
width:0!important;
margin-left:50%;
transform:scale(0);
-moz-transform:scale(0);
-webkit-transform:scale(0);
-ms-transform:scale(0);
-o-transition:scale(0);
}

.nav-close span:nth-of-type(3) {
transform:translateY(-9px) translateX(0) rotate(-315deg);
-ms-transform:translateY(-9px) translateX(0) rotate(-315deg);
-webkit-transform:translateY(-9px) translateX(0) rotate(-315deg);
-moz-transform:translateY(-9px) translateX(0) rotate(-315deg);
-o-transition:translateY(-9px) translateX(0) rotate(-315deg);
}

.nav-close nav {
transform:translateX(100%);
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transition:translateX(100%);
}

#ps-content blockquote {
padding:30px 40px;
}

#ps-content blockquote:before,
#ps-content blockquote:after {
height:50px;
font-size:50px;
}

#widget-area {
width:100%;
margin-top:20px;
}

aside.widget {
margin-bottom:20px;
}

.widget_media_image img {
width:100%;
height:auto;
}

#free-area-widget {
margin-bottom:20px;
}

#footer-in {
margin-top:20px;
padding:20px 0 50px;
}

#footer-body {
width:94%;
}

#footer-nav,
#footer-space {
margin-bottom:20px;
}

#footer-copy,
#footer-title {
font-size:12px;
}

#footer-nav-box {
text-align:left;
font-size:14px;
}

#footer-nav-box li {
width:50%;
float:left;
}

#footer-nav-box li a {
width:100%;
margin:0;
padding:4px 0;
float:left;
}

#top-scroll {
width:60px;
position:fixed;
bottom:20px;
}

}


/**************************************************
***************************************************
width:[480px] or less.
***************************************************
**************************************************/

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

header.site-header h1 img,
header.site-header p.ps-title img {
width:50%;
height:auto;
}

}