@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Reggae+One&family=Sawarabi+Gothic&display=swap');


html,body{
	overflow-x:hidden;
}

body{
	font-family: 'Sawarabi Gothic', sans-serif;
}

.home .article h1,.page .date-tags,.author-info,.home .entry-title{
	display:none;
}

/* 【初期】 */
.home .entry-content{
	margin-top:0;
}
.flexslider,
.metaslider .flexslider,
.content,
.home .entry-content,
.home .article,
.footer,
.copyright{
	padding:0!important;
	margin:0!important;
}
.footer-bottom,
.tagline{
	margin:0!important;
}

.content{
	background:#fff;
}


.article h2, .article h3, .article h4{
	margin:0;
	padding:0;
	background:none;
}
.article p{
	margin:0;
}

.main a{
	display:block;
	text-decoration:none;
}
.breadcrumb a{
	display:inline-block;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post{
	display:flex;
}

.single p{
	margin-bottom:1em;
}

/* 【問い合わせ等送信ボタン】 */
.wpcf7 .wpcf7-submit:disabled{
	background-color: #eee;
	color:#303030;
}

input[type="submit"]{
	background-color:#D26500;
	color:#fff;
}


/* 【mobileナビ】 */
.menu-drawer li a{
    background: #D26500;
    margin: 20px 5px;
    text-align: center;
    border-radius: 10px;
    display: block;
    box-shadow:2px 2px 3px #707070;
}
.menu-drawer a{
    color:#fff; 
}


/* ヘッダー******************** */
.header-container-in{
	display:none;
}
.H-nav{
	background:#F6F2ED;
/* 	background:#E9DFD4; */
}
.H-nav a{
	display:block;
	text-decoration:none;
}
.H-nav .H-wrap-width{
	max-width:1500px;
	margin:auto;
}
.H-nav .H-logo,
.H-nav .H-gnavi{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}
.H-nav .H-logo img,
.H-nav .H-logo a{
/* 	width:30%; */
	max-width:350px;
}
.H-nav .H-gnavi{
	display: grid;
	align-content: space-around;
}
.H-nav .H-gnavi .gnavi-top .text,
.H-nav .H-gnavi .gnavi-top a{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
	text-align:center;
	
}
.H-nav .H-gnavi .gnavi-top .text .txt01{
	font-size:1em;
	text-align:center;
	position:relative;
	top:10px;
}
.H-nav .H-gnavi .gnavi-top .text .txt02{
	font-size: 1.6em;
	margin: auto;
	font-weight:bold;
}
.H-nav .H-gnavi .gnavi-top a{
	background:#D26500;
	color:#fff;
	font-size: 1.3em;
	padding: 0.5em 0;
	border-radius:5px;
	box-shadow:0px 2px 3px #505050;
	margin: auto;
	transition:.6s;
}
.H-nav .H-gnavi .gnavi-top a:hover{
	opacity:.5;
}
.H-nav .H-gnavi .gnavi-bottom ul{
	padding:0;
}
.H-nav .H-gnavi .gnavi-bottom li{
	width:calc((100% / 4) - .6em);
	margin:0.3em;
	list-style:none;
	text-align:center;
}
.H-nav .H-gnavi .gnavi-bottom li a{
	color:#303030;
	background: #fff;
	padding: 0.3em 0;
	transition:.6s;
	box-shadow:0px 2px 3px #808080;
	border-radius:5px;
}
.H-nav .H-gnavi .gnavi-bottom li a:hover{
/* 	background:#5a0200; */
	background:#F5AE09;
/* 	color:#fff; */
}
.H-nav i{
	padding-right:0.3em;
}
.H-nav .H-gnavi .gnavi-top .text .txt01 i{
	padding:0 0.3em;
}

/* 【モバイル時のheader色】 */
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
/*   color: #fff; */
  background-color:#F5AE09;
}

/* フッター******************** */
#content-bottom-in{
	width:100%;
}
.widget-content-bottom,
.content-bottom{
	margin:0!important;
}
.F-nav{
	position:relative;
	padding:5em 0 0;
	background: #F6F2ED;
}
.F-nav .F-logo{
	display:block;
	width:40%;
	max-width:250px;
	margin:auto;
}

.F-nav .F-info{
	max-width:1200px;
	margin:2em auto 3.5em;
}
.F-nav .F-info .box{
	width:calc((100% / 2) - 2em);
	margin: auto 1em;
}

.F-nav .F-info .box-02 a{
	display:block;
	text-decoration:none;
	border-radius:50px;
	color:#fff;
	text-align:center;
	width:90%;
	max-width:400px;
	padding:0.5em 0;
	margin:auto;
	font-size:1.3em;
	box-shadow:0px 2px 3px #505050;
	transition:.6s;
}
.F-nav .F-info .box-02 .F-but1{
	background:#D26500;
	margin-bottom:1em;
}
.F-nav .F-info .box-02 .F-but2{
	background:#673F1A;
}
.F-nav .F-info .box-02 a:hover{
	opacity:.6;
}
.F-nav table{
	width:90%;
	margin:auto;
}
.F-nav table tr,
.F-nav table tr:nth-of-type(2n+1),
.F-nav table tr th,
.F-nav table tr td{
	background:none;
	border:none;
}
.F-nav table tr,
.F-nav table tr:nth-of-type(2n+1){
	border-top:solid 2px #673F1A;
	border-bottom:solid 2px #673F1A;
}
.F-nav .F-map iframe{
	vertical-align:top;
}
.F-nav i{
	padding-right:0.3em;
}

.navi-footer-in a:hover{
	background:#673F1A!important;
}

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

.pc-main,
.sp-main{
	background:#fff;
}

.fl{
	display:flex;
	flex-wrap:wrap;
}
.fl-item-01{
	width:calc((100% / 2) - 1em);
	margin:0.5em !important;
}

.font-T{
	font-family: 'Reggae One', cursive;
}

.img-but{
	box-shadow:0px 2px 3px #303030;
	transition:.6s;
}
.img-but:hover{
	opacity:.6;
}

/* ==================
TOP
================== */
/* 【本文の幅調節：画面幅に合わせる】 */
.home .content-in{
	width:100%;
}
.home main{
	background:transparent;
}
.home .main{
	padding:0;
	border:none;
}
.wrap-width{
	max-width:1200px;
	margin:auto;
	position:relative;
	padding:0 1em;
}

.top-sec01,
.top-sec02,
.top-sec03,
.top-sec04{
	position:relative;
	margin:0;
}

.big{
	font-size:1.5em;
	font-weight:bold;
	letter-spacing: 0.15em;
}
.color-01{
	color:#D26500;
}
.color-02{
	color:#C20000;
}

/* -- */
.top-sec01{
	padding:3em 0 8em;
/* 	background:#fff; */
}
.top-sec01{ 
/*   padding-bottom: calc(10vw + 10px);   */
    position: relative;
    overflow: hidden;
    background-color:#fff;
/* 	z-index:-2; */
}
.top-sec01::before {
   content: '';
      position: absolute;
      bottom: 0;
      left: 0;
/*       border-bottom: 25vw solid #F9F7ED; */
	border-bottom: 25vw solid #FBEDCD;
	border-left: 100vw solid transparent;
/* 	z-index: -1; */
}
.top-sec01::after {
  content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      border-bottom: 50vw solid #F6F2ED;
	border-right: 70vw solid transparent;
/* 	z-index: -1; */
}
.top-sec01 .wrap-width{
	z-index:1;
}

.top-sec01 .text-01{
	position: absolute;
	width: 50%;
	max-width: 600px;
	margin: 0 150px 0 0;
	right: 0;
	top: 8%;
}
.top-sec01 .text-01::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec01_text.png) center no-repeat;
	background-size:contain;
	width: 65%;
	height: 0;
	position: absolute;
	top: -65px;
	padding-top: 16.88%;
	left: 0;
	z-index: -1;
	image-rendering:-webkit-optimize-contrast;
}
.top-sec01 .text-01 .txt01{
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.top-sec01 .text-01 .txt02{
	position: relative;
	left: 5%;
	padding-right: 5%;
}

.top-sec01 .img-katsu{
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec01_00.png) center no-repeat;
	background-size:contain;
	width: 100%;
	height: 0;
	padding-top:66.75%;
	margin-left: 50px;
}
.top-sec01 .text-02{
	position:relative;
	z-index:1;
	max-width: 1200px;
	margin: auto;
}
.top-sec01 .text-02 p{
	text-align: center;
	font-size: 1.2em;
	line-height: 2.3em;
	letter-spacing: 0.15em;
}
.top-sec01 .text-02::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/yuge_000.png) center no-repeat;
	background-size:contain;
	width: 25%;
	height: 0;
	position: absolute;
	top: -70px;
	left: 50px;
	padding-top: 14.23%;
}

/* -- */
.top-sec02{
	padding:15em 0;
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec03-line.png) center repeat-y,url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/22969004.jpg) center repeat;
	background-size:200px,contain;
}
.top-sec02::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/cut_2.png) center no-repeat;
	background-size:contain;
	width:40%;
	height:0;
	position:absolute;
	top: -10px;
	left: -100px;
	padding-top:40%;
}
.top-sec02::after{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/cut_1.png) center no-repeat;
	background-size:contain;
	width:40%;
	height:0;
	position:absolute;
	bottom: -30px;
	right: -180px;
	padding-top:40%;
}
.top-sec02 .wrap-width{
	padding:0;
	z-index:1;
}
.top-sec02 .img-pig{
	background: url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/buta.png) center no-repeat;
	background-size: contain;
	width: 8%;
	height: 0;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 7.2%;
	opacity:.6;
}
.top-sec02 .menu-box{
	position:relative;
}
.top-sec02 .menu-box2{
	flex-direction:row-reverse;
}
.top-sec02 .menu-box h2{
	position: relative;
	padding: 0 1em;
	writing-mode: vertical-rl;
	font-size: 2em;
	letter-spacing: 0.3em;
	top: 50px;
	color:#fff;
}
.top-sec02 .menu-box1 h2{
	left: 50%;
	transform: translateX(-50%);
}
.top-sec02 .menu-box2 h2{
	right: 50%;
	transform: translateX(50%);
}
.top-sec02 .menu-box h2 .txt-bottom{
	position: relative;
	top: 100px;
}
.top-sec02 .menu-box1 .item{
	width: 70%;
	max-width: 550px;
	margin: 0 0.5em 0 auto;
}
.top-sec02 .menu-box2 .item{
	width: 70%;
	max-width: 550px;
	margin: 0 auto 0 0.5em;
}
.top-sec02 .menu-box .item .txt{
	max-width: 400px;
	margin: auto;
}


.top-sec02 .menu-img01::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec02_img01.png) center no-repeat;
	background-size:contain;
	width: 30%;
	height: 70%;
	position: absolute;
	bottom: 0;
	left: 20%;
}
.top-sec02 .menu-img02::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec02_img02-2.png) center no-repeat;
	background-size:contain;
	width: 30%;
	height: 70%;
	position: absolute;
	bottom: 0;
	right: 17%;
}
.top-sec02 .menu-img03::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec02_img03.png) center no-repeat;
	background-size:contain;
	width: 25%;
	height: 52%;
	position: absolute;
	bottom: 0;
	left: 20%;
}


/* -- */
.top-sec03{
	padding:3em 0;
	background:#D26500;
}

.top-sec03 a{
	padding: 0.5em 0;
	width: calc((100% / 2) - 1em);
	margin: 0.5em;
	text-align: center;
	font-size: 1.3em;
	border: solid 8px #673F1A;
	background:rgba(255,255,255,0.3);
	color:#fff;
	border-radius:5px;
	transition:.6s;
	position:relative;
}
.top-sec03 a:hover{
	background:rgba(255,255,255,0.1);
}

.top-sec03 .img-01::before{
	content:"";
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec03_text.png) center no-repeat;
	background-size:contain;
	width: 80%;
	height: 0;
	position: absolute;
	top: -180px;
	left: 0;
	padding-top: 28.92%;
}

/* -- */
.top-sec04{
	padding:8em 0;
	background:#fff;
}
.top-sec04 h2{
	text-align: center;
	margin: 0 auto 2em;
	font-size: 1.5em;
	letter-spacing:0.1em;
}

.top-sec04 .news-area,
.top-sec04 .sns-area{
	width: calc((100% / 2) - 2em);
	margin: 0 1em;
}
.top-sec04 .news-area a{
	color:#303030;
}
div.whatsnew a{
	transition:.6s;
}
div.whatsnew a:hover,
.top-sec04 .news-area .but-more:hover{
	background:#c0c0c0;
}
.top-sec04 .news-area .but-more{
	margin: 1.5em 0 0 auto;
	text-align: center;
	width: 150px;
	transition:.6s;
	border-radius:5px;
}
.top-sec04 .sns-area a:nth-of-type(1){
	margin-bottom:2em;
}
.top-sec04 .sns-area a img{
	box-shadow: 0px 2px 3px #303030;
	vertical-align: top;
}
.top-sec04 .sns-area a{
	transition:.6s;
}
.top-sec04 .sns-area a:hover{
	opacity:.6;
}


/* ==================
固定ページ
================== */
@media screen and (min-width: 1024px) {
  	.page-id-80 .article,
	.page-id-82 .article,
	.page-id-84 .article,
	.page-id-86 .article,
	.page-id-130 .article{
    	width: 1000px;
    	margin: 0 auto;
  	}
}

.entry-title,
.archive-title{
	text-align:center;
}
.page .entry-title{
	font-family: 'Reggae One', cursive;
	writing-mode: vertical-rl;
/* 	background:#F6F2ED; */
	background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/22969004.jpg) center no-repeat;
	background-size:cover;
	letter-spacing: 0.2em;
	height: 400px;
	float: left;
	font-size: 2em;
	width: 15%;
	text-align: center;
	margin: 0 0 0 20px;
	display: flex;
	align-items: center;
	padding-top: 2em;
	position:relative;
	box-shadow: -1px 1px 5px 1px #808080;
}
.page .entry-title::before{
	content:"";
	width:100%;
	height:100%;
	background:#D26500;
	position:absolute;
	top:30px;
	left:-30px;
	z-index:-1;
}

.page-right{
	width: 75%;
	margin: 130px 25px 0 0;
	float: right;
}

.archive-title .fa{
	display:none;
}

.mini{
	font-size:.8em;
}


/* -店舗紹介- */
.page-id-80 .about-table tr,
.page-id-80 .about-table tr:nth-of-type(2n+1),
.page-id-80 .about-table th,
.page-id-80 .about-table td{
	border:none;
	background:none;
}
.page-id-80 .about-table tr,
.page-id-80 .about-table tr:nth-of-type(2n+1){
/* 	border-bottom: solid 1px #673F1A; */
	border-bottom: solid 5px #fff;
	
/* 	margin-bottom: 0.3em;
	display: flex; */
}
.page-id-80 .about-table tr:last-child{
	border-bottom:none;
}
.page-id-80 .about-table th{
	background:#f7efc5;
	width:35%;
}
.page-id-80 .about-table td{
	padding: 0.8em 0 0.8em 1em;
}

.page-id-80 .about-inline{
	display:inline-block;
}

/* -お品書き- */
.menu-sec01,
.menu-sec02,
.menu-sec03,
.menu-sec04,
.menu-sec05,
.menu-sec06,
.menu-image{
	position:relative;
	padding:2em 0;
	margin-bottom:0!important;
}
.page-id-82 .main .menu{
	display:inline-block;
}
/* .menu .M-title{
	text-align:center;
	font-size:1.3em;
	background:#673F1A;
	padding:0.3em;
	color:#fff;
} */
.menu-sec01,
.menu-sec03,
.menu-sec05{
/* 	background:#dfcba4; */
}
.menu-sec02 .wp-block-columns{
	flex-direction:row-reverse;
}
.menu-sec04,
.menu-sec06{
/* 	background:#fff; */
}

.menu-box{
	width:100%;
}
.menu-box .title{
	pointer-events: none;
	
	background:#673F1A;
	color: #fff;
	padding: 0.5em;	
	width: 100%;
	display: block;
	text-align: center;
	font-size:1.3em;
}
.menu-box ul{
	list-style: none;
	padding: 0!important;
}
.menu-box ul li{
	display:flex;
	border-bottom: solid 1px #000;
	padding:0.5em 0.5em;
}
.menu-box ul li .txt01{
	width:80%;
	line-height:1.3em;
}
.menu-box ul li .txt02{
	width:20%;
	text-align:right;
	margin: auto;
}
.menu-box input{
	display:none;
}

.menu-image .bg-img{
	position:absolute;
	top:0;
	left:-50%;
	width:200%;
	height:100%;
 	background:#E9DFD4;
	z-index:-1;
	display: inline-block;
	overflow:hidden;
}
@media screen and (min-width: 781px){
	.sp-img{
		display:none;
	}
}
@media screen and (max-width: 781px){
	.sp-img{
		display:block;
	}
	.pc-img{
		display:none;
	}
	.menu-box .title{
		pointer-events: all;
	}
	
	.menu-toggle{
		height: 0;
		padding: 0 8px;
		transition: .2s;
		font-size:0.8em;
	}
	
	input:checked + .menu-toggle{
		height: auto;
		padding: 8px;
	}
	
	.menu-toggle li{
		padding: 0 8px;
		line-height: 0;
		visibility: hidden;
		opacity: 0;
		transition: 
			padding .2s,
			line-height .2s,
			visibility .1s,
			opacity .1s;
	}
	
	input:checked + .menu-toggle li{
		padding: 8px;
		line-height: 1.5;
		visibility: visible;
		opacity: 1;
	}
	
	
	.menu-box label{
		position:relative;
		display: block;
	}
	/*矢印描画*/
	.menu-box label:before{
		content:"";
		display:block;
		width:10px;
		height:10px;
		border-top: #fff 3px solid;
		border-right: #fff 3px solid;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		position:absolute;
		right: 5%;
		top: 0;
		bottom: 15%;
		margin: auto;
	}

}


/* -テイクアウト- */
.page-id-84 .main .takeout-01{
	display:inline-block;
	margin-top:3em;
}

.wqe-Form .wqe-NavBar.wqe-belongs-hnavigator.wqe-sticks-screen{
	top:60px!important;
}
.wqe-Form .wqe-Monitor:not(.wqe-is-confirming){
	margin-top: 60px;
}


/* -お問い合わせ- */
.wpcf7-form p{
	margin-bottom:1em;
}


/* -プライバシーポリシー- */
.page-id-130 p{
	margin-bottom:1em;
}
.page-id-130 .entry-title{
	writing-mode: horizontal-tb;
	float: none;
	width: 80%;
	margin: 0 auto 2em;
	display: block;
	height: auto;
	padding: 1em 0;
	margin-top: 1.5em;
	font-size: 1.5em;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1100px){
	.top-sec02 .menu-box .item {
		width: 40%;
	}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.H-nav{
		display:none;
	}
/* -- */
	.top-sec02 {
		padding: 10em 0;
	}
/* -- */
	.top-sec03 .img-01::before{
		top: -150px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.F-nav .F-info .box {
  		width: 80%;
  		margin: 1em auto;
	}
/* -- */
	.top-sec01 .text-01{
		position: relative;
		width: fit-content;
		margin: auto;
	}
	.top-sec01 .img-katsu {
		background: url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/Group-34.png) center no-repeat;
		background-size: contain,70%;
		width: 100%;
		height: 0;
		padding-top:99.70%;
		margin: 2em auto 5em;
		position:relative;
	}
	.top-sec01 .img-katsu::before{
		content:"";
		background:url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/Group-28.png) center no-repeat;
		background-size:contain;
		width: 70%;
		position: absolute;
		top: -10%;
		right: -5%;
		height: 0;
		padding-top: 68.77%;
	}
	.top-sec01 .text-02 p{
		font-size:1em;
	}
/* -- */
	.top-sec02{
		padding:8em 0;
		background: url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/sec03-line.png) left repeat-y,url(https://tonkatsu-taikou.com/wp-content/uploads/2022/08/22969004.jpg) center repeat;
		background-size: 20%,contain;
	}
	.top-sec02::before,
	.top-sec02::after{
		content: none;
	}
	.top-sec02 .img-pig{
		width: 15%;
		padding-top: 13.5%;
		top: 30px;
	}
	.top-sec02 .menu-box2 {
  		flex-direction: revert;
	}
	.top-sec02 .menu-box h2 {
		  left: 0;
		  transform: translateX(0);
		  width: 20%;
		  padding: 0;
		  display: grid;
		  align-content: center;
	}
	.top-sec02 .menu-box .item {
  		width: 80%;
  		margin: 1em auto;
		padding: 1em 0;
	}
	.top-sec02 .menu-box .item .txt{
		padding: 0 0.5em 0 1.5em;
	}
	.top-sec02 .menu-img01::before,
	.top-sec02 .menu-img02::before{
		width: 30%;
		height: 45%;
		left: 10%;
	}
	.top-sec02 .menu-img03::before{
		width: 25%;
		height: 35%;
		left: 13%;
		bottom: 30px;
	}
/* -- */
	.top-sec03 .img-01::before{
		top: -110px;
	}
/* -- */
	.top-sec04 h2{
		margin: 0 auto 1em;
	}
	.top-sec04 .news-area, .top-sec04 .sns-area {
  		width: 80%;
  		margin: 1em auto;
	}
}

@media screen and (max-width: 600px){
	.big {
		font-size: 1.3em;
	}
/* -- */
	.top-sec03 .img-01::before{
		top:-80px;
	}
/* -- */
	.page .entry-title{
		writing-mode: horizontal-tb;
		float: none;
		width: 80%;
		margin: auto;
		display: block;
		height: auto;
		padding: 1em 0;
		margin-top: 1.5em;
		font-size: 1.5em;
	}
	.page .entry-title::before{
		top: 15px;
		left: -15px;
	}
	.page-right {
		width: 90%;
		margin: 3em auto 0;
		float: none;
	}
	.page-id-82 .page-right{
		width:100%;
	}
}


@media screen and (min-width: 480px){
	.sp-main,
	.sp-480,
	.container .sp-img{
		display:none;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.pc-main,
	.container .pc-img{
		display:none;
	}
	.sp-main,
	.sp-480,
	.sp-img{
		display:block;
	}
	.big {
		font-size: 1.2em;
	}
	.F-nav{
		padding: 3.5em 0 0;
	}
/* -- */
	.top-sec01 {
		padding: 3em 0 5em;
	}
	.top-sec01 .text-01::before{
		top:-35px;
	}
	.top-sec01 .text-02 p{
		line-height: 2.1em;
		letter-spacing: 0.1em;
	}
	.top-sec01 .img-katsu{
		margin: 2em auto 3em;
	}
	.top-sec01 .text-02::before{
		top: -30px;
		left: 5px;
	}
/* -- */
	.top-sec02 {
		padding: 5em 0;
	}
	.top-sec02 .menu-box h2{
		font-size:1.5em;
	}
	.top-sec02 .menu-box h2 .txt-bottom{
		top:75px;
	}
	.top-sec02 .menu-img01::before,
	.top-sec02 .menu-img02::before {
		width: 40%;
		height: 45%;
		left: 5%;
	}
	.top-sec02 .menu-img03::before{
		width: 35%;
		left: 5%;
	}
/* -- */
	.top-sec03 a{
		width:100%;
	}
	.top-sec03 .img-01::before{
		top:-105px;
	}
/* -- */
	.top-sec04 {
		padding: 5em 0;
	}
	.top-sec04 .news-area, .top-sec04 .sns-area {
  		width: 90%;
	}
/* -- */
	.entry-title{
		font-size:1.3em!important;
	}
}



.hissu{
	color:red;
	font-size:.8em;
}


.top-sec03 .wrap-width {
	justify-content: center;
}