@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* vegas style */

.header-cover {
    margin: 0 auto;
    width: 100%;
    background: #fff;
}

.slider {
    width: 100%;
   min-height: 100vh;
    background-position:center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 調整 */

.home #header-container {
    position: absolute;
    width: 100%;
    top: 0;
    background: transparent;
}

.home .header-container-in.hlt-top-menu .navi {
    background: transparent;
}

.home .site-name-text-link,
.home .navi-in a {
    color: #fff;
}

#header-container .navi, #navi .navi-in>.menu-header .sub-menu {
    background-color: transparent;
}
.vegas-slide-inner {
	background-attachment: fixed;
}

/*---------------------------------
親テーマの修正
--------------------------------*/
.article h2 {background-color:transparent;}

.entry-content {
	margin-top: 0;/* margin-top: 1em */
    margin-bottom:0;/* margin-bottom: 3em; */
}

.body .article{margin-bottom:0!important;}

@media print {
#container .header-container,
#container .ad-area,
#container .breadcrumb-category,
#container .entry-footer,
#container .footer{
    display: block !important;
}}

@font-face {
	font-family: "MrsSaintDelafield";
	font-display: swap;
  src:
  url("https://kurogane-htcp.com/wp-includes/fonts/MrsSaintDelafield-Regular.woff2")format("woff2"),
  url("https://kurogane-htcp.com/wp-includes/fonts/MrsSaintDelafield-Regular.woff")format("woff"),
  url("https://kurogane-htcp.com/wp-includes/fonts/MrsSaintDelafield-Regular.eot")format("eot"),
  url("https://kurogane-htcp.com/wp-includes/fonts/MrsSaintDelafield-Regular.ttf")format("truetype")
  ;
}

/*---------------------------------
p
--------------------------------*/
* {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:400;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
	

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

/* リンクの色 */
a {color: #1a1a1a;}
a.blueunder {color: #0071BC!important; border-bottom:1px solid #0071BC;}
a.blueunder:hover {color: #bbb!important; border-bottom:1px solid #bbb;}
a.blueunder_light {color: #06A2B7!important; border-bottom:1px solid #06A2B7;}
a.blueunder_light:hover {color: #bbb!important; border-bottom:1px solid #bbb;}
p{
	margin:0!important;
	padding:0!important;
	font-size:1.6rem;
	line-height:1.6em;
	font-weight:400;
	color:#000;
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 768px) {p{font-size:1.5rem;}}
@media screen and (max-width: 550px) {p{font-size:1.4rem;}}
@media print {p{font-size:14px;}}
p.p16,.p16{
	font-size:1.6rem;
	line-height:1.6em;
	font-weight:400;
}
p.p15,.p15{
	font-size:1.5rem;
	line-height:1.6em;
	font-weight:400;
}
@media screen and (max-width: 768px) {p.p16,p.p15,.p15,.p16{font-size:1.5rem;}}
@media screen and (max-width: 550px) {p.p16,p.p15,.p15,.p16{font-size:1.4rem;}}
@media print {p.p16,p.p15{font-size:14px;}}

.em12{font-size:1.2em;}
.em09{font-size:0.9em;}
.em08{font-size:0.8em;}
.em07{font-size:0.7em;}
.em06{font-size:0.6em;}
.em05{font-size:0.5em;}
.em04{font-size:0.4em;}
.em03{font-size:0.3em;}


.bigbigbig{font-size:3rem!important; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 600px) {.bigbigbig{font-size:2.2rem!important;}}

.bigbig{font-size:2.4rem!important; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 960px) {.bigbig{font-size:2.2rem!important;}}
	@media screen and (max-width: 480px) {.bigbig{font-size:1.9rem!important;}}
	@media print {p.bigbig{font-size:17px;}}	
	
.big{font-size:2rem!important; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 960px) {.big{font-size:1.7rem!important;}}	
	@media screen and (max-width: 480px) {.big{font-size:1.6rem!important;}}	
	
	
.littlebig{font-size:1.8rem!important; line-height:1.5em; margin-bottom:0;}
.littlebig02{font-size:1.8rem!important; line-height1.5em; margin-bottom:0;}
@media screen and (max-width: 960px) {
	.littlebig{font-size:1.7rem!important;}
	.littlebig02{font-size:1.7rem!important;}
}
@media screen and (max-width: 768px) {
	.littlebig{font-size:1.6rem!important;}
	.littlebig02{font-size:1.5rem!important;}
}		
@media screen and (max-width: 750px) {
	.littlebig02{font-size:1.5rem!important;}
}
@media screen and (max-width: 480px) {
	.littlebig{font-size:1.5rem!important;}
	.littlebig02{font-size:1.4rem!important;}
}
@media print {.littlebig{font-size:1.4rem!important;}}
		
p.mini,.mini{
	font-size:1.4rem!important;
	margin:0;
	padding:0;
}
@media screen and (max-width: 750px) {p.mini,.mini{font-size:1.4rem!important;}}		
@media screen and (max-width: 480px) {p.mini,.mini{font-size:1.3rem!important;}}		

p.mini02,.mini02{
	font-size:1.4rem!important;
	line-height:1.4em;
	margin:0;
	padding:0;
}
@media screen and (max-width: 750px) {p.mini02,.mini02{font-size:1.3rem!important;}}		
@media screen and (max-width: 480px) {p.mini02,.mini02{font-size:11px!important;}}	

		
p.minimini,.minimini{
	font-size:12px!important;
	margin:0;
	padding:0;
}
.mincyo{font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;}
.yugo{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif!important;}
.futogo{font-family:"Gothic MB101","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif!important;}
.midago{font-family:"Midashi Go MB31","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif!important;}
.gob{font-family:"Gothic Medium BBB","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif!important;}

.p_kage_white{text-shadow: 0.5px 0.5px 1px #fff; }
/*--------------------------------
基本
---------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.mainbox{padding-bottom:0!important;}

/*--------------------------------
改行
---------------------------------*/
@media screen and (max-width: 1060px) {.br-1060 { display:none; }}

/* 960px以下は改行しない */
@media screen and (max-width: 960px) {.br-960 { display:none; }}

/* 900px以下は改行しない */
@media screen and (max-width: 900px) {.br-900 { display:none; }}

/* 768px以下は改行しない 大きいタブレット縦は改行*/
@media screen and (max-width: 768px) {.br-768 { display:none; }}

@media screen and (max-width: 750px) {.br-750 { display:none; }}
@media screen and (max-width: 700px) {.br_700 { display:none; }}
@media screen and (max-width: 600px) {.br_600 { display:none; }}
@media screen and (max-width: 480px) {.br_480 { display:none!important; }}
@media screen and (max-width: 400px) {.br_400 { display:none!important; }}

@media screen and (min-width: 1263px) {.br1263 { display: none;}}
@media screen and (min-width: 1180px) {.br1180 { display: none;}}
@media screen and (min-width: 1150px) {.br1150 { display: none;}}
@media screen and (min-width: 1080px) {.br1080 { display: none;}}
@media screen and (min-width: 1032px) {.br1032 { display: none;}}
@media screen and (min-width: 970px) {
	.br970 { display: none;}}

@media screen and (min-width: 960px) {
	.br960 { display: none;}}

@media screen and (min-width: 875px) {
	.br875 { display: none;}}

@media screen and (min-width: 851px) {
	.br850 { display: none;}}

@media screen and (min-width: 801px) {
	.br800 { display: none;}}

@media screen and (min-width: 768px) {
	.br768 { display: none;}}

@media screen and (min-width: 750px) {
	.br750 { display: none;}}

@media screen and (min-width: 700px) {
	.br700 { display: none;}}

@media screen and (min-width: 650px) {
	.br650 { display: none;}}

@media screen and (min-width: 600px) {
	.br600 { display: none;}}

@media screen and (min-width: 550px) {
	.br550 { display: none;}}

@media screen and (min-width: 481px) {
	.br480 { display: none;}}

@media screen and (min-width: 461px) {
	.br460 { display: none;}}

@media screen and (min-width: 430px) {
	.br430 { display: none;}}

@media screen and (min-width: 420px) {
	.br420 { display: none;}}

@media screen and (min-width: 400px) {
	.br400 { display: none;}}

@media screen and (min-width: 390px) {
	.br390 { display: none;}}

@media screen and (min-width: 376px) {
	.br375 { display: none;}}
@media screen and (min-width: 361px) {
	.br360 { display: none;}}

@media screen and (min-width: 351px) {
	.br350 { display: none;}}

@media screen and (min-width: 321px) {
	.br320 { display: none;}}

/*--------------------------------
画像の切り替え（スマホとPC)
---------------------------------*/
.pc960 { display: block !important; margin:0;}
.sp960 { display: none !important;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 960px) {
.pc960 { display: none !important; }
.sp960 { display: block !important; }
}

.pc850 { display: block !important; }
.sp850 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 850px) {
.pc850 { display: none !important; }
.sp850 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc820 { display: block !important; }
.sp820 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 820px) {
.pc820 { display: none !important; }
.sp820 { display: block !important; }
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc768 { display: block !important; }
.sp768 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc768 { display: none !important; }
.sp768 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc750 { display:block !important; }
.sp750 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc750 { display: none !important; }
.sp750 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc640 { display:block !important; }
.sp640 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc640 { display: none !important; }
.sp640 { display: block !important; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc480 { display:block !important; }
.sp480 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc480 { display: none !important; }
.sp480 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc420 { display:block !important; }
.sp420 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 421px) {
.pc420 { display: none !important; }
.sp420 { display: block !important; }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc800il { display: inline-block !important; }
.sp800il { display: none !important; }
@media only screen and (max-width: 800px){
.pc800il { display: none !important; }
.sp800il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc768il { display: inline-block !important; }
.sp768il { display: none !important; }
@media only screen and (max-width: 768px){
.pc768il { display: none !important; }
.sp768il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc600il { display: inline-block !important; }
.sp600il { display: none !important; }
@media only screen and (max-width: 600px){
.pc600il { display: none !important; }
.sp600il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc480il { display: inline-block !important; }
.sp480il { display: none !important; }
@media only screen and (max-width: 480px) {
.pc480il { display: none !important; }
.sp480il { display: inline-block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される ★★文中で改行をいれないときに使用！！ */
.pc375il { display: inline-block !important; }
.sp375il { display: none !important; }
@media only screen and (max-width: 375px) {
.pc375il { display: none !important; }
.sp375il { display: inline-block !important; }
}

/*--------------------------------
文字の色
---------------------------------*/
.whitemoji{color:#fff!important;}
.redmoji{color:#bc1515!important;}
.vividredmoji{color:#ff0000!important;}
.greenmoji{color:#146066!important;}
.orangemoji{color:#c1401e!important;}
.brownmoji{color:#562928!important;}
.momomoji{color:#dd8585!important;}
.goldmoji{color:#b28e34!important;}
.macchamoji{color:#6c8e5f!important;}
.murasakimoji{color:#dd8585!important;}
.bluemoji{color:#1f82bf!important;}
.murasakimoji{color:#662d91!important;}

/*--------------------------------
背景色
---------------------------------*/
.grayback{background: #f9f9f7!important; width:100%; margin:0; padding:0;}
.beigeback{background: #f8f4f1!important; width:100%; margin:0; padding:0;}
.mizuiroback{background:#eff3f4!important; width:100%; margin:0; padding:0;}
.orangeback{background:#fff6f5!important; width:100%; margin:0; padding:0;}
.whiteback{background:#ffffff!important; width:100%; margin:0; padding:0;}

/*-----------------------------------
サイトマップ
------------------------------------*/
.article h2.wsp-pages-title,.article h2.wsp-posts-title {
	padding:7px;
	margin-bottom:0;
	background:#ccc;}

.article ul li.wsp-post{
	font-size:0.8em;
}
/*---------------------------------
共通設定
--------------------------------*/
a.nolink_all{pointer-events: none;}
a.nolink{pointer-events: none;}
@media only screen and (max-width: 1024px) {
a.nolink{
pointer-events: initial;
}
}

.palt{font-feature-settings: "palt";}
.one, .two, .three {
  position: relative;
}

.one  {
	z-index: 30;
}
.two {
  z-index:20;
}
.three {
  z-index:10;
}
.ten {
  z-index:100;
}

.font07{font-size:0.7em!important;}	
.span7{font-size:0.7em;}
.span8{font-size:0.8em;}
.span9{font-size:0.9em;}


@media screen and (min-width: 1300px) {
.lh20_1300{line-height:2em;}
}

.img90{width:90%; margin:0 auto;}
.img80{width:80%; margin:0 auto;}
.img70{width:70%; margin:0 auto;}
.img30{width:30%; margin:0 auto;}
.img20{width:20%; margin:0 auto;}

@media screen and (max-width: 768px) {
.tab90{width:90%; margin:0 auto;}
.tab90_0{width:90%; margin:0;}
.tab80{width:80%; margin:0 auto;}
.tab80_0{width:80%; margin:0;}
.tab75{width:75%; margin:0 auto;}
.tab70{width:70%; margin:0 auto;}
.tab70{width:70%; margin:0 auto;}
.tab60{width:60%; margin:0 auto;}
.tab50{width:50%; margin:0 auto;}
.tab40{width:40%; margin:0 auto;}
.tab30{width:30%; margin:0 auto;}
.tab20{width:20%; margin:0 auto;}}

@media screen and (max-width: 480px) {
.sma90{width:90%; margin:0 auto;}
.sma80{width:80%; margin:0 auto;}
.sma75{width:75%; margin:0 auto;}
.sma70{width:70%; margin:0 auto;}
.sma70{width:70%; margin:0 auto;}
.sma60{width:60%; margin:0 auto;}
.sma50{width:50%; margin:0 auto;}}

@media print {
.sma90{width:90%; margin:0 auto;}
.sma80{width:80%; margin:0 auto;}
.sma75{width:75%; margin:0 auto;}
.sma70{width:70%; margin:0 auto;}
.sma60{width:60%; margin:0 auto;}
.sma50{width:50%; margin:0 auto;}}
	
	
.kadomaru10 img{
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.kadomaru20 img{
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
.kadomaru10{
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.kadomaru20{
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
}
.kadomaru30{
	border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */
}


.mk_y{ background: #ffffc0; }
.mk_b{ background: #e3f3ff; }
.mk_r{ background: #ffe3e3; }
.mk_g{ background: #e8ffe8; }
.marker{
  background: linear-gradient(transparent 90%, #9e005d 0%);
  display: inline;
  /*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
  padding: 0 2px 4px;
}
.marginauto{margin:0 auto!important;}
.margin0{margin:0!important;}
.margin0_auto_960{margin:0!important;}
@media screen and (max-width: 960px) {.margin0_auto_960{margin:0 auto!important;}}
.margin0_auto{margin:0!important;}
@media screen and (max-width: 768px) {.margin0_auto{margin:0 auto!important;}}
.textshadow_black{text-shadow:2px 2px 3px #3e3f3f;}
.haba{text-align: justify!important;}
.zindex1{z-index:1!important;}
.zindex2{z-index:2!important;}
.zindex100{z-index:100!important;}
.bbb{border-bottom:4px double #003280!important;}
.bbr{border-bottom:4px solid #aa2222!important;}
.bbgray{border-bottom:4px solid #b3b3b3!important;}
.bbred{border-bottom:4px solid #bc1515!important;}
.bbred1{border-bottom:1px solid #bc1515!important;}
.bbnone{border-bottom:none!important;}
.bgg{background-color:#f2f2f2!important;}
.hidden{visibility:hidden!important;}
.displaynone{display:none!important;}
img.size-full, img.size-large {margin-bottom: 0px;}
.relative{position:relative;}
.absolute{position:absolute;}
.white{color:#ffffff!important;}
.inlineblock{display:inline-block;}
hr.style{border-top: 1px solid #42210b; border-bottom:none; margin:5px 0;}
hr.black{border-top: 1px solid #000; border-bottom:none; margin:2px 0;}
hr.black2{border-top: 2px solid #000; border-bottom:none; margin:2px 0;}
hr.green{border-top: 1px solid #146066; border-bottom:none; margin:2px 0;}
hr.orange{border-top: 1px solid #c1401e; border-bottom:none; margin:2px 0;}
hr.orange2{border-top: 2px solid #c1401e; border-bottom:none; margin:2px 0;}
hr.gold2{border-top: 2px solid #b28e34; border-bottom:none; margin:2px 0;}
hr.momo2{border-top: 2px solid #dd8585; border-bottom:none; margin:2px 0;}
hr.maccha2{border-top: 2px solid #6c8e5f; border-bottom:none; margin:2px 0;}
hr.murasaki2{border-top: 2px solid #662d91; border-bottom:none; margin:2px 0;}
hr.blue2{border-top: 2px solid #1f82bf; border-bottom:none; margin:2px 0;}
hr.gold2{border-top: 2px solid #d19e39; border-bottom:none; margin:2px 0;}
hr.footer{border-top: 5px solid #18082b; border-bottom:none; margin:0; padding:0;}
hr.dot{border-top: 2px dotted #a9a9a9; border-bottom:none; margin:2px 0;}
.img{max-width:100%;}
.width100{width:100%;}
.width100 img{width:100%;}
.width80{width:80%; margin:0 auto;}
a{text-decoration:none; }
a:hover{color:#ccc!important;}
a.header{color:#42210b!important;}
a.header:hover{color:#42210b;!important;}
a[href^="tel:"] { cursor: default; }
a[href^="tel:"] img:hover { -moz-opacity: 1; opacity: 1; }
.left{float:left!important;}
.right{float:right!important;}
.right_left480{float:right!important;}
.text_right{text-align:right!important;}
.text_left{text-align:left!important;}
.text_right480{text-align:right;}
.bottom{vertical-align: bottom;}
.center {text-align: center!important; padding-bottom: 0; margin:0 auto;}
.center768{text-align: center!important; padding-bottom: 0; float:none!important;}
.center_from960{text-align: left!important; padding-bottom: 0; float:none!important;}
.center_from768{text-align: left!important; padding-bottom: 0; float:none!important;}
.center_from750{text-align: left!important; padding-bottom: 0; float:none!important;}
.left_from960{text-align: center!important;}
.left_from768{text-align: center!important;}
.left_from750{text-align: center!important;}
.left_from550{text-align: center!important;}
.left_from480{text-align: center!important;}
.right_from768{text-align: center!important;}
@media screen and (max-width: 768px) {.right_from768{text-align: right!important;}}
.torikeshi{text-decoration: line-through;}
.textindent{padding-left:1em; text-indent:-1em;}
.textindent1{padding-left:1.2em; text-indent:-0.6em;}
.textindent16{padding-left:1em; text-indent:-1.6em;}
.textindent19{padding-left:1em; text-indent:-1.9em;}
.textindent2{padding-left:2em; text-indent:-2em;}
.textindent_edu{padding-left:2em; text-indent:-0.6em;}
.textshadow{text-shadow: 1px 2px 3px #ffffff;}
.width75{width:75%;}
.image100 img{width:100%;}
.image75 img{width:75%; margin:0 auto;}
.bold{font-weight:bold;}
.bolder{font-weight: bolder;}
.block{display:inline-block;}
.bb{border-bottom:1px solid #000;}
.pt5{padding-top:5%;}
.pt5p{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top:60px!important;}
.pt70{padding-top:70px!important;}
.pt80{padding-top:80px!important;}
.pt90{padding-top:90px!important;}
.pt100{padding-top:100px!important;}
.pr-10{padding-right:-10px!important;}
.pr5{padding-right:5px!important;}
.pr1em{padding-right:1em!important;}
.pr2em{padding-right:2em!important;}
.pr3em{padding-right:3em!important;}
.pr10{padding-right:10px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}
.pr50{padding-right:50px!important;}
.pl05em{padding-left:0.5em!important;}
.pl1em{padding-left:1em!important;}
.pl5{padding-left:5px!important;}
.pl-10{padding-left:-10px!important;}
.pl7{padding-left:7px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}
.pl50{padding-left:50px!important;}
.pl60{padding-left:60px!important;}
.pb5{padding-bottom:5px!important;}
.pb5p{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}
.pb50{padding-bottom:50px!important;}
.pb60{padding-bottom:60px!important;}
.pb70{padding-bottom:70px!important;}
.pb80{padding-bottom:80px!important;}
.pb100{padding-bottom:100px!important;}
.pb120{padding-bottom:120px!important;}
.ml-1em{margin-left:-1em!important;}
.ml10{margin-left:10px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr100{margin-right:100px!important;}
.mt5{margin-top:5%!important;}
.mt5p{margin-top:5px!important;}
.mt6p{margin-top:6px!important;}
.mt8p{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt30_750{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}
.mt110{margin-top:110px!important;}
.mt120{margin-top:120px!important;}
.mt-10{margin-top:-10px!important;}
.mt-20{margin-top:-20px!important;}
.mt-30{margin-top:-30px!important;}
.mt-40{margin-top:-40px!important;}
.mt-50{margin-top:-50px!important;}
.mt-180{margin-top:-180px!important;}
.mb2{margin-bottom:2%!important;}
.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5%!important;}
.mb10p{margin-bottom:10%!important;}
.mb5p{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.mt30_0{margin-top:30px!important;}
@media screen and (max-width: 768px) {.mt30_0{margin-top:0px!important;}}
.mt30_20{margin-top:30px!important;}
@media screen and (max-width: 768px) {.mt30_20{margin-top:20px!important;}}
.mt70_0{margin-top:70px!important;}
@media screen and (max-width: 768px) {.mt70_0{margin-top:0px!important;}}
.mt70_40{margin-top:70px!important;}
@media screen and (max-width: 768px) {.mt70_40{margin-top:40px!important;}}
.mt60_40{margin-top:60px!important;}
@media screen and (max-width: 768px) {.mt60_40{margin-top:40px!important;}}
.mt80_40{margin-top:80px!important;}
@media screen and (max-width: 768px) {.mt80_40{margin-top:40px!important;}}
.mt40_20{margin-top:40px!important;}
@media screen and (max-width: 768px) {.mt40_20{margin-top:20px!important;}}


.pl10_0{padding-left:10px!important;}
@media screen and (max-width: 768px) {.pl10_0{padding-left:0px!important;}}
.pl20_0{padding-left:20px!important;}
@media screen and (max-width: 768px) {.pl20_0{padding-left:0px!important;}}
.pl0_60{padding-left:0px!important;}
@media screen and (max-width: 768px) {.pl0_60{padding-left:60px!important;}}


.pr20_0_960{padding-right:20px!important;}
@media screen and (max-width: 768px) {.pr20_0_960{padding-right:0px!important;}}
.pr30_0_960{padding-right:30px!important;}
@media screen and (max-width: 768px) {.pr30_0_960{padding-right:0px!important;}}
.pl30_0_960{padding-left:30px!important;}
@media screen and (max-width: 768px) {.pl30_0_960{padding-left:0px!important;}}
.mt0_10_768{margin-top:0px!important;}
@media screen and (max-width: 768px) {.mt0_10_768{margin-top:10px!important;}}
.mt0_20_768{margin-top:0px!important;}
@media screen and (max-width: 768px) {.mt0_20_768{margin-top:20px!important;}}
.mt0_30_768{margin-top:0px!important;}
@media screen and (max-width: 768px) {.mt0_30_768{margin-top:30px!important;}}
.mt0_40_768{margin-top:0px!important;}
@media screen and (max-width: 768px) {.mt0_40_768{margin-top:40px!important;}}
.mt10_0{margin-top:10px!important;}
@media screen and (max-width: 768px) {.mt10_0{margin-top:0px!important;}}
.mt10_20_960{margin-top:10px!important;}
@media screen and (max-width: 768px) {.mt10_20_960{margin-top:20px!important;}}
.mt20_50_768{margin-top:20px!important;}
@media screen and (max-width: 768px) {.mt20_50_768{margin-top:50px!important;}}
.mt20_0_768{margin-top:20px!important;}
@media screen and (max-width: 768px) {.mt20_0_768{margin-top:0px!important;}}
.mt50_30_768{margin-top:50px!important;}
@media screen and (max-width: 768px) {.mt50_30_768{margin-top:30px!important;}}
.mt50_40_768{margin-top:50px!important;}
@media screen and (max-width: 768px) {.mt50_40_768{margin-top:40px!important;}}

.pt10_0{padding-top:10px!important;}
@media screen and (max-width: 768px) {.pt10_0{padding-top:0px!important;}}
.pt30_15{padding-top:30px!important;}
@media screen and (max-width: 768px) {.pt30_15{padding-top:15px!important;}}
.pt30_0{padding-top:30px!important;}
@media screen and (max-width: 768px) {.pt30_0{padding-top:0px!important;}}
.pt50_30{padding-top:50px!important;}
@media screen and (max-width: 768px) {.pt50_30{padding-top:30px!important;}}
.pt50_40{padding-top:50px!important;}
@media screen and (max-width: 768px) {.pt50_40{padding-top:40px!important;}}
.pt70_40{padding-top:70px!important;}
@media screen and (max-width: 768px) {.pt70_40{padding-top:40px!important;}}

.lh10{line-height:1em!important;}
.lh12{line-height:1.2em!important;}
.lh15{line-height:1.5em!important;}
.lh16{line-height:1.6em!important;}
.lh17{line-height:1.7em!important;}
.lh18{line-height:1.8em!important;}
.lh19{line-height:1.9em!important;}
.lh20{line-height:2em!important;}
.lh25{line-height:2.5em!important;}
.lh30{line-height:3em!important;}
.lh20_17_768{line-height:2em!important;}
@media screen and (max-width: 768px) {.lh20_17_768{line-height:1.7em!important;}}
.lh20_17_960{line-height:2em!important;}
@media screen and (max-width: 960px) {.lh20_17_960{line-height:1.7em!important;}}
@media screen and (max-width: 768px) {.lh20_17_960{line-height:2em!important;}}
.lh20_1717_960{line-height:2em!important;}
@media screen and (max-width: 960px) {.lh20_1717_960{line-height:1.7em!important;}}
@media screen and (max-width: 768px) {.lh20_1717_960{line-height:1.7em!important;}}
.ls0{letter-spacing:0;}
.ls01{letter-spacing:0.1em;}

.yumincyo{font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Noto Serif JP', "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;}

@media screen and (max-width: 960px) {
.center_from960{text-align: center!important;}
.left_from960{text-align: left!important;}
.mt10_960{margin-top:10px!important;}}
@media screen and (max-width: 768px) {
.center768{text-align: left!important;}
.center_from768{text-align: center!important;}
.left_from768{text-align: left!important;}}
@media screen and (max-width: 750px) {
.center_from750{text-align: center!important;}
.left_from750{text-align: left!important;}
.right_from750{text-align:right;}
.mt30_750{margin-top:0px!important;}
.pt15_750{padding-top:15px!important;}}
@media screen and (max-width: 550px) {
.left_from550{text-align: left!important;}}
@media screen and (max-width: 480px) {
.center_from480{text-align: center!important;}
.text_right480{text-align: center!important;}
.left_from480{text-align: left!important;}
.right_left480{float:left!important;}}

/*flex、center*/
@media screen and (max-width: 960px) {
.wraper_flex,.wraper_flex960,.wraper_flexbaseline{flex-direction: column;}
.order960_1 {order: 1;}
.order960_2 {order: 2;}
.order960_3 {order: 3;}
.order960_4 {order: 4;}
.order960_5 {order: 5;}
.center_960{margin:0 auto; float:none!important; padding:0;}
}
@media screen and (max-width: 768px) {
.wraper_flex768,.flex_and{flex-direction: column; margin:0 auto}
.order768_1 {order: 1;}
.order768_2 {order: 2;}
.order768_3 {order: 3;}
.order768_4 {order: 4;}
.order768_5 {order: 5;}
.center_768{margin:0 auto; float:none!important;}
}
@media screen and (max-width: 750px) {
.wraper_flex750{flex-direction: column; margin:0 auto}
.wraper_flexbaseline_750{flex-direction: row-reverse; margin:0 auto}
.center_750{margin:0 auto; float:none!important;}
.order750_1 {order: 1;}
.order750_2 {order: 2;}
.order750_3 {order: 3;}
.order750_4 {order: 4;}
.order750_5 {order: 5;}
.order750_6 {order: 6;}
}
@media screen and (max-width: 480px) {
.order480_1 {order: 1;}
.order480_2 {order: 2;}
.order480_3 {order: 3;}
.order480_4 {order: 4;}
.order480_5 {order: 5;}
.center_480{margin:0 auto; float:none!important;}
}

/*---------------------------------
幅
--------------------------------*/
.post100{width:100%; margin:0 auto; max-width:1100px;}
.post95all{width:95%; margin:0 auto;}
.post90all{width:90%; margin:0 auto; max-width:1200px;}
.post90{width:90%; margin:0 auto; max-width:1200px;}
.post80all{width:80%; margin:0 auto; max-width:1200px;}/* どの幅でも80%統一 */

.post80_about{width:90%; margin:0 auto; max-width:1200px;}
@media screen and (max-width: 960px) {.post80_about{width:96%; margin:0 auto; max-width:1200px;}}
.post85{width:85%; margin:0 auto; max-width:1100px;}
.post90_768_80{width:90%; margin:0 auto; max-width:1200px;}
@media screen and (max-width: 768px) {.post90_768_80{width:80%;}}
.post90_768{width:90%; margin:0 auto; max-width:1200px;}
.post95_1200{width:95%; margin:0 auto; max-width:1200px;}
.post90_1300{width:90%; margin:0 auto; max-width:1300px;}
.post90_1200{width:90%; margin:0 auto; max-width:1200px;}
.post90_1100{width:90%; margin:0 auto; max-width:1100px;}
.post90_1100_768100{width:90%; margin:0 auto; max-width:1100px;}
@media screen and (max-width: 768px) {.post90_1100_768100{width:100%;}}
.post90_1000{width:90%; margin:0 auto; max-width:1000px;}
.post90_1000_80{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_1000_80{width:80%; max-width:500px;}}
.post90_1000_85{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_1000_85{width:85%; max-width:700px;}}
.post90_1000_95{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_1000_95{width:90%; max-width:500px;}}
.post90_800_80{width:90%; margin:0 auto; max-width:800px;}
@media screen and (max-width: 768px) {.post90_800_80{width:80%; max-width:500px;}}
.post90_900_80{width:90%; margin:0 auto; max-width:900px;}
@media screen and (max-width: 768px) {.post90_900_80{width:80%; max-width:500px;}}
.post90_900_80_550{width:90%; margin:0 auto; max-width:900px;}
@media screen and (max-width: 550px) {.post90_900_80_550{width:80%; max-width:500px;}}
.post90_900_85_550{width:90%; margin:0 auto; max-width:900px;}
@media screen and (max-width: 768px) {.post90_900_85_550{width:85%; max-width:500px;}}
.post90_900_78_500{width:90%; margin:0 auto; max-width:900px;}
@media screen and (max-width: 768px) {.post90_900_78_500{width:78%; max-width:500px;}}
.post90_1000_960{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 960px) {.post90_1000_960{width:80%; max-width:500px;}}

.post90_80_1000{width:90%; margin:0 auto; max-width:1000px;}
@media screen and (max-width: 768px) {.post90_80_1000{width:80%;}}

.post90_900{width:90%; margin:0 auto; max-width:900px;}
.post90_800{width:90%; margin:0 auto; max-width:800px;}
.post90_740{width:90%; margin:0 auto; max-width:740px;}
.post90_700{width:90%; margin:0 auto; max-width:700px;}
.post90_600{width:90%; margin:0 auto; max-width:600px;}
.post90_500{width:90%; margin:0 auto; max-width:500px;}
.post90_400{width:90%; margin:0 auto; max-width:400px;}
.post85_1000{width:85%; margin:0 auto; max-width:1000px;}
.post85_900{width:85%; margin:0 auto; max-width:900px;}
.post85_800{width:85%; margin:0 auto; max-width:800px;}
.post85_700{width:85%; margin:0 auto; max-width:700px;}
.post85_600{width:85%; margin:0 auto; max-width:600px;}
.post85_400{width:85%; margin:0 auto; max-width:400px;}
.post80_1100{width:80%; margin:0 auto; max-width:1100px;}
.post80_1000{width:80%; margin:0 auto; max-width:1000px;}
.post80_900{width:80%; margin:0 auto; max-width:900px;}
.post80_850{width:80%; max-width:850px; margin:0 auto; padding:0;}
.post80_800{width:80%; margin:0 auto; max-width:800px;}
.post80_700{width:80%; margin:0 auto; max-width:700px;}
.post80_640{width:80%; margin:0 auto; max-width:640px;}
.post80_600{width:80%; margin:0 auto; max-width:600px;}
.post80_500{width:80%; margin:0 auto; max-width:500px;}
.post80_400{width:80%; margin:0 auto; max-width:400px;}
.post90_500{width:90%; margin:0 auto; max-width:500px;}
.post75_800{width:75%; margin:0 auto; max-width:800px;}
.post70_800{width:70%; margin:0 auto; max-width:800px;}

/*---------------------------------
幅調整
--------------------------------*/
.width1400{width:100%; max-width:1400px; margin:0 auto; padding:0;}
.width1300{width:100%; max-width:1300px; margin:0 auto; padding:0;}
.width1200{width:100%; max-width:1200px; margin:0 auto; padding:0;}
.width1100{width:100%; max-width:1100px; margin:0 auto; padding:0;}
.width1000{width:100%; max-width:1000px; margin:0 auto; padding:0;}
.width900{width:100%; max-width:900px; margin:0 auto; padding:0;}
.width800{width:100%; max-width:800px; margin:0 auto; padding:0;}
.width700{width:100%; max-width:700px; margin:0 auto; padding:0;}
.width650{width:100%; max-width:650px; margin:0 auto; padding:0;}
.width600{width:100%; max-width:600px; margin:0 auto; padding:0;}
.width550{width:100%; max-width:500px; margin:0 auto; padding:0;}
.width500{width:100%; max-width:500px; margin:0 auto; padding:0;}
.width450{width:100%; max-width:450px; margin:0; padding:0;}
.width400{width:100%; max-width:400px; margin:0 auto; padding:0;}
.width350{width:100%; max-width:350px; margin:0 auto; padding:0;}
.width300{width:100%; max-width:300px; margin:0 auto; padding:0;}
.width250{width:100%; max-width:250px; margin:0 auto; padding:0;}

.width800_600{width:100%; max-width:800px; margin:0 auto; padding:0;}
@media screen and (max-width: 768px) {.width800_600{width:85%; max-width:600px; margin:0 auto; padding:0;}}

.width550_100_768{width:100%; max-width:550px; margin:0 auto; padding:0;}
@media screen and (max-width: 768px) {.width550_100_768{width:100%; max-width:700px; margin:0 auto; padding:0;}}
.width470_100_768{width:100%; max-width:470px; margin:0 auto; padding:0;}
@media screen and (max-width: 768px) {.width470_100_768{width:100%; max-width:700px; margin:0 auto; padding:0;}}
.width450_100_768{width:100%; max-width:450px; margin:0 auto; padding:0;}
@media screen and (max-width: 768px) {.width450_100_768{width:100%; max-width:700px; margin:0 auto; padding:0;}}
.width400_100_768{width:100%; max-width:400px; margin:0 auto; padding:0;}
@media screen and (max-width: 768px) {.width400_100_768{width:100%; max-width:700px; margin:0 auto; padding:0;}}
.width400_90_768{width:100%; max-width:400px; margin:0 auto; padding:0;}
@media screen and (max-width: 768px) {.width400_90_768{width:90%; max-width:700px; margin:0 auto; padding:0;}}


.width10{width:10%; padding:0; margin:0;}
.width20{width:20%; padding:0; margin:0;}
.width25{width:25%; padding:0; margin:0;}
.width30{width:30%; padding:0; margin:0;}
.width40{width:40%; padding:0; margin:0;}
.width43{width:43%; padding:0; margin:0;}
.width45{width:45%; padding:0; margin:0;}
.width47{width:47%; padding:0; margin:0;}
.width48{width:48%; padding:0; margin:0;}
.width50{width:50%; padding:0; margin:0;}
.width55{width:55%; padding:0; margin:0;}
.width60{width:60%; padding:0; margin:0;}
.width70{width:70%; padding:0; margin:0;}
.width75{width:75%; padding:0; margin:0;}
.width80{width:80%; padding:0; margin:0;}
.width90{width:90%; padding:0; margin:0;}

.width10_960{width:10%; padding:0; margin:0;}
.width15_960{width:15%; padding:0; margin:0;}
.width20_960{width:20%; padding:0; margin:0;}
.width30_960{width:30%; padding:0; margin:0;}
.width65_960{width:65%; padding:0; margin:0;}
.width70_960{width:70%; padding:0; margin:0;}
@media screen and (max-width: 960px) {
	.width10_960{width:90%; padding:0; margin:0;}
	.width15_960{width:90%; padding:0; margin:0;}
	.width20_960{width:90%; padding:0; margin:0;}
	.width30_960{width:90%; padding:0; margin:0 auto;}
	.width65_960{width:90%; padding:0; margin:0;}
	.width70_960{width:90%; padding:0; margin:0 auto;}}


.width10_768{width:10%; padding:0; margin:0;}
.width10_768_100{width:10%; padding:0; margin:0;}
.width20_768{width:20%; padding:0; margin:0;}
.width25_768{width:25%; padding:0; margin:0;}
.width25_768_90{width:25%; padding:0; margin:0;}
.width30_768{width:30%; padding:0; margin:0;}
.width35_768{width:35%; padding:0; margin:0;}
.width40_768{width:40%; padding:0; margin:0;}
.width40_768_100{width:40%; padding:0; margin:0;}
.width43_768{width:43%; padding:0; margin:0;}
.width43_768_100{width:43%; padding:0; margin:0;}
.width45_768{width:45%; padding:0; margin:0;}
.width45_768_100{width:45%; padding:0; margin:0;}
.width47_768{width:47%; padding:0; margin:0;}
.width47_768_100{width:47%; padding:0; margin:0;}
.width50_768{width:50%; padding:0; margin:0;}
.width50_768_100{width:50%; padding:0; margin:0;}
.width55_768{width:55%; padding:0; margin:0;}
.width55_768_100{width:55%; padding:0; margin:0;}
.width55_768_85{width:55%; padding:0; margin:0;}
.width60_768{width:60%; padding:0; margin:0;}
.width65_768{width:65%; padding:0; margin:0;}
.width70_768{width:70%; padding:0; margin:0;}
.width70_768_100{width:70%; padding:0; margin:0;}
.width80_768{width:80%; padding:0; margin:0;}
.width80_768_100{width:80%; padding:0; margin:0;}
.width90_768{width:90%; padding:0; margin:0;}
.width90_768_100{width:90%; padding:0; margin:0;}
@media screen and (max-width: 768px) {
	.width10_768{width:90%; padding:0; margin:0 auto;}
	.width10_768_100{width:100%; padding:0; margin:0 auto;}
	.width20_768{width:90%; padding:0; margin:0 auto;}
	.width25_768{width:90%; padding:0; margin:0 auto;}
	.width25_768_90{width:90%; padding:0; margin:0 auto;}
	.width30_768{width:90%; padding:0; margin:0 auto;}
	.width35_768{width:90%; padding:0; margin:0 auto;}
	.width40_768{width:90%; margin:0 auto;}
	.width40_768_100{width:98%; margin:0 auto;}
	.width43_768{width:90%; margin:0 auto;}
	.width43_768_100{width:98%; margin:0 auto;}
	.width45_768{width:90%; margin:0 auto;}
	.width45_768_100{width:98%; margin:0 auto;}
	.width47_768{width:90%; margin:0 auto;}
	.width47_768_100{width:98%; margin:0 auto;}
	.width50_768{width:90%; margin:0 auto;}
	.width50_768_100{width:98%; margin:0 auto;}
	.width55_768{width:90%; margin:0 auto;}
	.width55_768_85{width:85%; margin:0 auto;}
	.width55_768_100{width:98%; margin:0 auto;}
	.width60_768{width:90%; margin:0 auto;}
	.width65_768{width:90%; margin:0 auto;}
	.width70_768{width:90%; padding:0; margin:0 auto;}
	.width70_768_100{width:100%; padding:0; margin:0;}
	.width80_768{width:90%; padding:0; margin:0 auto;}
	.width80_768_100{width:100%; padding:0; margin:0 auto;}
	.width90_768{width:90%; padding:0; margin:0 auto;;}
	.width90_768_100{width:100%; padding:0; margin:0 auto;}}

/*---------------------------------
 フレックス
--------------------------------*/
.flex_center{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.flex_center_hasi{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.flex_center_center{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.flex_top{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap:wrap;
}

.flex_top_hasi{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
}

.flex_top_center{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap:wrap;
}

.flex_end{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap:wrap;
}

.flex_hasi{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.flex_end_hasi{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap:wrap;
}

.row-gap20{row-gap:20px;}
.row-gap30{row-gap:30px;}
.row-gap40{row-gap:40px;}
.row-gap50{row-gap:50px;}
.row-gap30_10{row-gap:30px;}
@media screen and (max-width: 768px) {.row-gap30_10{row-gap:10px;}}



.wraper_header{
	width:100%;
	margin:0 auto;
	padding:10px 0 0;
	position:relative;
	
}

.header40{
	width:20%;
	max-width:350px;
	margin:0;
	padding:10px 20px 0 70px;
	position:relative;
}

.header40 img{width:90%; max-width:300px;}
.header60{
	width:80%;
	margin:0;
	padding:10px;
}



@media screen and (max-width: 1160px) {
	.header40{width:25%;}
	.header60{width:75%;}}

.header_tel{
	margin-top:0px;
	padding-top:10px;
}

.fixed-header {box-shadow:none;}

/*--------------------------------
グローバルナビ固定
---------------------------------*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
 	z-index: 1000000;
}


/*--------------------------------
スマホヘッダー　最上部
---------------------------------*/
.header-wrap{
	height:65px;
	padding: 0;
	margin:0;
	background:transparent;
}
.header_sp_name{
	position:absolute;
	top:10px;
	left:10px;
	width:130px;
	z-index: 90;}

.accbox{
	position:absolute; 
	top:8px; 
	right:10px; 
	height:50px; 
	width:50px;
	font-size: 20px;
	line-height:20px;
	padding:16px 0;
	cursor: pointer;
	z-index: 99;
}
.accbox:after{
	content:"";
	position:relative;
}

.sma_contact{
	position:absolute; 
	top:18px; 
	right:75px;
	font-weight:400;
	font-size:1.5em;
}

.sma_contact a:{color:#fff!important;}
.sma_contact a:hover{
	color:#703225!important;
}

.fa-xl{font-size:1.5em;}

/*スマホメニュー部分*/
	nav0{
    z-index: 98;
	display: none;
	position: relative;
	width: 100%;
	background-color:#000;
	background-size:100% auto!important;
	background-position:center bottom;
	background-repeat:no-repeat;
	padding: 0;
	margin:0;	
	height:100vh;
	}


header0 nav0 ul{
	display: block;
	margin: 80px auto 0;
	padding:0;
	width: 24rem;
	text-decoration:none!important;
}

header nav0 ul li{
	margin: 0 auto;
	text-align: left;
	border-bottom: none;
	font-size:15px;
	padding:10px 20px 10px;
	list-style-type:none;
}
header nav0 ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none!important;
	display: block; 
}

header nav0 ul li a:hover{
	color:#fff!important;
}

/*開閉ボタン*/
	#nav_toggle{
		display: block;
		width: 30px;
		height: 30px;
		position: relative;
		top: 0;
		z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 1px;
		background: #fff;
		position:absolute;
		width: 100%;
		left: 11px;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:0px;
	}
	#nav_toggle span:nth-child(2){
		top:10px;
	}
	#nav_toggle span:nth-child(3){
		top:20px;
	}
	
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 12px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

/*--------------------------------
PCヘッダー
---------------------------------*/
/* 初期値　グローバルメニューの幅のため変更 */
.wrap {
	width: 100%;/* 親テーマは1256px;*/
	margin: 0 auto;
}

.header-in {
	display:inline;
	flex-direction: row;
	justify-content: center;
}

.navi-in a{color:#fff;}

.navi-in > ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
	text-align: center;
  /*サブメニュー*/
}

.navi-in > ul li {
	display: block;
	width: 130px;/* 親テーマは176px*/
	height: 50px;/* 親テーマは60px*/
	line-height: 50px;/* 親テーマは60px*/
	position: relative;
}
@media screen and (max-width: 1150px) {
	.navi-in a {font-size:15px;}
	.navi-in > ul li {width: 120px;}}

@media screen and (max-width: 1140px) {
	#navi .navi-in > .menu-mobile li {
		width: 25%;
		height: 40px;
		line-height: 40px;
	}
	#navi .navi-in > .menu-mobile li a {
		font-size: 14px;
	}}

.navi-in .has-icon {display:none;}


/*-----------------------------------
フッターメニュー
------------------------------------*/
.footer{padding:0;}
.footer-bottom{padding:0;}

.flex_footer{
	display: flex;
	align-items: stretch;
}
@media screen and (max-width: 768px) {
	.flex_footer{display: block;}}


.footer_l{
	width:40%;
	margin:0;
	padding:50px;
	background:#141814;
}
.footer_r{
	width:60%;
	margin:0;
	padding:50px;
	background:#000;
}

.footer_l img{
	width:100%;
	max-width:200px;
	margin:0;
	padding:0;	
}

.footer_menubox{
	width:100%;
	margin:0;
	padding:0;
}
@media screen and (max-width: 980px) {
	.footer_l{width:42%; padding:40px 20px;}
	.footer_r{width:58%; padding:40px 20px;}}

@media screen and (max-width: 768px) {
	.footer_l{width:100%; padding:40px 20px; text-align:center;}
	.footer_r{width:100%; padding:30px 20px;}}

.footer-bottom-content {
	float: none;
	text-align: center;
}

.copyright {
    margin-top: 8px;
	font-size:12px;
	color:#7e7e7e;
}

.footer_mail_line{
	max-width:100%;
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap:nowrap;
	margin:0;
	padding:0;
	gap:15px;
}
.footer_mail_line a{color:#fff; display:flex;}
@media screen and (max-width: 768px) {.footer_mail_line{justify-content: center;}}

@media screen and (max-width: 480px) {
	.footer_mail_line > img {flex:1 1 auto; width: 0%; }}
/************************************
** フッターメニュー
************************************/
.navi-footer-in > .menu-footer {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	text-align:left;
	margin: 0;
}
.navi-footer-in > .menu-footer li {
	width: 120px;
	border-left: none;
}
.navi-footer-in > .menu-footer li:last-child {
	border-right: none;
}
.navi-footer-in a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}
.navi-footer-in a:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}


@media screen and (max-width: 768px){
.navi-footer-in > .menu-footer li.menu-item a{
	width: 50%;
	border: 0;
	margin: 2px;
	display: flex;
	flex: 1 1 auto;
	text-align: left;
	}}

/*-----------------------------------
フッターの電話ボタン
------------------------------------*/
.btn,
a.btn,
button.btn {
	font-size: 2rem;
	font-weight: 400;
	position: relative;
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-radius:0;
}

.btn span,
a.btn span,
button.btn span{font-size:0.6em; letter-spacing: normal;}

.btn--footer,
a.btn-footer{
	color: #fff;
 	background-color: #000;
	border:1px solid #fff;
    width:270px;
	height:5rem;
}

.btn--footer,
a.btn--footer{
	padding: 0;
	line-height: 5rem!important;
}

.btn--footer:hover,
a.btn--footer:hover {
	color: #000!important;
	background: #fff!important;
	border:1px solid #fff;
}

@media screen and (max-width: 768px) {
.btn--footer,
a.btn-footer{
	margin:0 auto;}}

/*---------------------------------
ボタン
--------------------------------*/
/*小*/
#button {
	display:block;
	width: 210px;
	height: 45px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	border-radius:0px;
	font-size:1.5rem;
	margin:0 auto;	
}
#button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#button,
#button::before,
#button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*大：メニューをもっとみる*/
#button_big {
  display: block;
	width: 300px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	font-size:1.5rem;
}
#button_big::before,
#button_big::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#button_big,
#button_big::before,
#button_big::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*通常メニュー*/
#button_menu {
  display: block;
	width:75%;
	max-width: 450px;
	height:80px;
	text-align: center;
	text-decoration: none;
	line-height: 80px;
	outline: none;
	font-size:1.5rem;
}
#button_menu::before,
#button_menu::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#button_menu,
#button_menu::before,
#button_menu::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.black{background-color: #000; border: 1px solid #000; color: #fff; font-weight:normal;}
.black:hover {background-color: #fff; border-color: #000; color: #000!important;}
.red_black{background-color: #9e301e; border: 1px solid #9e301e; color: #fff; font-weight:normal;}
.red_black:hover {background-color: #000; border-color: #000; color: #fff!important;}
.green_line{background-color: #2faf2f; border: 1px solid #2faf2f; color: #fff; font-weight:normal;}
.green_line:hover {background-color: #fff; border-color: #2faf2f; color: #2faf2f!important;}
/*-----------------------------------
お問い合わせボタン
------------------------------------*/
/* ボタン共通設定 */
.btn04 {
    /*線の基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/
	display:inline-block;
    padding: 15px 30px;
	color:#333;
	border:1px solid #000;
    text-decoration: none;
    outline: none;
    /*はみ出す背景色を隠す*/
 	overflow: hidden;
	width:270px;
}

/*hoverした際のボタンの形状*/
.btn04:hover {
	color:#ccc;
	border-color: transparent;
    /*色の変化を遅らせる*/
	transition-delay: .6s;
}

/*線の設定*/
.btn04 span{
	display: inline-block; /*display: block;*/
	z-index: 2;
}

.btn04 span.ruby{
    display: inline-block;
    z-index: 2;
	font-size:0.5em;
	font-weight:bold;
	padding-left:20px;
}

/*== 線から塗に変化（中央から外） */

/*線の設定*/
.bordercenter span::before,
.bordercenter span::after{
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    /*線の形状*/
    width: 100%;
    height:1px;
    background: #333;
    /*アニメーションの設定*/
	transition: all .3s;
    transform: scale(0,1);
    transform-origin: center;
}

/*上線*/
.bordercenter span::before {
    left:0;
    top:0;
}

/*下線*/
.bordercenter span::after {
    left:0;
    bottom:0;
}

/*hoverをすると線が伸びる*/
.bordercenter:hover span::before,
.bordercenter:hover span::after{
    transform: scale(1,1);
}

/*背景の設定*/
.bordercenter::before{
	content: '';
    /*絶対配置で線の位置を決める*/
	position: absolute;
	left: 0;
    top:0;
	z-index: -1;
    /*背景の形状*/
	height: 100%;
	width:100%;
	background:#333;
    /*アニメーションの設定*/
	transition: all .3s;
    transform: scale(0,1);
    transform-origin: center;
}

/*hoverをすると背景が伸びる*/
.bordercenter:hover::before{
	width: 100%;
    /*0.4秒遅れてアニメーション*/
	transition-delay: .4s;
    transform: scale(1,1);
}
/*-----------------------------------
PCでは電話リンクを無効
------------------------------------*/
a[href*="tel:"] {
pointer-events: none;
}
@media only screen and (max-width: 1024px) {
a[href*="tel:"] {
pointer-events: initial;
}
}

/*-----------------------------------
トップ
------------------------------------*/
.content {
    margin-top: 0px;
}
.main {
    padding: 0px;
    border: none;
    border-radius: 0;
    position: relative;
    z-index: 0;
}
@media screen and (max-width: 834px){
main.main, div.sidebar {
    padding: 0px;
    margin: 10px 0;
    border-width: 0;
	}}

.tategaki_top, .tategaki_top_tate{
	writing-mode: vertical-rl;
	text-align: left;
	display: inline-block;
}
@media screen and (max-width: 960px) {
	.tategaki_top{
		writing-mode: horizontal-tb;
		text-align: left;
		display: block;
	}}

h2.midasi{
	font-size:2.0rem;
	font-weight:bold;
	color:#000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	padding:18px;
	margin-bottom:0;
}

/*TOPのお知らせ */
.info-list.is-style-frame-border {border:none;}
.info-list-caption {display:none;}
.is-style-divider-line .info-list-item {border-bottom:none;}

.info-list-item {
	display:flex;/*横並びに変更*/
	flex-direction: row-reverse;/*前後逆に*/
	justify-content: flex-end;/*前後逆に*/
	padding-bottom:0px;/*文字間調整*/
}
.info-list-item-categorys {
	display:none;/*カテゴリ消す*/
}
.info-list-item-date {
	font-size:16px;/*日付大きさ*/
	margin-left:5px;/*文字間調整*/
	color:#000;;/*日付文字色変更*/
	line-height:1.6em;
}
.info-list-item-content{
	margin:0px;/*文字間調整*/
	padding:0;
	margin:0;
	line-height:1.6em;
}


.topbox6{
	width:33.333%;
	margin:0;
	padding:0;	
}
.topbox6 img{
	padding:0;
	margin:0;
}
@media screen and (max-width: 750px) {
.topbox6{
	width:50%;
	margin:0;
	padding:0;
}}

.image_mouseover_4 {overflow: hidden;}
.topbox6 a{
	display: flex;
}

.banner50{
	width:46%;
	margin:0;
	padding:0;
}

@media screen and (max-width: 750px) {
.banner50{
	width:100%;
	margin:10px auto 0px;
	padding:0;
}
.banner50:last-child{margin:10px auto 0;}}

.banner30{
	width:31%;
	margin:0;
	padding:0;
}

@media screen and (max-width: 1080px) {
.banner30{
	width:100%;
	margin:10px auto 0px;
	padding:0;
}
.banner30:last-child{margin:10px auto 0;}}


.coupon50{
	width:42%;
	margin:0;
	padding:0;
}

@media screen and (max-width: 768px) {
.coupon50{
	width:90%;
	margin:10px auto 0px;
	padding:0;
}
.coupon50:last-child{margin:10px auto 0;}}

.coupon3{
	width:30%;
	margin:0;
	padding:0;
}

@media screen and (max-width: 768px) {
.coupon3{
	width:90%;
	margin:10px auto 0px;
	padding:0;
}
.coupon3:last-child{margin:10px auto 0;}}

.kuroganeback{
	background-image: url(https://kurogane-htcp.com/wp-content/uploads/kurobaneback.jpg);
	background-size:cover!important;
	background-position:top;
	background-repeat:repeat;
	position:relative;
	padding: 0;
	margin:0;
}

.white_kuroganeback{
	position:absolute;
	bottom:0;
	width:100%;
	background:#fff;
	height:13%;
}
@media screen and (max-width: 768px) {.white_kuroganeback{height:9%;}}

h2.prologue{
	font-size:2.4rem;
	margin:0;
	padding:0;
	line-height:1.7em;
	background:transparent;
}
@media screen and (max-width: 550px) {h2.prologue{font-size:2.1rem;}}
@media screen and (max-width: 415px) {h2.prologue{font-size:1.9rem;}}
@media screen and (max-width: 390px) {h2.prologue{font-size:1.6rem;}}

h2.matumoto{
	font-size:2.6rem;
	margin:0;
	padding:0;
	line-height:1.7em;
	background:transparent;
}
@media screen and (max-width: 650px) {h2.matumoto{font-size:2.2rem;}}
@media screen and (max-width: 450px) {h2.matumoto{font-size:1.9rem;}}
@media screen and (max-width: 390px) {h2.matumoto{font-size:1.7rem;}}

/*==================================================
slickスライダーのためのcss
===================================*/
.slider-slick {/*横幅94%で左右に余白を持たせて中央寄せ*/
	width:94%;
	margin:0 auto;
	padding:0;
	
	display:flex;
}

.slider-slick img {
	width:60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
	max-width:700px;
	aspect-ratio: 3 / 2; /*スライダー下に変な空白はできたため、画像の縦横比（アスペクト比）を指定して空白をなくす*/
}

.slider-slick .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider-slick .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}

ul.slider-slick{padding:0; line-height: 0; margin:0 auto; display:flex;}


/*ドットナビゲーションの設定*/
.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.headback{
	z-index:10;
	
}

/*グローバルメニューを最上部に固定*/
#header-container{background:transparent;}
.header-container{
	position:absolute;
	top:0;
	width:100%;
}

/*-----------------------------------
松本畜産
------------------------------------*/
.padding_background{padding:70px 0 50px;}
@media screen and (max-width: 768px) {.padding_background{padding:40px 0;}}

.matumoto_coursebox{
	width:60%;
	margin:0 0 0 40%;
	background:#eff3f4;
	padding:50px 5% 50px 10%;
}
.matumoto_dish{
	position:absolute;
	top:30px;
	left:0;
	width:44%;
	margin:0;
	padding:0;
}
@media screen and (max-width: 768px){
.matumoto_coursebox{
	width:100%;
	margin:-100px auto 0;
	padding:130px 7% 50px 7%;
}
.matumoto_dish{
	position:relative;
	top:auto;
	left:auto;
	width:85%;
	margin:0 0 0 5%;
	padding:0;
}
}

.article h3{
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:none;
}

h3.course{
	font-size:1.9rem;
	font-weight:bold;
	border-bottom:1px solid #9b7649;
	padding:0;
	margin:0;
	line-height:1.8em;
}
h3.course span{
	display:block;
	font-size:1.8em;
	color:#9b7649;
	font-weight:bold;
}
@media screen and (max-width: 850px) {h3.course{font-size:1.7rem;}}
@media screen and (max-width: 400px) {h3.course{font-size:1.5rem;}}

.cyusyakubox{
	border:1px solid #bc1515;
	width:100%;
	padding:1.5em;
	margin:0 auto;
}

h2.introduce{
	font-size:2.4rem;
	font-weight:bold;
	color:#000;
	border-top:1px solid;
	border-bottom:1px solid;
	padding:8px;
	margin-bottom:0;
	background:transparent;
}
.introduce_green{border-color:#146066; color:#146066!important;}
.introduce_brown{border-color:#925f42; color:#925f42!important;}

h3.name{
	font-size:2.8rem;
	font-weight:bold;
	line-height:1.5em;
	padding:0;
	margin:0;
}
h3.name span{
	font-size:0.4em;
	font-weight:bold;
	color:#776e69;
	padding:0 0 0 10px;
	margin:0;
}
@media screen and (max-width: 768px) {h3.name{font-size:2.4rem;}}

.width01_introduce{
	width:10%;
	margin:0;
	padding:0;
}
.width02_introduce{
	width:50%;
	margin:0;
	padding:0;
}
.width03_introduce{
	width:35%;
	margin:0;
	padding:0;
}
@media screen and (max-width: 768px) {
	.width01_introduce,
	.width02_introduce,
	.width03_introduce{
		width:90%;
		margin:0 auto;
	}
	.width02_introduce{margin-top:10px;}
	.width03_introduce{margin-top:10px;}}

p.title{
	position:absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	z-index:1000000000;
	text-shadow:5px 4px 3.5px #000; /* (右下:黒) */
	font-size:3.0rem;
}

@media screen and (max-width: 1280px) {p.title {font-size:2.4rem;}}
@media screen and (max-width: 480px) {p.title {font-size:2.2rem;}}
/*-----------------------------------
ランチ・ディナー
------------------------------------*/
h2.course{
	font-size:2.2rem;
	font-weight:bold;
	padding:0px;
	margin-bottom:0;
}

h2.course span{
	font-size:0.7em;
	font-weight:bold;
	padding:0px;
	margin-bottom:0;
}

h2.course_big{
	font-size:2.5rem;
	font-weight:bold;
	padding:0px;
	margin-bottom:0;
}

h2.course_big span{
	font-size:0.7em;
	font-weight:bold;
	padding:0px;
	margin-bottom:0;
}
@media screen and (max-width: 480px){h2.course_big{font-size:2.2rem;}}

h2.course_introduction{
	font-size:2.0rem;
	font-weight:bold;
	color:#000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	padding:5px 18px;
	margin-bottom:0;
	display:inline-block;
}

h3.course_introduction{
	display:inline-block;
	font-size:1.8rem;
	font-weight:bold;
	border-top:1px solid;
	border-bottom:1px solid;
	padding:6px 5px 5px;
	margin-bottom:0;
}
.course_introduction_green{border-color:#146066; color:#146066!important;}
.course_introduction_orange{border-color:#c1401e; color:#c1401e!important;}

.menu_cyusyakubox{
	padding:0 0 0 4.5%;
}

.menu_coursebox{
	width:60%;
	margin:0 0 0 40%;
	padding:60px 5% 50px 10%;
	position:relative;
}
.menu_dish{
	position:absolute;
	top:30px;
	left:0;
	width:44%;
	margin:0;
	padding:0;
}
@media screen and (max-width: 768px){
.menu_coursebox{
	width:100%;
	margin:15px auto 0;
	padding:40px 7% 50px 7%;
}
.menu_dish{
	position:relative;
	top:auto;
	left:auto;
	width:87%;
	margin:0 0 0 5%;
	padding:0;
}
}

.bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}

.dinner_lunch{
	position:absolute;
	top:10px;
	right:10px;
	padding:0;
	margin:0;
	width:20%;
}
.onedish{
	position:absolute;
	top:5px;
	left:-10px;
	padding:0;
	margin:0;
	width:15%;
}
@media screen and (max-width: 768px){.onedish{width:20%; left:-5px;}}

h3.course_basic{
	font-size:2.0rem;
	font-weight:bold;
	border-bottom:1px solid #9b7649;
	padding:0;
	margin:0;
	line-height:1.8em;
}
@media screen and (max-width: 480px){h3.course_basic{font-size:1.8rem;}}

/*-----------------------------------
黒がねにつて
------------------------------------*/
h2.about{
	font-size:2.2rem;
	margin:0;
	padding:0;
	line-height:1.7em;
	background:transparent;
}
@media screen and (max-width: 650px) {h2.about{font-size:2.0rem;}}
@media screen and (max-width: 480px) {h2.about{font-size:1.8rem;}}
@media screen and (max-width: 385px) {h2.about{font-size:1.6rem;}}

h2.about span.mini{
	font-size:0.8em!important;
}

.redlinebox{
	border:1px solid #b23f0d;
	padding:1em 0;
	margin:0 auto;
}

ul.ul_blue{
	position: relative;
	list-style-type: none;
	margin-bottom:0;
	padding-left:10px!important;/*liのポジション*/
	padding-right:5px;
}

ul.ul_blue li{
	padding: 0 ;/*liのポジション*/
	font-weight: normal;
	font-size: 15px;
	line-height:1.5em;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:2.5em;
	text-indent:-1.8em;
	font-weight: noemal;
	font-style: normal;
}

ul.ul_blue li:last-child{margin-bottom:0px;}

ul.ul_blue li:before{
	font-family: "Font Awesome 5 Free";/*忘れずに*/
	content: "\f14a";/*アイコンのユニコード*/
	font-size: 1.5em;/*サイズ*/
	margin-right: 0.25em;/*アイコンの位置*/
	color: #b23f0d; /*アイコン色*/
	font-weight: 200;
}

@media screen and (max-width: 550px){
ul.ul_blue{
	padding-left:2%!important;/*liのポジション*/
	padding-right:5px!important;
	margin:0;
}
ul.ul_blue li{
	font-size: 14px;
	margin-left:0px;
	text-indent:-1.3em;
	}
ul.ul_blue li:before{font-size: 1.2em;}
}

.width_access_l{
	width:5em;
	margin:0 0 4px;
	padding:0;
}

.width_access_r{
	width:calc(100% - 5em);
	margin:0 0 4px;
	padding:0;
}

h3.limitedmenu{
	font-size:2.4rem;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.5em;
}
h3.limitedmenu span{
	display:block;
	font-size:1.5em;
	font-family: "MrsSaintDelafield";
}
h3.limitedmenu span.mini{
	display:block;
	font-size:0.9em!important;
	font-family: "MrsSaintDelafield";
}

@media screen and (max-width: 550px) {h3.limitedmenu{font-size:2.1rem;}}
@media screen and (max-width: 480px) {h3.limitedmenu span.mini{font-size:0.8em!important;}}

.article h4 {
    border-top: none;
    border-bottom: none;
}

h4.limitedmenu{
	font-size:2.2rem;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.5em;
}
h4.limitedmenu span.mini{
	font-size:0.8em!important;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.0em;
}

@media screen and (max-width: 550px) {h4.limitedmenu{font-size:1.8rem;}}


h4.menu{
	font-size:2.1rem;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.4em;
}
h4.menu span.mini{
	font-size:0.65em!important;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.0em;
}

@media screen and (max-width: 550px) {h4.menu{font-size:1.5rem;}}


.menu_l{
	width:calc(100% - 6em);
}
.menu_r{
	width:6em;
}

/*-----------------------------------
顔合わせ
------------------------------------*/
.kaoawaseback{
	 background: linear-gradient(180deg, #fff5f6 0%, #ffffff 50%, #e8faff 100%);
}

.wasiback{
	background-image: url(https://kurogane-htcp.com/wp-content/uploads/wasiback.webp);
	background-size:cover!important;
	background-position:top;
	background-repeat:repeat;
	position:relative;
	padding: 0;
	margin:0;
}

.pinkwasiback{
	background-image: url(https://kurogane-htcp.com/wp-content/uploads/pinkback.jpg);
	background-size:cover!important;
	background-position:top;
	background-repeat:repeat;
	position:relative;
	padding: 0;
	margin:0;
}

p.kaoawase{font-size:2.4rem!important; line-height:1.5em; margin:0; padding:0;}
	@media screen and (max-width: 960px) {p.kaoawase{font-size:2.0rem!important;}}
	@media screen and (max-width: 768px) {p.kaoawase{font-size:1.7rem!important;}}
	@media screen and (max-width: 480px) {p.kaoawase{font-size:16px!important;}}
	@media screen and (max-width: 355px) {p.kaoawase{font-size:15px!important;}}
	@media print {p.kaoawase{font-size:17px;}}


.item_list{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
@media screen and (max-width: 768px){
	.item_list{display: block;
	}}

.width_kaoawase_l{width:45%; padding:0; margin:0;}
.width_kaoawase_r{width:55%; padding:0; margin:0;}
@media screen and (max-width: 1080px){
.width_kaoawase_l{width:50%; padding:0; margin:0;}
.width_kaoawase_r{width:50%; padding:0; margin:0;}
}


@media screen and (max-width: 768px){
	.width_kaoawase_l,.width_kaoawase_r{width:98%; margin:0 auto;}}
/*-----------------------------------
よくある質問
------------------------------------*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #db2623;
	border-bottom: 1px solid #696969;
	padding:1em 1em 1em 1em;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.7em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 0.5em 2em;
	cursor: pointer;
	color: #8b3230;
	font-size:0.9em;
	text-indent:-2em;
}

.cp_qa .cp_actab label span{font-size:1.5em;}
.cp_qa .cp_actab label:hover {
	color: #00838F;
}

.cp_qa .cp_actab label:before {
    content: 'Q';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
	font-size: 1.5em!important;
    width: 32px;
    height: 32px;
	overflow: hidden;}

/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
	color: #000000;	
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.6em;
	position: absolute;
	margin: 0.4em 0 0 0;
	padding: 0 0 0 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p.answer {
	margin: 1.6em 1em 1em 2.3em!important;
	line-height:1.6em;
}
.cp_qa .cp_actab .cp_actab-content p.point {
	margin: 0em 1em 0 2.3em;
	line-height:1.7em;
}
.cp_qa .cp_actab .cp_actab-content p.underline {
	margin: 1.6em 1em 0 2.3em!important;
	line-height:1.7em;
	display:inline-block;
	font-weight:600;
	border-bottom:2px solid #8b3230;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838F;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
	position: absolute;
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top: #8b3230 1px solid;
	border-right: #8b3230 1px solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 2%;
	top: 0;
	bottom: 15%;
	margin:auto;
}


.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #8b3230 1px solid;
  border-right: #8b3230 1px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin:auto;
	transition: 1s;
}

@media screen and (max-width: 768px){
	.cp_qa .cp_actab label {font-size:0.9em;}
	.cp_qa .cp_actab .cp_actab-content p.answer {font-size:0.9em;}
}
@media screen and (max-width: 480px){
	.cp_qa .cp_actab label {font-size:14px;}
	.cp_qa .cp_actab .cp_actab-content p.answer {font-size:14px; margin:2.2em 1em 1em 2.3em;}
	.cp_qa .cp_actab .cp_actab-content p.underline {margin:2.2em 1em 1em 2.3em;}
}

.faqbutton{
	float:right;
}
@media screen and (max-width: 750px){.faqbutton{float:none; text-align:center;}}

.faqbutton:after {
  content: '';
  display: table;
  clear: both;
}

/*-----------------------------------
個室・カウンター
------------------------------------*/
h3.room{
	font-size:2.4rem;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.5em;
}
@media screen and (max-width: 550px) {h3.room{font-size:1.8rem;}}

/* 左右に斜め線(両端を丸く)　center配置 */
.heading {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と線を横並び */
  justify-content: center; /* 文字を中央寄せ */
}
.heading::before,
.heading::after {
  background-color: #c1401e; /* 線の色 */
  content: "";
  height: 2px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
.heading::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
.heading::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}

/* 左右に斜め線(両端を丸く) left*/
.heading_left {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と線を横並び */
  justify-content:left; /* 文字を中央寄せ */
}
.heading_left::before,
.heading_left::after {
  background-color: #c1401e; /* 線の色 */
  content: "";
  height: 2px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
.heading_left::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
.heading_left::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}

/* 左右に斜め線(両端を丸く) left_center768*/
.heading_left_center {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と線を横並び */
  justify-content:left; /* 文字を中央寄せ */
}
.heading_left_center::before,
.heading_left_center::after {
  background-color: #c1401e; /* 線の色 */
  content: "";
  height: 2px; /* 線の高さ */
  width: 20px; /* 線の長さ */
}
.heading_left_center::before {
  margin-right: 10px; /* 文字との余白 */
  transform: rotate(60deg); /* 傾ける */
}
.heading_left_center::after {
  margin-left: 10px; /* 文字との余白 */
  transform: rotate(-60deg); /* 傾ける */
}

@media screen and (max-width: 768px) {.heading_left_center {justify-content:center;}}

.syokuzai{font-size:6rem!important; line-height:1.3em; margin:0; padding:0;}
.syokuzai span{font-size:0.3em; display: block; line-height:1.4em;}
.syokuzai02{font-size:5rem!important; line-height:1.3em; margin:0; padding:0;}
.syokuzai02 span.big{font-size:0.5em; display: block; line-height:1.4em;}
@media screen and (max-width: 550px){.syokuzai{font-size:4rem!important; line-height:1.3em; margin:0; padding:0;}}
@media screen and (max-width: 550px){.syokuzai02{font-size:3.5rem!important; line-height:1.3em; margin:0; padding:0;}}
/*--------------------------------
youtube動画
---------------------------------*/
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
    display: block;
    height: 600px;/* ★★ここで高さ調節 */
    width: 100%;
}
iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 9 / 16;
}

.video iframe.youtube-16-9{position:relative!important;}
.video-container{margin-top:0;}

.video-container .video{
	overflow: visible;
	padding-bottom: 160.25%;
	margin-top:0;
}
.youtube .video-container .video{
	overflow: visible;
	padding-bottom: 56.25%;
	margin-top:0;
	width:100%;
}

/*-----------------------------------
接待
------------------------------------*/
.settaiback{
	 background: linear-gradient(180deg, #fffacd 0%, #ffffff 50%, #e8faff 100%);
}

/*-----------------------------------
イベント概要
------------------------------------*/
.kubun{width:10em;}
.date{width:13em;}
.dialogue{width: calc(100% - 23em);}
.place{width: calc(100% - 10em);}
.hatakeyama100{width: calc(100% - 10em);}
.kubun p,.date p,.dialogue p,.place p{font-weight:bold;}
.dialogue p span{font-weight:bold; color:#a5a59f!important;;}
.dialogue p span.redmoji{font-weight:bold; color:#FF1D25!important;}

@media screen and (max-width:768px){
	.kubun{width:100%; padding:0; margin:0;}
	.date{width:100%;}
	.dialogue{width: 100%;}
	.place{width: 100%;}
	.kubun p,.date p,.place p,.dialogue p,.hatakeyama100 p{text-align:center;}
	.dialogue p,.place p{font-weight:normal;}
	}