/* 基本デザイン
----------------------------------------------------*/
p {
	font-size: 140%; 
	}

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


/* デザイン
----------------------------------------------------*/

@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

@import "https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

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

a {
    text-decoration:none; 
}

/* Boxデザイン
----------------------------------------------------*/
.lucky {
	text-align: center;
    
}

.new {
	background-image:url("./img/002.jpg");
    
}
.basic_box {
    padding: 1em 1.5em;
    margin: 0.0em 0;
    background-color:#fff;/*背景色*/
	text-align: center;
    color:#000;/*文字色*/
}
.basic_box p {
    margin: 0; 
    padding: 0;
}

.basic_box2 {
    padding: 1em 1.5em;
    margin: 0.0em 0;
    background-color:#faf7d4;/*背景色*/
	border: solid 5px #000;/*ç·š*/
    border-radius: 8px;/*角の丸み*/
    color:#000;/*文字色*/
}
.basic_box2 p {
    margin: 0; 
    padding: 0;
}

.basic_box3 {
    padding: 1em 1.5em;
    margin: 0.0em 0;
    background-color:#fff;/*背景色*/
	border: solid 1px #000;/*ç·š*/
    border-radius: 8px;/*角の丸み*/
    color:#000;/*文字色*/
}
.basic_box3 p {
    margin: 0; 
    padding: 0;
}

.basic_box3 h3 {
    position: relative;
	padding: 1.0em 1.0em;
	border: solid 1px #0ce834;
	border-left: solid 2.0em #0ce834;
	font-size: 13px;
}

.basic_box3 h3:before {
    position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f0eb";
	font-weight: 900;
	color: #fff;
	padding: 0;
	left: -1.4em;
	top: 50%;
	transform: translateY(-50%);
}

.basic_back_box {
    padding: 1em 1.5em;
    margin: 0.0em 0;
	border: solid 5px #000;/*ç·š*/
    border-radius: 8px;/*角の丸み*/
    background-color:#faf7d4;/*背景色*/
    color:#000;/*文字色*/
	
}
.basic_back_box p {
    margin: 0; 
    padding: 0;
}

.box10{
margin: 2em auto; /* ボックスの余白 */
border-radius: 8px;/*角の丸み*/
background-color: #faf7d4; /* ボックス背景色 */
border: solid 2px #000;/*ç·š*/
padding:2.5em 1em 1em; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に) */
font-size: 1.3em;/*文字の大きさ*/
}
.box10 .box-title {
background-color: #000;/* テープ背景色と透過*/
border-left: 2px dotted rgba(0,0,0,.5);/* テープのギザギザ左*/
border-right: 2px dotted rgba(0,0,0,.5);/* テープのギザギザ右*/
box-shadow: 0 0 5px rgba(0,0,0,0.2); /*テープ影*/
transform: rotate(-2deg);/*テープの傾き*/
font-size: 1.4em;/*タイトル文字の大きさ*/
color: #0ce834; /*タイトル文字色 */
padding: 10px 20px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;/*配置(ここを動かす)*/
top: -15px; /*上から（-10px）移動*/
left: 20px; /*左から(20px)移動*/
}

.basic_box_left{
margin: 2em auto; /* ボックスの余白 */
background-color: #faf7d4; /* ボックス背景色 */
padding:3em 2em 2em; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に)*/
border: 5px solid #000;	/* ボックスの線 (太さ　種類　色)*/
color: #000;
}
.basic_box_left .box-title {
background-color:#000; /* タイトル背景色 */
font-size: 1.5em;/* タイトル文字の大きさ */
color: #0ce834; /* タイトル文字色 */
padding: 7px 10px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;	/* 配置(ここを動かす) */
top: 0; /*上から（0px）移動*/
left: 0; /*左から(0px)移動*/
}

.basic_box_mekure {
margin: 2em auto;
padding:2em;/*内側余白*/
background-color:#f4f4f4;/*背景色*/
position:relative;
}

.basic_box_mekure:after{
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ccc #fff  #ccc;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.box11 {
margin: 2em auto;
padding:2em;/*内側余白*/
background-color:#000;/*背景色*/
position:relative;
}

.box11:after{
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ccc #fff  #ccc;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.box11 p{
    font-size: 12px;
	color:#0ce834;
}

.check_box {
    position: relative;
    padding: 1em 1.5em;
    margin: 0.0em 0;
    border: solid 5px #000;/*ç·š*/
    border-radius: 8px;/*角の丸み*/
    color: #000;/*文字色*/
	background: #faf7d4;/* テープ背景色と透過*/

}
.check_box .check_box_title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.5em;/*タイトル文字サイズ*/
    background: #000;/* テープ背景色と透過*/
    color: #0ce834;/*タイトル文字色*/
    font-weight: bold;
}
.check_box p {
    margin: 0; 
    padding: 0;
	color: #000;
}

.check_box2 {
    position: relative;
    padding: 1em 1.5em;
    margin: 0.0em 0;
    border: solid 5px #000;/*ç·š*/
    border-radius: 8px;/*角の丸み*/
    color: #000;/*文字色*/
	background: #fff;/* テープ背景色と透過*/

}
.check_box2 .check_box_title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.5em;/*タイトル文字サイズ*/
    background: #000;/* テープ背景色と透過*/
    color: #0ce834;/*タイトル文字色*/
    font-weight: bold;
}
.check_box2 p {
    margin: 0; 
    padding: 0;
	color: #000;
}

.flex{
    display: flex;
    justify-content: space-between;
}
.flex>p{
    width: 49%;
}

/* box重ね
----------------------------------------------------*/
.sample-box {
	position: relative;
	background-color: #4682b4;
	height: 300px;
	width: 400px;
}
.sample-img {
	position: absolute;
	right: 10px; /*右から10px*/
	bottom: 10px; /*下からから10px*/
}

/* 見出しデザイン
----------------------------------------------------*/
h1 {
	position: relative;
	padding: 1rem 2rem calc(1rem + 10px);
	background: #000;
	color: #0ce834  
}
  
h1:before {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	content: '';
	border: 4px solid #0ce834;
}  

h2 {
	position: relative;
	padding: 1rem 2rem calc(1rem + 10px);
	background: #000;
	color: #0ce834  
}

h2:before {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 100%;
	height: 100%;
	content: '';
	border: 4px solid #0ce834;
  
}

h3 {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	padding: 1rem 2rem;
	color: #fff;
	background: #000;
}
  
h3 span {
	background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


h4 {
  position: relative;
  background: #f4f4f4;
  padding: 2px 5px 2px 20px;
  font-size: 14px;
  color: #474747;
  border-radius: 0 10px 10px 0;
}

h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #0ce834;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

  h5 {
	position: relative;
	padding: 0.8em 1.0em;
	border: solid 1px #ee1df5;
	border-left: solid 2.5em #ee1df5;
	font-size: 13px;
}
  h5:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f0eb";
	font-weight: 900;
	color: #fff;
	padding: 0;
	left: -1.6em;
	top: 50%;
	transform: translateY(-50%);
}


/* smartphone　bottom menu
----------------------------------------------------*/

.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:55px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#fadcf9;/*背景色*/
    border-top:2px solid #808080;/*バーの上の線*/
    border-bottom:2px solid #808080;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#000;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#0ce834;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#fff;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    border-top:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/}

.menu-second-level li a:hover {
    height:100%;
    background: #939692;/*マウスオーバーの色*/}←

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}

/*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 768px){
    .bottom-menu{display:none; }
}

/* ボタンデザイン
----------------------------------------------------*/
a.cp_btn {
	display: block;
	text-decoration:none;
	width: 200px;
	padding: 0.8em;
	text-align: center;
	color: #ff22de;
	border-radius: 4px;
	background: #fff;
	overflow: hidden;
}
a.cp_btn span {
	display:inline-block;
	transition: .5s
}
a.cp_btn:hover span {
	transform: rotateX(360deg);
}

a.cp2_btn {
	display: block;
	text-decoration:none;
	width: 200px;
	padding: 1.2em;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	background: #b0e0e6;
	overflow: hidden;
}
a.cp2_btn span {
	display:inline-block;
	transition: .5s
}
a.cp2_btn:hover span {
	transform: rotateX(360deg);
}

a.btn_03 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	font-size: 15px;
	border: 2px solid #02f52b;
	color: #02f52b;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_03:hover {
	color: #fff;
	background: #27acd9;
}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	font-size: 15px;
	border: 2px solid #0ce834;
	background: #000;
	color: #0ce834;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #000;
	background: #fff;
}

a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	font-size: 15px;
	border: 2px solid #27acd9;
	background: #fff;
	color: #27acd9;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_05:hover {
	color: #27acd9;
	background: #fff;
}

a.btn_11 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
	border-radius: 100vh;
	color: #333;
	border: 1px solid #999;
	text-shadow: 0 1px #fff;
	box-shadow: 0 3px 2px 1px #fcfcfc, 0 4px 6px #cecfd1, 0 -2px 2px #cecfd1, 0 -4px 2px #eee, inset 0 0 2px 2px #cecfd1;
	transition: 0.5s;
}
a.btn_11:hover {
	opacity: 0.5;
}
/* menuデザイン
----------------------------------------------------*/
#menu ul{ 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}
	#menu li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	}
	#menu li a{
	display: block; 
	border-left: 8px solid #000;
	border-top: 1px solid #0ce834;
	border-right: 1px solid #000;
	border-bottom: 1px solid #0ce834;
	background-color: #faf7d4;
	padding: 10px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	}
	#menu li a:hover{
	border-left: 8px solid #0ce834;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #b9bac7;
}

/* マーク 
----------------------------------------------------*/
:root {
	--icon-width: 4px;
	--icon-color: black;
}

.icon-arrow-right,
.icon-arrow-top,
.icon-arrow-bottom {
	display: inline-block;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border-style: solid;
	border-width: var(--icon-width) var(--icon-width) 0 0;
	border-color: var(--icon-color);
	transform: rotate(45deg);
}
.icon-arrow-right {
	transform: rotate(45deg);
}
.icon-arrow-top {
	transform: rotate(-45deg);
}
.icon-arrow-bottom {
	transform: rotate(135deg);
}

/* ラインデザイン/ border-bottom 
----------------------------------------------------*/

/* 一重線 */
.border-bottom-1{
    border-bottom: solid 2px #dcdcdc
}
 
/* 二重線 */
.border-bottom-2{
    border-bottom: double 2px blue
}
 
/* ç ´ç·š */
.border-bottom-3{
    border-bottom: dashed 2px blue
}
 
/* 点線 */
.border-bottom-4{
    border-bottom: dotted 2px blue    
}

/* マーカーデザイン/ 
----------------------------------------------------*/
/* 50%下線にマーカー表示 */
.marker-border-1{
    background:linear-gradient(transparent 80%, #ffff66 60%);
	display: inline;
	font-size: 13px;
}
 
/* 40%下線にマーカー表示 */
.marker-border-2{
    background:linear-gradient(transparent 80%, #ffcc99 60%);
	display: inline;
	font-size: 13px;
}
 
/* 30%下線にマーカー表示 */
.marker-border-3{
    background: linear-gradient(transparent 70%, #ffcccc 0%);
}
 
/* 20%下線にマーカー表示 */
.marker-border-4{
    background:linear-gradient(transparent 80%, #99ccff 0%);
}

/* 20%下線にマーカー表示 */
.marker-border-5{
    background:linear-gradient(transparent 5%, #fff 0%);
	display: inline;
	font-size: 16px;
	text-align: center;
}

/* 定形テーブル
----------------------------------------------------*/
.jisya_yuudou{
	padding:5px 0 2px 0;
}

.jisya_yuudou:last-child{
	border-bottom:1px solid #D7D2CA;
}

.jisya_yuudou .jisya_ttl {
	background:url() repeat-x 0 4px;
	margin:0 0 11px 0;
	position:relative;
}

.jisya_yuudou #jisya_wedding img{

}



.jisya_yuudou .jisya_ttl .jisya_description{
	text-align:right;
	position:absolute;
	display:block;
	right:0px;
	top:13px;
	color:#674c34;
	font-size:10px;
}

.jisya_yuudou .jisya_nav{
	margin:0 4px 5px 4px;
	padding:3px 3px 3px 3px;
	background: #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.jisya_yuudou .jisya_nav ul{
	padding:0 3px;
	background:#ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.jisya_yuudou .jisya_nav li{
	position:relative;
	width:100%;
	height:70px;
	padding:1px 0 1px 0;
	border-bottom:1px dotted #AC9B8A;
	list-style: none; /* リストの[・]を消す */
}


.jisya_yuudou .jisya_nav li:last-child{
	border:0;
}

.jisya_yuudou .jisya_nav img{
	float:left;
}

.jisya_yuudou .jisya_nav .jisya_caption{
	height:70px;
	overflow:hidden;
}
.jisya_yuudou .jisya_nav .jisya_caption a {
	display:block;
	text-decoration:none;
	color:#664b33;
}
.jisya_yuudou .jisya_nav .jisya_icon{
	display:block;
	height:25px;
	margin:0 0 0 4px;
	padding:0 0 0 18px;
	background:url() no-repeat center left;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	text-shadow: 1px 1px #dedede;
	line-height:25px;
}

.jisya_yuudou .jisya_nav .jisya_icon_no{
	display:block;
	height:15px;
	margin:0 0 0 4px;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	text-shadow: 1px 1px #dedede;
}

.jisya_yuudou .jisya_nav .jisya_text{
	display:block;
	height:45px;
	padding:3px 0 0 3px;
	background:url();
}

.jisya_yuudou .jisya_nav .jisya_arr{
	position:absolute;
	top:26px;
	right:6px;
}

.jisya_yuudou a.jisya_link{
	float:right;
	clear:both;
	margin:0 7px 20px 0;
}

/* pankuzu
----------------------------------------------------*/
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	padding: 0;
	list-style: none;
}
.cp_breadcrumb li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0.5em 0;
}
.cp_breadcrumb a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.7em 1em 0.7em 2em;
	text-decoration: none;
	color: #ffffff;
	background-color: #000;
}
.cp_breadcrumb li:first-child a {
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
}
.cp_breadcrumb a::after,
.cp_breadcrumb a::before {
	position: absolute;
	top: 50%;
	right: -1.5em;
	margin-top: -1.48em;
	content: '';
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1.5em solid;
	}
.cp_breadcrumb a::after {
	z-index: 2;
	border-left-color: #000;
}
.cp_breadcrumb a::before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}
.cp_breadcrumb li:nth-child(2) a       { background:        #5f606b }
.cp_breadcrumb li:nth-child(2) a:after { border-left-color: #5f606b; }
.cp_breadcrumb li:nth-child(3) a       { background:        #5f606b; }
.cp_breadcrumb li:nth-child(3) a:after { border-left-color: #5f606b; }
.cp_breadcrumb li:nth-child(4) a       { background:        #5f606b; }
.cp_breadcrumb li:nth-child(4) a:after { border-left-color: #5f606b; }
.cp_breadcrumb li:nth-child(5) a       { background:        #5f606b; }
.cp_breadcrumb li:nth-child(5) a:after { border-left-color: #5f606b; }

.cp_breadcrumb li:last-child a {
	cursor: default;
	pointer-events: none;
	color: #ffffff;
	background: #556b2f;
	border-radius: 0 5px 5px 0;
}
.cp_breadcrumb li:last-child a:hover {
	background: none;
}
.cp_breadcrumb li:last-child a::before,
.cp_breadcrumb li:last-child a::after {
	content: normal;
}

/* content
----------------------------------------------------*/
.content_aaa {
  background: #faf7d4;
  background-size: cover;
  border: solid 5px #000;/*ç·š*/
  width: 100%;
  height: auto;
  padding: 10px;
  color: #000;
}

.content_bbb {
  background: #fff;
  font-size:14px;
  width: 100%;
  height: auto;
  padding: 10px;
  color: #000;
}

.content_ccc {
  background-color: rgba(255,255,255,.1);/* テープ背景色と透過*/
  font-size:13px;
  width: 100%;
  height: auto;
  padding: 10px;
}

.content_ddd {
  background: url("./img/content_d.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 850px;
  padding: 0px;
}

.content_eee {
  background: url("./img/content_e.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
  padding: 0px;
}

.content_fff {
  background: url("./img/content_f.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
  padding: 0px;
}

.content_ggg {
  background: url("./img/content_g.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
  padding: 0px;
}

.content_hhh {
  background: url("./img/content_h.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
  padding: 0px;
}

.content_iii {
  text-align:center;
  width: 100%;
  height: auto;
  padding: 0px;
}

/* アコーディオン
----------------------------------------------------*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #0ce834;
	background: #000;
	font-size: 12px;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );cp_breadcrumb
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}


.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}