@charset "UTF-8";

/*
Theme Name: My Template 17
Author: shunsuke otake
*/


/*以下遅延の指定*/
.txt01 {animation-delay: 1s;}
.txt02 {animation-delay: 4s;}
.txt03 {animation-delay: 7s;}
.txt04 {animation-delay: 10s;}
.txt05 {animation-delay: 13s;}
.txt06 {animation-delay: 16s;}

/* === 初期化 === */
::-webkit-input-placeholder {
	color: #c0c0c0;
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

:-moz-placeholder {
	color: #c0c0c0;
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

::-moz-placeholder {
	color: #c0c0c0;
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

:-ms-input-placeholder {
	color: #c0c0c0;
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

*:focus::-webkit-input-placeholder {opacity: 0}

*:focus:-moz-placeholder {opacity: 0}

*:focus::-moz-placeholder {opacity: 0}

*:focus:-ms-input-placeholder {opacity: 0}

*, *:after, *:before {box-sizing: border-box;}

* {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* === 基本スタイリング === */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

body {
	background: #fff;
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	letter-spacing: 1px;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #121319;
}

div {overflow: hidden;}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
	display: block;
}

ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

i {vertical-align: middle;}

.sp{display: block;}
.pc{display: none;}

a, a:hover, a:active, button:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
	word-break: break-word;
}

a {transition: 0.7s ;}

a:hover {
	transition: 0.7s ;
	color: #e57844;
}

a, area, button, input, label, select, summary, textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

iframe {vertical-align: bottom;}

h1, p.site-title{
	font-size:84%;
	font-weight: bold;
}

#page-content .sub-title-bg h1, #archive-content .sub-title-bg h1{
	position: relative;
	margin: 0 auto;
	padding: 20% 45px;
	text-align: center;
	width: 83%;
	font-size: 130%;
}

.sub-title-bg {background: repeating-linear-gradient( -45deg, #f0edeb8c, #f0edeb8c 25px, #ffffff 25px, #ffffff 30px );}

h2{font-size:20px;}
h3{font-size:18px;}

.content-box{
	width: 88%;
	margin: 0 auto;
}

.content-box-w100{width: 100%;}

.page-content-inner{padding: 15% 0;}

.product-content-inner{padding: 10% 0 15%;}

button, input, textarea {
	overflow: visible;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

button, input, optgroup, select, textarea {margin: 0;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
	border-radius: 0px;
	display: block;
	line-height: 35px;
	height: 35px;
	font-size: inherit;
	font-weight: 400;
	padding: 5px;
	vertical-align: middle;
	width: 100%;
	background-color: #fbfbfb;
	border: transparent;
	outline: none;
	letter-spacing: 0.5px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}


/* === Loading === */
#loading {
	width: 100%;
	height: 100%;
	transition: all 1s;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spinner {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.loaded {
	opacity: 0;
	visibility: hidden;
}

.spinner > div {
	width: 8px;
	height: 8px;
	background-color: #5a5551;
	margin: 0 3px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
	-webkit-transform: scale(0);
	transform: scale(0);
  } 40% { 
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
  }
}

/* === エフェクト === */
.fadein {
	opacity: 0; 
	visibility: hidden;
	transform: translateY(40px);
	transition: all 1s;
}
.fadein.show-fadein {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

/* === 1レイアウト === */

#top-content{padding-top: 0;}

/* === 1ヘッダー === */
#header-wrapper {
    background: url(https://ge-jo.net/wp-content/uploads/2026/01/top_img1.jpeg) center / cover;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

header#header {
width: 100%;
position: absolute;
height: 100vh;
background: #00000052;
display: flex;
justify-content: center;
align-items: center;
}

#h-logo {
margin: 0 auto;
width: 45%;
filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(1243%) hue-rotate(329deg) brightness(94%) contrast(91%);
}

.header-container-tex {
    width: 86%;
    font-size: 90%;
    text-align: center;
    color: #e6e3db;
    margin: 20px auto 0;
    font-weight: bold;
}

/* === 1ヘッダー1 === */
#header-wrapper2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

header#header2 {
    position: relative;
    background: #fff;
    padding: 14px 5%;
    height: 50px;
}

#h-logo2 {
    margin: 0;
    width: 80px;
}

/* === 1トップ === */
.sp-topimg_bg {
    background: url(https://ge-jo.net/wp-content/uploads/2026/01/top_img1.jpeg) center / cover;
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.sp-topimg_text {
    width: 100%;
    position: absolute;
    height: 100vh;
    background: #00000047;
}

section.top-instagram {
width: 90%;
    margin: 0 auto;
    padding-top: 10%;
}

.checkbox, .checkbox_pc {display: none;}

.toggle, .toggle_pc {
	position: fixed;
	top: 16px;
	right: 16px;
	z-index: 40;
	display: block;
	width: 24px;
	height: 18px;
	cursor: pointer;
}

.toggle_pc {
	display:none;
}

.toggle span, .toggle span::before, .toggle span::after,
.toggle_pc span, .toggle_pc span::before, .toggle_pc span::after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	margin: auto;
	width: 24px;
	height: 2px;
	background-color: #121319;
	transition: all .4s;
}

.toggle span::before,
.toggle span::after,
.toggle_pc span::before,
.toggle_pc span::after{
	content: "";
}
.toggle span::before, .toggle_pc span::before {
	top: 14px;
}
.toggle span::after, .toggle_pc span::after {
	top: -14px;
}
.checkbox:checked ~ .toggle span,
.checkbox:checked ~ .toggle span::before,
.checkbox:checked ~ .toggle span::after,
.checkbox_pc:checked ~ .toggle_pc span,
.checkbox_pc:checked ~ .toggle_pc span::before,
.checkbox_pc:checked ~ .toggle_pc span::after{background-color: transparent;}

.checkbox:checked ~ .toggle span, .checkbox_pc:checked ~ .toggle_pc span {background: transparent;}

.checkbox:checked ~ .toggle span::before, .checkbox_pc:checked ~ .toggle_pc span::before {
	top: 0;
	transform: rotate(-45deg);
}

.checkbox:checked ~ .toggle span::after, .checkbox_pc:checked ~ .toggle_pc span::after {
	top: 0;
 	transform: rotate(45deg);
}

.checkbox:checked ~ .toggle span::before,
.checkbox:checked ~ .toggle span::after,
.checkbox_pc:checked ~ .toggle_pc span::before,
.checkbox_pc:checked ~ .toggle_pc span::after{background-color: #35302d;}

.overlay, .overlay_pc {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transition: all .4s;
	pointer-events: none;
}
.checkbox:checked ~ .overlay, .checkbox_pc:checked ~ .overlay_pc {
	opacity: .6;
	pointer-events: auto;
}

.g-navi{
	position: fixed;
	top: 0;
	right: -320px;
	z-index: 30;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	width: 300px;
	height: 100vh;
	padding: 5% 5% 1%;
	background-color: rgb(255 255 255 / 90%);
	transition: all .4s;
}

.g-navi nav ul {
	list-style: none;
	margin: 0;
	padding: 0 8%;
}

.checkbox:checked ~ .g-navi, .checkbox_pc:checked ~ .g-navi-pc {right: 0;}

#header h1.site-title, p.site-title  {
	margin: 13% 0 12%;
	font-weight: bold;
	line-height: 2;
}

.g-sns, .g-sns-pc {
	display: flex;
	width: 80%;
	font-size: 155%;
}

.g-sns-pc{display:none;}

.g-sns li, .g-sns-pc li {margin-right: 10%;}

.g-sns li:last-child, .g-sns-pc li:last-child {margin-right: 0;}

.g-navi nav ul li a, .g-navi-pc nav ul li a {
	font-size: 81%;
	display: block;
	padding: 7% 0;
	font-weight: bold;
}

.g-navi-pc {
	padding-top: 6%;
	margin: 0;
	border-top: 1px solid;
}
.nav-shop {display: none;}

/* === パンくず=== */
.breadcrumbs {
	padding: 0 5% 5%;
	overflow-x: auto;
	white-space: nowrap;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	font-size: 80%;
}

.breadcrumbs::-webkit-scrollbar {display: none;}

/* === トップページ === */
/* = 共通 = */
#content section h2 {
	font-size: 210%;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	letter-spacing: 2px;
	margin: 0 0% 8% 0%;
}

#content section h2 span.top-mi-tex {
	font-size: 35%;
	letter-spacing: 1px;
	display: block;
	margin-top: 3%;
}

/* = TOP_プッシュポイント = */
section.top-push {margin-bottom: 15%;}

.top-push1, .top-push2{
	position: relative;
	padding-bottom: 12%;
	width: 100%;
}

ul.top-link {
	padding: 0 5%;
	display: flex;
}

.top-link li {
	margin:0 5%;
	width: 50%;
}

.top-link li a{
	display: block;
	text-align: center;
	padding: 6% 2%;
	font-weight: bold;
	border: 1px solid #35302d;
	font-size: 85%;
	background: #fff;
}

.top-link li a:hover, .single-link li a:hover{
	background: #35302d;
	color: #fff;
}

#content section.top-push .top-push1 h2, #content section.top-push .top-push2 h2 {
	position: relative;
	font-size: 120%;
	margin: 0 0 6%;
	padding: 0 10% 6%;
	font-family: 'Sawarabi Gothic', sans-serif;
	text-align: left;
}

#content section.top-push .top-push2 h2 {text-align: right;}

#content section.top-push .top-push1 h2:after, #content section.top-push .top-push2 h2:after {
	position: absolute;
	bottom: 0px;
	width: 60px;
	height: 5px;
	content: '';
	border-radius: 5px;
	background: #eaeaa0;
}

#content section.top-push .top-push1 h2:after {left: 10%;}

#content section.top-push .top-push2 h2:after {right: 10%;}

.top-push1 p, .top-push2 p {
	padding: 0;
	margin: 0 0 0 10%;
	width: 60%;
}

.top-push2 p {margin: 0 10% 0 auto;}

/* = TOP_ニュース = */
.top-news {
	background: #f0edeb3d;
	padding: 15% 0;
}

.top-news ul {
	width: 86%;
	margin: 0 auto;
	border-bottom: 1px solid #E6E6E6;
}

.top-news .top-news-box ul {border: 0;}

.top-news li {border-top: 1px solid #E6E6E6;}

.top-news .top-news-box li {border-top: 0;}

.top-news li a {
	position: relative;
	padding: 5% 0;
	width: 100%;
	display: flex;
	align-items: center;
}

.top-news .top-news-box li a{
	padding: 0 0 5%;
	display: block;
}

.top-news-date time, .top-news-date-main time {font-size: 70%;}

p.top-news-link {margin: 9% auto 0;}

p.top-news-link a {
	width: 60%;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 2% 1%;
	font-weight: bold;
	border: 1px solid #35302d;
	font-size: 85%;
	border-radius: 0;
	background: #fff;
}

p.top-news-link a:hover{
	background: #35302d;
	color: #fff;
}

.top-news-date-main a:hover img{
	transform: scale(1.04);
	transition-duration: 0.7s;
}

.top-news-date-main img {
	width: 80%;
	display: block;
	margin: 0 auto 4%;
}

.top-news-date-main {text-align: center;}

p.top-news-title-main {
	width: 100%;
	margin: 2% 0 0 0;
	font-weight: bold;
}

p.top-news-title {
	padding: 0 0 0 5%;
	margin: 0;
	font-weight: bold;
	font-size: 90%;
	line-height: 1;
}

/* = TOP_ブログ = */
.top-blog {
	padding: 15% 0;
	background: repeating-linear-gradient( -45deg, #f3f3cd, #f3f3cd 25px, #ffffff 25px, #ffffff 30px );
}

.top-blog-box a {
	position: relative;
	display: block;
	padding: 0;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
}

.top-blog-box a:hover{
	background: #35302d;
	color: #fff;
}

.top-blog-box ul{
	display: flex;
	flex-wrap: wrap;
	padding: 0 1.5%;
}

.top-blog-box li {
	width: 47%;
	margin: 1.5%;
}

.top-blog-date-article {
	position: relative;
	display: flex;
    align-items: center;
}

.top-blog-box .top-blog-date-article img {
    width: 600px;
    height: 150px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.top-blog-date-article a:hover img{
	transform: scale(1.04);
	transition-duration: 0.7s;
}

.top-blog-date-article-in {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 0;
	padding: 4px 8px;
	background-color: #000000bf;
}

.top-blog-date p {margin: 5% auto 0;}

.top-blog-date {
	font-size: 60%;
	font-weight: bold;
	color: #ffffffe3;
}

.top-blog-dis {padding: 6% 4%;}

.top-blog-dis p {
	margin: 0;
	font-size: 85%;
}

.top-blog-dis p.top-blog-dis-title{
	margin: 0 0 4% 0;
	font-weight: bold;
}

/* = TOP_店舗紹介 = */
.top-shop {padding: 15% 0;}

.top-shop p {
	margin: 0 0 8%;
	padding: 0 6%;
	text-align: center;
}

/* === フッター === */
footer {background: #f0edeb;}

.footer-innner {
	padding: 15% 3% 0;
	font-size:90%;
}

.f-logo {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

.f-logo span {
	margin-top: 6%;
	display: block;
	font-size:85%;
}

.f-sns {
	width: 88%;
	margin: 3% auto 7%;
	text-align: center;
	font-size: 200%;
}

.f-dis-box {
	display: flex;
	margin: 0 auto 10%;
	width: 94%;
}

.f-dis-box li {
	width: 50%;
	text-align: center;
	font-size: 90%;
}

.f-dis-box a {
	display: block;
	background: #fff;
	padding: 5% 1%;
	font-weight: bold;
}

.f-dis-box a:hover{
	background: #35302d;
	color: #fff;
}

.f-dis-box li:first-child {
	margin-right: 6%;
}

.f-list li {
	float: left;
	width: 50%;
	padding: 1% 2%;
	margin-bottom: 8%;
	text-align: center;
	font-size: 90%;
}

.f-list li:nth-child(odd) {border-right: 1px solid #353035;}

p.copy {
	margin: 0;
	padding: 0 0 5%;
	text-align: center;
	font-size: 80%;
}

/* === 下層ページ === */
/* = メニュー-固定ページ = */
.menu section:first-child {
	margin: 0 0 12% 0;
}

.menu section h3 {
	margin: 0 0 10%;
	text-align: center;
	position: relative;
	font-size: 160%;
	letter-spacing: 3px;
}

.menu section h3:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 4px;
	content: '';
	margin: 0 0 -20px -20px;
	border-radius: 4px;
	background: #3d3c39;
}

.menu section h3 span {
	display: block;
	margin: 1.5% 0 0 0;
	font-size: 60%;
	letter-spacing: 0;
}

.menu-price {
	margin: 0 6% 2%;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

.menu-price2 {
	margin: 0 6% 9%;
	text-align: center;
}

.menu-slide-wrapper .bx-wrapper .bx-controls-direction a {
	display: block;
	margin-top: -12px;
	width: 24px;
	height: 24px;
}

.menu-slide-wrapper {
	width: 100%;
	height: auto;
	display: block;
}

.menu-slide-wrapper .bx-viewport {
	height: auto!important;
}

.menu-slide-wrapper .bx-wrapper img {
	width: 76%;
	margin: 0 auto;
}

.menu-slide-wrapper .bx-wrapper .bx-prev::before, .menu-slide-wrapper .bx-wrapper .bx-next::before {
	position: absolute;
	top: 5px;
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-slide-wrapper .bx-wrapper .bx-prev::before{
	left: 8px;
	border-bottom: 2px solid #3d3c39;
	border-left: 2px solid #3d3c39;
}

.menu-slide-wrapper .bx-wrapper .bx-next::before {
	right: 8px;
	border-top: 2px solid #3d3c39;
	border-right: 2px solid #3d3c39;
}

.menu-slide-wrapper .bx-wrapper .bx-prev, .menu-slide-wrapper .bx-wrapper .bx-next {background: none;}

.menu-slide-wrapper .bx-wrapper .bx-pager {
	top: 87%;
	right: 0;
	display: block;
	text-align: center;
}

/* = サロン-固定ページ = */
.salon-mainimg {
	width: 86%;
	margin: 0 auto 8%;
}

p.salon-tex1 {
	font-size: 125%;
	letter-spacing: 2px;
	line-height: 1.7;
	font-family: 'Sawarabi Gothic', sans-serif;
	width: 88%;
	margin: 0 auto;
	text-align: center;
}

.salon-access {
	margin: 10% 0 12%;
	text-align: center;
}

.salon section h3 {
	margin: 0 0 9%;
	text-align: center;
	position: relative;
}

.salon section h3:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 4px;
	content: '';
	margin: 0 0 -15px -20px;
	border-radius: 4px;
	background: #3d3c39;
}

.salon-access p {
	padding: 0 7%;
	margin: 0 0 7%;
}

.salon table {
	width: 82%;
	margin: 8% auto 0;
}

.salon table tr {
	display: block;
	margin-bottom: 5%;
}

.salon table tr:last-child {margin-bottom: 0;}

.salon table th,
.salon table td {
	border-bottom: none;
	display: block;
	width: 100%;
}

.salon table th {
	border-bottom: solid 1px #b7afaa;
	padding: 0 0 3% 3%;
	margin-bottom: 3%;
	text-align: left;
}

.salon table td {
	font-size: 90%;
	padding-left: 3%;
}

/* = お問い合わせ-固定ページ = */
.contact-tex {
	padding: 0 7%;
	margin-bottom: 12%;
}

p.mbnon{
	margin: 0;
}

.contact-form p {
	margin: 0;
}

.req-sheet {
	padding: 0 7%;
}

.req-sheet-inner1, .req-sheet-inner2{
	display: flex;
	align-items: start;
	margin-bottom: 8%;
}

.req-area1, .req-area2 {
	display: flex;
}

.req-area1 div span, .req-area2 span {
	width: 35%;
	line-height: 35px;
	height: 35px;
	font-size: inherit;
	font-weight: 400;
	vertical-align: middle;
	letter-spacing: 0.5px;
}

.req-area1 div span:first-child {
	width: 65%;
}

.req-area1 div {
	width: 50%;
	display: flex;
}

.req-sheet-inner2 .req-sheet-box {
	width: 50%;
	padding-left: 5%;
	margin: 0;
}

.req-sheet-inner2 .req-sheet-box:first-child {
	width: 50%;
	padding-left: 0;
}

.req-area1 select, .req-area2 select {
	width: 90%;
	border: 1px solid #e3d7cfbf;
}

.req-sheet-box p.req-name, .req-sheet-box p.req-name-area, .req-sheet-box p.req-name-mb, .req-sheet-box p.req-name-mb-5, .req-sheet-box p.req-name-mb-2 {
	font-weight: bold;
	margin: 0 0 2% 0;
	font-size: 90%;
}

.req-sheet-box p.req-name-mb, .req-sheet-box p.req-name-mb-5, .req-sheet-box p.req-name-mb-2 {margin-bottom: 1.5%;}

.req-sheet-box {margin-bottom: 5%;}

.req-sheet-box textarea {
	line-height: 1;
	height: 90px;
	padding: 5px;
}

input.wpcf7-form-control, textarea.wpcf7-form-control {
	border: 1px solid #e3d7cfbf;
	font-size: 90%;
}

input.wpcf7-form-control.wpcf7-submit {
	width: 50%;
	padding: 3% 1%;
	border: none;
	color: #fff;
	background: #35302d;
	margin: 7% auto 0;
	font-weight: bold;
	display: block;
	cursor: pointer;
	border-radius: 4px;
	font-size: 90%;
}

input.wpcf7-form-control.wpcf7-submit:hover {
	background: #eaeaa0;
	color: #35302d;
	transition: 0.7s ;
}

div.wpcf7 .ajax-loader {
	display: none;
}

span.wpcf7-spinner {
	display: none;
}

span.con-hi {
	color: #e84747;
	font-size: 40%;
	vertical-align: top;
	margin-left: 5px;
}

.wpcf7-not-valid-tip {
	color: #e84747!important;
	font-size: 85%!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: transparent;
	border: 0;
	color: #e84747;
	padding: 0;
	margin: 5% 0 0 0;
	font-size: 95%;
	font-weight: bold;
}

.wpcf7 form .wpcf7-response-output {
	border: 0!important;
	margin: 0!important;
	font-size: 95%;
	padding: 0 7%!important;
	color: #35302d;
	font-weight: bold;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: transparent;
}

.reserve-tex {
	font-size: 120%;
	margin: 9% 0;
}

p.reserve-tex span {background: linear-gradient(transparent 75%, #eaeaa0 75%);}

/* = 記事一覧 = */
#archive-content .sub-title-bg{margin-bottom:15%;}

#archive-content main#main {padding-bottom: 15%;}

#archive-content section {
	position: relative;
	border-bottom: 1px solid #928d8b52;
	width: 84%;
	margin: 0 auto;
}

#archive-content section:first-of-type {border-top: 1px solid #928d8b52;}

#archive-content section a {
	padding: 8% 0;
	display: block;
	text-align: center;
}

#archive-content section a:hover {
	transition: 0.7s ;
	color: #35302d;
	background: repeating-linear-gradient( -45deg, #f0edeb8c, #f0edeb8c 25px, #ffffff 25px, #ffffff 30px );
}

#archive-content section h2 {
	margin: 3% 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

.pagenation{
 	border-radius: 7px;
 	overflow: hidden;
	margin-top: 10%;
}
.pagenation ul{
	display: flex;
	justify-content: center;
	list-style-type: none;
}
.actives{
	background-color: #35302d;
	font-size: 12px;
	color: #fff;
	padding: 10px 15px;
}
.pagenation a {
	font-size: 12px;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #35302d;
	background-color: #f0edeb;
	border-right: 1px solid white;
}

.archive-thumbnail {
	width: 80%;
	margin: 0 auto 6%;
	position: relative;
    display: flex;
    align-items: center;
}

.archive-thumbnail img {
    width: 600px;
    height: 200px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.blog-archive .sub-title-bg {
    background: repeating-linear-gradient( -45deg, #f3f3cd, #f3f3cd 25px, #ffffff 25px, #ffffff 30px );
}

#archive-content.blog-archive section a:hover {
	transition: 0.7s ;
	color: #35302d;
	background: repeating-linear-gradient( -45deg, #f3f3cd, #f3f3cd 25px, #ffffff 25px, #ffffff 30px );
}

.blog-archive p {
    font-size: 95%;
    margin: 5% 15% 0;
}

/* = 投稿ページ共通 = */
.post-title-bg {
	padding: 20% 45px 30%;
	text-align: center;
	background: repeating-linear-gradient( -45deg, #f0edeba6, #f0edeba6 25px, #ffffff 25px, #ffffff 30px );
}

.post-title-blog{background: repeating-linear-gradient( -45deg, #f3f3cd, #f3f3cd 25px, #ffffff 25px, #ffffff 30px );}

.post-title-bg time {
	background: #3D3C34;
	color: #fff;
	padding: 2% 4%;
	font-size: 95%;
}


#post-content .post-title-bg h1 {
	position: relative;
	font-size: 130%!important;
	margin: 8% 0;
	padding: 0;
}

.post-cat {
	margin: 0;
	padding: 0;
	width: auto;
}

.post-cat a{font-weight: bold;}

.post-thumbnail {
	width: 78%;
	margin: -15% auto 0;
}

.post-tex {
	padding: 10% 8%;
	font-size: 15px;
	line-height: 1.8;
}

.post-prev-next-box {
	padding: 6% 2%;
	display: flex;
	align-items: center;
	background: #f0edeb3d;
}

.post-prev, .post-next {
	margin: 0;
	width: 50%;
	font-size: 95%;
	padding: 0 2%;
}

.post-next {text-align: right;}

/* === サイドバー === */
aside#sidebar {
	width: 84%;
	margin: 0 auto;
	padding: 15% 0;
}

#post-content aside#sidebar section {margin-bottom: 15%;}

#post-content aside#sidebar section:last-child {margin: 0;}

.side-news h2{
	font-size: 115%;
	margin: 0 0 7%;
	position: relative;
}

.side-news li .top-news-date {
	display: flex;
	align-items: center;
}

.side-news ul{padding: 0 3%;}

.side-news li .top-news-title {margin: 0;}

.side-news li:first-child {border-top: 1px dashed #928d8b;}

.side-news li {
	position: relative;
	border-bottom: 1px dashed #928d8b;
}

.side-news li a {
	padding: 8% 0;
	display: block;
}

.side-news li a:hover {color: #35302d;}

.side-news li a:hover p.top-news-title {color: #e68151;}

.single-link {
	margin: 15% 0 0;
	display: flex;
	align-items: center;
}

.single-link li {
	width: 50%;
	margin: 0 0 0 8%;
}

.single-link li:first-child {margin: 0;}

.single-link li a {
	display: block;
	padding: 4% 2%;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	border: 1px solid #35302d;
}


@media only screen and (min-width:600px) and ( max-width:1024px) {
/* === 基本スタイリング === */
#page-content .sub-title-bg h1,
#archive-content .sub-title-bg h1 {
	padding: 10% 45px;
	margin: 0 auto;
	width: 70%;
}
    
.page-content-inner, .product-content-inner  {padding: 10% 0;}

/* === ヘッダー === */
#h-logo {width: 172px;}
  
.toggle {
	top: 17px;
	right: 17px;
	height: 18px;
}
  
.toggle span::before {top: 15px;}

.toggle span::after {top: -15px;}
  
.g-navi {
	right: -450px;
	width: 430px;
	padding: 4% 4% 1%;
}
  
#header h1.site-title, p.site-title {margin: 6% 0;}
  
.g-navi nav ul li a {padding: 2% 0;}
	
/* === パンくず=== */
.breadcrumbs {padding: 0 8% 5%;}

/* === トップページ === */

/* = TOP_スライド = */
	
/* = TOP_プッシュポイント = */

/* = TOP_ニュース = */

/* = TOP_ブログ = */
.top-blog-box .top-blog-date-article img {height: 200px;}
@media only screen and (min-width:800px) and ( max-width:1023px) {
.top-blog-box .top-blog-date-article img {height: 230px;}
}

/* = TOP_店舗紹介 = */

/* === フッター === */
.f-logo {width: 30%;}
    
.f-shop {width: 85%;}
    
.f-list li {margin-bottom: 6%;}

/* === 下層ページ === */
/* = メニュー-固定ページ = */
/* = サロン-固定ページ = */
/* = お問い合わせ-固定ページ = */
/* = 記事一覧 = */
.archive-thumbnail img {
    height: 250px;
}
@media only screen and (min-width:800px) and ( max-width:1023px) {
.archive-thumbnail img {height: 280px;}
}

	
/* === 投稿ページ共通 === */
.post-title-bg {
	padding: 10% 8%;
	text-align: center;
}
	
#post-content .post-title-bg h1 {margin: 6% 0;}
	
.post-cat {padding: 0 28%;}

.post-thumbnail {width: 75%;}
	
.post-tex {
	padding: 16% 8% 6%;
	margin: -10% 0 0 0;
}

.post-prev-next-box {
	margin-top: 10%;
	padding: 0 8%;
}

/* === サイドバー === */
aside#sidebar {
	margin: 10% auto 0;
	padding-bottom: 10%;
}
	
#post-content aside#sidebar section {
	padding-top: 7%;
	margin-bottom: 10%;
}
	
.side-news h2{margin: 0 0 5%;}
	
.side-news li a {padding: 4% 0;}
	
.side-news li .top-news-title {margin: 2% 0 0;}

p.top-news-link {margin: 7% auto 0;}
    
}

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

/* === 基本スタイリング === */
body {font-size: 16px;}

#content, #page-content, #archive-content{padding-top: 0;}

.container{
	position:relative;
	width: 90%;
	margin: 0 auto;
}
  
.sp{display: none;}
.pc{display: block;}
    
#page-content .sub-title-bg h1, #archive-content .sub-title-bg h1 {
	padding: 6% 80px;
	width: 50%;
	font-size: 140%;
}

.page-content-inner{padding: 7% 0;}
    
.content-box {width: 80%;}

/* === 1ヘッダー === */
header#header {
    background: transparent;
}
	
#header-wrapper {
    background: none;
    background-color: #ffffff;
    min-height: 100vh;
}

	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
        display: flex;
        overflow: hidden;
        height: 100%;
        align-items: flex-end;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}

.scroll-infinity__item>img {
  width: 100%;
}
	
	
.scroll-infinity.pc {
width: 65%;
height: 100%;
}


    .scroll-infinity__item {
        width: calc(100vw / 3.6);
		        margin: 0 20px;
    }	


.toggle {display: none;}

.toggle_pc {
position: absolute;
        display: block;
        top: 5.5%;
        right: 5%;
        height: 26px;
}
  
.toggle_pc span::before {top: 9px;}
  
.toggle_pc span::after {top: -16px;}
  
.g-navi {
	position: static;
	width: auto;
	height: auto;
	padding: 0;
	overflow-y: visible;
	background: transparent;
}
  
.g-navi-pc {
	position: fixed;
	top: 0;
	right: -370px;
	z-index: 30;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	width: 280px;
	height: 100vh;
	padding: 2% 2% 1%;
	background-color: rgb(255 255 255 / 90%);
	transition: all .4s;
	border-top: none;
}

.g-navi-pc nav ul {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.g-navi-pc nav li {
	padding: 13% 0;
	border-bottom: 1px dotted;
}

.g-navi-pc nav li:last-child{
	border-bottom: none;
}

.g-navi-pc nav ul li a {
	padding: 0;
	display: inline;
}
 
.g-sns {display:none;}

.g-sns-pc{
	display: flex;
	position: relative;
	width: auto;
	font-size: 145%;
}
  
.g-sns-pc li {margin-right: 30px;}
  
.g-sns-pc li:last-child {margin: 0;}

	
.nav-shop {
display: block;
        position: absolute;
        top: 5%;
        right: 15%;
}

.nav-shop li {
	display: inline-block;
	margin: 0 14px;
	font-size: 140%;
}

#header h1.site-title, p.site-title {
	max-width: 400px;
	margin: 0;
	position: absolute;
	top: 14px;
	left: 200px;
	font-size: 75%;
	line-height: 1.3;
}

p.site-title {
    left: 150px;
}
	
.header-container {
    width: 35%;
	padding: 0 3%;
}
	
#h-logo {
    filter: none;
}

.header-container-tex {
    color: unset;
	margin: 45px auto 0;
}

/* === 1ヘッダー1 === */
    #header-wrapper2 {
        position: fixed;
    }

header#header2 {
        padding: 14px 0;
        height: 62px;
    }
    .container {
        position: relative;
        width: 85%;
        margin: 0 auto;
    }

    #h-logo2 {
        width: 120px;
    }

.nav-shop2 {
display: block;
        position: absolute;
        top: -5px;
        right: 15%;
}

.nav-shop2 li {
	display: inline-block;
	margin: 0 14px;
	font-size: 140%;
}

/* === パンくず=== */
.breadcrumbs {padding: 0 7% 1.5%;}

/* === トップページ === */
/* = 共通 = */
#content section h2 {
	margin: 0 0 6% 0;
	width: 100%;
	font-size: 260%;
}

#content section h2 span.top-mi-tex {
	font-size: 30%;
	margin-top: 1.5%;
}

section.top-instagram {
    width: 84%;
    padding-top: 7%;
}

/* = TOP_プッシュポイント = */
section.top-push {
	margin: 0 auto;
	width: 86%;
	padding: 7% 0;
}

.top-push-box {display: flex;}
	
.top-push1, .top-push2 {
	padding: 0 5%;
	width: 50%;
}

#content section.top-push .top-push1 h2, #content section.top-push .top-push2 h2 {
	font-size: 135%;
	margin: 0 0 9%;
	padding: 0 0 9%;
	position: relative;
	text-align: center;
}

#content section.top-push .top-push1 h2:after, #content section.top-push .top-push2 h2:after {left: calc(50% - 30px);}

.top-push1 p, .top-push2 p {
	margin: 0 auto;
	width: 90%;
	font-size: 110%;
	text-align: center;
}
	
ul.top-link {padding: 6% 20% 0;}

.top-link li {margin: 0 5%;}

.top-link li a {padding: 4% 2%;}

/* = TOP_ニュース = */
.top-news-box {width: 50%;}

.top-news-box-r {width: 50%;}

.top-news ul {
	width: 100%;
	margin: 0;
}
	
.top-news li {font-size: 95%;}

.top-news .top-news-box li {padding: 0 10%;}
	
.top-news .top-news-box li a {
	padding: 0;
	display: inline;
}

.top-news-date-main img {
	width: 80%;
	margin: 0 auto 4.5%;
}
	
p.top-news-title-main {margin: 1% 0 0 0;}

.top-news li a {padding: 4% 2%;}
	
p.top-news-title {
	width: auto;
	margin: 0;
	font-size: 95%;
}

p.top-news-link a {
	font-size: 85%;
	width: 50%;
	padding: 1.5% 1%;
}

.top-news {padding: 7% 10%;}

.top-news-box-article {
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-news-box {width: 50%;}

.top-news-date time, .top-news-date-main time {font-size: 85%;}

/* = TOP_ブログ = */
#content section.top-blog h2 {margin: 0 0 3% 0;}

section.top-blog {padding: 7% 3%;}

.top-blog-box ul {padding: 0;}
	
.top-blog-box li {
	width: 22%;
	margin: 1.5%;
}
	
.top-blog-date {font-size: 70%;}

.top-blog-date-article-in {padding: 8px 10px;}

.top-blog-dis {padding: 7% 5%;}

.top-blog-box p.top-news-link {margin: 3% auto 0;}

.top-blog-box p.top-news-link a {
	width: 22%;
	padding: 1% 0.5%;
}

.top-blog-box .top-blog-date-article img {
    height: 230px;
}

/* = TOP_店舗紹介 = */
#content section.top-shop{
	padding: 7% 3%;
	display: flex;
	align-items: center;
}

.top-shop-inner {
	width: 40%;
	margin: 0;
	padding: 0 3%;
}

#content section.top-shop h2 {margin: 0 0 10% 0;}
	
.top-shop-map {width: 60%;}

.top-shop p {
	margin: 0;
	padding: 0;
}

/* === フッター === */
.footer-innner {
	width: 100%;
	padding: 4% 7%;
	display: flex;
	justify-content: center;
	align-items: center;
}
    
.f-logo-box {width: 25%;}
	
.f-logo-box-innner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}
    
.f-logo {
	width: 60%;
	margin: 0 10% 0 0;
}
    
.f-logo span {margin-top: 3%;}
    
.f-sns {
	margin: 0;
	text-align: left;
	width: auto;
}
	
.f-dis-box {
	width: 20%;
	margin: 0;
	display: block;
	padding: 0 0 0 3%;
}
	
.f-dis-box li {width: 100%;}
	
.f-dis-box a {
	padding: 4% 1%;
	border: none;
}

.f-dis-box li:first-child {margin: 0 0 5%;}

.f-sns li {font-size: 200%;}
    
.f-list-box {
	width: 55%;
	padding: 0 0 0 10%;
}
    
.f-list li {
	width: 50%;
	margin-bottom: 5%;
	padding: 0 1%;
	font-size: 90%;
	border-left: 1px solid #353035;
}
    
.f-list li:nth-child(3), .f-list li:nth-child(4) {margin: 0;}

.f-list li:nth-child(even) {border-right: 1px solid #353035;}

.f-list li:nth-child(odd) {border-right: none;}

p.copy {
	margin: 0;
	padding: 0 0 3%;
	font-size: 85%;
}

/* === 下層ページ === */
/* = メニュー-固定ページ = */
.menu section {
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

.menu section:last-child .menu-dis {order: 1;}

.menu section:first-child {margin: 0 auto 7%;}

.menu-dis {width: 38%;}

.menu-slide-wrapper {width: 62%;}

.menu-slide-wrapper .bx-wrapper {
	margin: 0;
	height: auto;
}

.menu-slide-wrapper .bx-wrapper img {
	width: 85%;
	height: auto;
}

.menu section h3 {margin: 0 0 12%;}

.menu section h3:after {margin: 0 0 -24px -20px;}

.menu-price {margin: 0 6% 4%;}

.menu-price2 {margin: 0 6%;}

.menu-slide-wrapper .bx-wrapper .bx-pager {
	height: 100%;
	left: 0;
	top: 90%;
}

.menu-slide-wrapper .bx-wrapper .bx-pager-item, .menu-slide-wrapper .bx-pager .bx-pager-item:last-of-type {margin: 0 8px;}


/* = サロン-固定ページ = */
.salon-mainbox {
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

.salon-mainimg {
	width: 45%;
	margin: 0;
}

p.salon-tex1 {
	width: 55%;
	margin: 0;
	padding-left: 5%;
	line-height: 1.9;
}

section.salon-access {
	margin: 7% 0;
	padding: 7% 0;
	background: #f0edeb3d;
}
	
.salon section h3 {
	font-size: 125%;
	margin: 0 10% 6%;
}

.salon-access p {
	padding: 0 10%;
	margin: 0 0 6%;
}

.salon table {
	width: 55%;
	margin: 6% auto 0;
}

.salon table tr {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3%;
}

.salon table th, .salon table td {
	text-align: right;
	margin: 0;
	width: 28%;
	padding: 1.5% 5% 1.5% 0;
	background: #f0edeb;
	border-bottom: 1px solid #f0edeb;
	font-size: 95%;
}

.salon table td {
	width: 72%;
	text-align: left;
	background: transparent;
	padding: 1.5% 0 1.5% 5%;
	border-bottom: 1px solid #f0edeb;
}

/* = お問い合わせ-固定ページ = */
.contact-tex {
	text-align: center;
	margin-bottom: 7%;
	padding: 0 14%;
}
    
.contact-article {
	display: flex;
	margin-bottom: 7%;
}
    
.contact-box section {
	margin-bottom: 0;
	width: 50%;
	padding: 0 5%;
}

.req-sheet {padding: 0 30%;}

.reserve-req .req-sheet {padding: 0 15%;}
	
.req-sheet-inner2 {margin-bottom: 0;}

.req-sheet-box {
	width: 100%;
	margin: 0;
}

.reserve-req .req-sheet-box {
	margin-bottom: 0;
	width: 50%;
}
	
.print-form .req-sheet-inner {margin-bottom: 5%;}

.print-form .req-sheet-box {margin-bottom: 6%;}
	
.req-sheet-inner .req-sheet-box, .req-sheet-inner2 .req-sheet-box {
	width: 100%;
	margin: 0 0 4% 0;
}

.req-sheet-box textarea {height: 140px;}

.req-sheet-box p.req-name, .req-sheet-box p.req-name-area, .req-sheet-box p.req-name-mb, .req-sheet-box p.req-name-mb-5, .req-sheet-box p.req-name-mb-2 {
	margin: 0 0 8px 0;
	font-size: 90%;
}
    
input.wpcf7-form-control.wpcf7-submit {
	padding: 14px 5px;
	width: 25%;
	margin: 4% auto 0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	text-align: center;
	margin: 1.5% 0 0 0!important;
	padding: 0 20%!important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 3% 0 0 0!important;
	text-align: center;
}

.reserve-req .req-sheet-inner, .reserve-req .req-sheet-inner2-article  {
	display: flex;
	margin-bottom: 3%;
}

.reserve-req .req-sheet-inner2-article  {margin-bottom: 0;}

.reserve-req .req-sheet-inner2 {
	display: block;
	width: 50%;
	margin-bottom: 0;
	padding: 0 5% 0 0;
}

.reserve-tex {
	font-size: 120%;
	margin: 6% 0;
}

.reserve-req .req-sheet-inner .req-sheet-box {
	width: 33.33333%;
	padding: 0 5% 0 0;
}
	
.reserve-req .req-sheet-inner .req-sheet-box:first-child{margin: 0;}

.reserve-req .req-sheet-inner .req-sheet-box:last-child{padding: 0;}

.reserve-req .req-sheet-inner2 .req-sheet-box p.req-name{
	line-height: 35px;
	height: 35px;
	font-size: inherit;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: 0.5px;
	padding-right: 7%;
}

.req-area1, .req-area2 {width: 100%;}

.reserve-req .req-sheet-inner2 .req-sheet-box:first-child{
	margin: 0 0 4% 0;
	padding: 0;
	width:100%;
}
	
.reserve-req .req-sheet-inner2 .req-sheet-box {
	padding-left: 0;
	width: 100%;
}

.req-area1 div {
	width: 40%;
	display: flex;
}

.req-area1 div span:first-child, span.wpcf7-form-control-wrap.menu-113 {
	min-width: 120px;
	max-width: 120px;
}
	
/* = 記事一覧 = */
#archive-content .sub-title-bg {margin-bottom: 5%;}

.archive-box {
display: flex;
    width: 86%;
    margin: 0 auto;
    justify-content: start;
    align-items: self-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#archive-content.blog-archive .archive-box {
    width: 80%;
}

#archive-content section {
    width: 21%;
position: relative;
    border: 1px solid #928d8b70;
    margin: 2%;
}

#archive-content section a {
    padding: 8%;
}

.archive-thumbnail {
    width: 100%;
}

#archive-content section h2 {
    width: auto;
    margin: 3% 0 0 0;
	font-size: 90%;
}

.archive-box .top-news-date time {
    font-size: 75%;
}
	
.pagenation {
    margin-top: 3%;
}
	
#archive-content main#main {
    padding-bottom: 7%;
}
	
#archive-content.blog-archive section {
    width: 29%;
}

.blog-archive p {
    font-size: 80%;
    margin: 5% 0% 0;
}

#archive-content section:hover {
	border: 1px solid #fff
}

.archive-thumbnail img{
	height: 180px;
}

/* === 投稿ページ共通 === */
#post-content {padding: 60px 10% 7%;}
	
#post-content main#main {
	float: left;
	width: 70%;
	padding: 0;
	margin: 7% 0 0 0;
	background: #fff;
}
	
#post-content main#main article {position: relative;}
	
.post-blog{
	background: repeating-linear-gradient( -45deg, #f3f3cd, #f3f3cd 25px, #ffffff 25px, #ffffff 30px );
	background-size: 100% 300px;
	background-repeat: no-repeat;
}
	
.post-news {
	background: repeating-linear-gradient( -45deg, #f0edeba6, #f0edeba6 25px, #ffffff 25px, #ffffff 30px );
	background-size: 100% 300px;
	background-repeat: no-repeat;
}
	
.post-title-blog, .post-title-news {background: transparent;}

.post-title-bg {padding: 10% 8% 8%;}

.post-thumbnail {
	width: 60%;
	margin: 0 auto;
}

.post-title-bg time {
	position: absolute;
	top: -18px;
	left: 0;
	background: #35302d;
	color: #fff;
	padding: 6px;
	width: 18%;
	font-size: 14px;
}

	
#post-content .post-title-bg h1 {margin: 0 0 4%;}

.post-tex {
	background: transparent;
	padding: 7% 8%;
	margin: 0;
	font-size: initial;
}
	
.post-prev-next-box {
	margin-top: 3%;
	padding: 0 2%;
	background: transparent;
}

.post-prev, .post-next {font-size: 90%;}

/* === サイドバー === */
#post-content aside#sidebar {
	float: right;
	width: 25%;
	padding: 5% 3% 0;
	margin: 7% 0 0 0;
	background: #fff;
}

.side-news li .top-news-date {display: block;}

.side-news li .top-news-title {margin: 4% 0 0 0;}

.side-news li a {
	padding: 8% 0 10%;
	display: block;
}

.single-link {display: block;}

.single-link li {
	width: 100%;
	margin: 0;
}

.single-link li:first-child {margin: 0 0 15% 0;}


#post-content aside#sidebar section {
	padding-top: 0;
	border: none;
	margin-bottom: 20%;
}
	
.side-news h2{
	font-size: 100%;
	margin: 0 0 8%;
}
	
#post-content #sidebar .top-news-cat {
	margin: 0 0 0 5px;
	padding: 1px 10px;
	font-size: 80%;
}

.side-news li .top-news-title {
	display: block;
	font-size: 85%;
}

#post-content #sidebar .top-news-link {margin: 10% auto 0;}
	
#post-content #sidebar .top-news-link a {
	font-size: 85%;
	width: 60%;
	padding: 2% 1%;
}

}