/* reset */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	box-sizing: border-box;
    font-weight: normal;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}




input, select {
    vertical-align:middle;
}




body{
font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
    -webkit-text-size-adjust: 100%;
    line-height: 1.8;
    font-size: 100%;
    color: #333333;
}






/* 小さい画面用の設定-------------- */
@media (max-width:767px){
body{
font-size:88%;}

}
/* -------------end------------- */


ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}

caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

hr{
	display:none;
}

html {
	margin-bottom:1px;
	height:100%;
}

* {
    box-sizing: border-box;
}

/* line style　------------------------------*/
/* -----------------------------------------*/

a img{
	border-style:none;
}

a:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* link style ------------------------------*/
/* -----------------------------------------*/
a:link {
	color: #212121;
	text-decoration: none;	
}
a:visited {  color: #212121;
	text-decoration: none;	}


a:active {
	color: #ccc;
	text-decoration: none; 
}

.link_line{
	text-decoration: underline;
}

img, video, object {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


a:active, a:focus,input:active, input:focus{outline:0;}

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

iframe {
    vertical-align: bottom;
}

:root {
  --brown: #8F6A46;


}


/*================================================
 *  ヘッダー
 ================================================*/




/* 大きい画面用の設定-------------- */
@media (min-width:1001px){
.drawer_menu_point{
z-index: 10000;
background-color: transparent;
position: absolute;
top:30px;
width: 1000px!important;
left: 50%;
transform: translateY(-50%) translateX(-50%);

}
}
/* -------------end------------- */


/* 小さい画面用の設定-------------- */
@media (max-width:1000px){
.drawer_menu_point{
z-index: 10000;
background-color: transparent;
position: absolute;
top:3px;
left: 0;
width: 100%!important;
}
}
/* -------------end------------- */



/*================================================
 * グロナビ固定
 ================================================*/
@media screen and (min-width:1001px) {
.nav_fixed {
		position:fixed;
		top:0;
		left:0;
z-index: 10000;
}

.nav_fixed.drawer_menu_point{
top: 0;
background-color: var(--brown);
padding-top: 5px;
padding-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%!important;
left: 0px;
transform: translateY(0) translateX(0);
color: #ffffff;
}

.nav_fixed.drawer_menu_point a{
color: #ffffff;
}
}


/************メインビジュアル************/

/* ========================================

    ■ Header■ Keyv

======================================== */
#keyv {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.header_outside {
    background-image: url("../img/index_img/main_bg.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
	}
/* -------------end------------- */

    
.main_title{  position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 60%;

}

.main_title img{
filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
margin-bottom: 20px;
}

.main_txt{text-align: center;
font-size: 138%;
font-weight: 700;
}
    
.main_mayu{  position: absolute;
bottom: -40px;
right: -180px;
width: 32%;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.8));
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.main_title{
width: 80%;
}

.main_title img{
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
margin-bottom: 10px;
}

.main_txt{font-size: 125%;
line-height: 1.4;
}
    
.main_mayu{position: absolute;
bottom: -40px;
right:10px;
width: 30%;}
}
/* -------------end------------- */




/* ========================================

    ■ common_item

======================================== */
.contents{width: 98%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow-wrap: break-word;
}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.contents{width: 90%;}
}
/* -------------end------------- */

/* ラッパーで中央寄せ */
.common_title_wrapper {
    text-align: center;
    margin-bottom: 30px;

}

/* タイトル本体 */
.common_title {
    position: relative;
    display: inline-block; /* テキストの幅に合わせる */
    font-size: 188%; /* お好みで */
    font-weight: 700;
    padding: 0 150px; /* 飾り罫の分の余白 */
    color: #333333;
}

/* 飾り罫画像の共通設定 */
.common_title::before,
.common_title::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 130px; /* 飾り罫の画像のサイズに合わせて調整 */
    height: 20px; /* 画像の高さ */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 飾り罫画像 左 */
.common_title::before {
    left: 0;
    background-image: url('../img/index_img/title_l_img.webp');
}

/* 飾り罫画像 右 */
.common_title::after {
    right: 0;
    background-image: url('../img/index_img/title_r_img.webp');
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
/* ラッパーで中央寄せ */
.common_title_wrapper {
    margin-bottom: 20px;

}

/* タイトル本体 */
.common_title {
    font-size: 138%; 
    padding: 0 60px; /* 飾り罫の分の余白 */
    line-height: 1.2;
}

/* 飾り罫画像の共通設定 */
.common_title::before,
.common_title::after {
    width: 58px; /* 飾り罫の画像のサイズに合わせて調整 */
    height: 14px; /* 画像の高さ */
}

/* 飾り罫画像 左 */
.common_title::before {
    left: 0;
    background-image: url('../img/index_img/title_l_sp_img.webp');
}

/* 飾り罫画像 右 */
.common_title::after {
    right: 0;
    background-image: url('../img/index_img/title_r_sp_img.webp');
}


}
/* -------------end------------- */



/* ========================================

    ■ con1

======================================== */

.con1_outside {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #efefef;
    background-image: 
        url('../img/index_img/con1_bg_l.webp'), /* 左上 */
        url('../img/index_img/con1_bg_r.webp'), /* 右上 ※画像名は右用に変えてます */
        url("https://www.transparenttextures.com/patterns/fresh-snow.png");
    background-position: 
        left 50px top,
        right 50px top,
        center;
    background-repeat: 
        no-repeat,
        no-repeat,
        repeat;
    background-size: 
        200px auto,
        200px auto,
        auto;
/*    font-size: 113%;*/}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con1_outside {
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: 
        url('../img/index_img/con1_bg_l.webp'), /* 左上 */
        url('../img/index_img/con1_bg_r.webp'), /* 右上 ※画像名は右用に変えてます */
        url("https://www.transparenttextures.com/patterns/fresh-snow.png");
    background-position: 
        left 0px top,
        right 0px top,
        center;
    background-repeat: 
        no-repeat,
        no-repeat,
        repeat;
    background-size: 
        100px auto,
        100px auto,
        auto;
}

}
/* -------------end------------- */


/* ========================================

    ■ con2

======================================== */

.con2_outside{
	padding-top: 70px;
	padding-bottom: 70px;

	background-image: url(../img/index_img/con2_bg.webp);
	background-repeat: repeat-y;
	background-position: center top;
    border-top: 1px solid var(--brown);
    }

.con2_nav {
  display: flex;
  justify-content: center; /* 横方向中央揃え */
  align-items: center;     /* 縦方向中央揃え */
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 30px; /* 項目間のスペース */
  margin-bottom: 30px;
  font-size: 113%;
}

.con2_nav li {
  position: relative;
  display: flex;
  align-items: center;
  }

.con2_nav li a{
color: var(--brown);}

.con2_nav li::after {
  content: "\f107"; /* FontAwesome fa-angle-down のunicode */
  font-family: "Font Awesome 6 Free"; /* 5系の場合 */
  font-weight: 900; /* solidスタイル */
  margin-left: 5px; /* 矢印とテキストの間の余白 */
  color: var(--brown);
  pointer-events: none; /* クリック不可 */
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){

.con2_outside{
	padding-top: 40px;
	padding-bottom: 40px;
    }

.con2_nav {
flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  gap: 0px; /* 項目間のスペース */
  font-size: 94%;

}
.con2_nav li {
width: 50%;
}
}
/* -------------end------------- */


.exp_wrap {
    display: grid;
    grid-template-columns: 1fr minmax(0, 1000px) 1fr;
    width: 100%;
    margin-bottom: 30px;
}

.exp_wrap > div:first-child {
}

.exp_wrap > div:nth-child(2) {
	width: 100%;
	background-color: rgba(255,255,255,0.60);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-top: 50px;
	padding-right: 0px;
	padding-left: 50px;
	padding-bottom: 50px;

	/* 背景画像の設定 */
	background-image: url('../img/index_img/con2_lace.webp');
	background-repeat: no-repeat;
	background-size: 600px 600px;

	/* 画像の中心を右上角に配置 */
	background-position: left -300px top -300px;
    box-sizing: border-box;

}



.exp_wrap > div:last-child {
background-color: 
rgba(255,255,255,0.60);
}


.exp_wrap_reverse {
    display: grid;
    grid-template-columns: 1fr minmax(0, 1000px) 1fr;
    width: 100%;
    margin-bottom: 30px;
}

.exp_wrap_reverse > div:first-child {
    background-color: rgba(255,255,255,0.60);
}

.exp_wrap_reverse > div:nth-child(2) {
    width: 100%;
    padding-top: 50px;
	padding-right: 50px;
	padding-left: 0px;
	padding-bottom: 50px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(255,255,255,0.60);
    /* 背景画像の設定 */
	background-image: url('../img/index_img/con2_lace.webp');
	background-repeat: no-repeat;
	background-size: 600px 600px;

	/* 画像の中心を右上角に配置 */
	background-position: right -300px top -300px;
    box-sizing: border-box;
}

.exp_wrap_reverse > div:last-child {

}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.exp_wrap {
    display: grid;
    grid-template-columns:  minmax(0, 1000px) ;
    width: 100%;
    margin-bottom: 30px;
}

.exp_wrap > div:first-child {
display: none;
}

.exp_wrap > div:nth-child(2) {
	width: 95%;
    margin-right: 0;
    margin-left: auto;
	background-color: rgba(255,255,255,0.50);
    padding: 30px;
    /* 背景画像の設定 */
	background-image: url('../img/index_img/con2_lace.webp');
	background-repeat: no-repeat;
	background-size: 400px 400px;

	/* 画像の中心を右上角に配置 */
	background-position: left -200px top -200px;
    }



.exp_wrap > div:last-child {
display: none;
}


.exp_wrap_reverse {
    display: grid;
    grid-template-columns:minmax(0, 1000px) ;
    width: 100%;
    margin-bottom: 30px;
}

.exp_wrap_reverse > div:first-child {
display: none;
}

.exp_wrap_reverse > div:nth-child(2) {
	width: 95%;
    margin-left: 0;
    margin-right: auto;
    background-color: rgba(255,255,255,0.50);
    padding: 30px;
    /* 背景画像の設定 */
	background-image: url('../img/index_img/con2_lace.webp');
	background-repeat: no-repeat;
	background-size: 400px 400px;

	/* 画像の中心を右上角に配置 */
	background-position: right -200px top -200px;
}


.exp_wrap_reverse > div:last-child {
display: none;
}

}

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
/* スライドインの初期状態 */
.slide_right {
    opacity: 0;
    transform: translateX(300px);
    transition: all 1.2s ease-in-out; /* ★ ゆっくりにした部分 */
}

.slide_left {
    opacity: 0;
    transform: translateX(-300px);
    transition: all 1.2s ease-in-out; /* ★ ゆっくりにした部分 */
}

/* 表示されたときの状態 */
.show {
    opacity: 1;
    transform: translateX(0);
}
	}
/* -------------end------------- */




/* .con2_flex_box-------------- */
.con2_flex_box{display: flex;
justify-content: space-between;}

.con2_flex_box_r{flex-direction: row-reverse;}

.con2_flex_box > li:first-child{width: 30%;}
.con2_flex_box > li:last-child{width: 65%;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_flex_box{flex-wrap: wrap;}
.con2_flex_box > li:first-child{width: 100%;
margin-bottom: 20px;}
.con2_flex_box > li:last-child{width: 100%;}
}
/* -------------end------------- */


/* con2_midashi-------------- */

.con2_midashi_wrap {
   text-align: center; /* テキストセンター揃え */
   margin-bottom: 40px;
}

.con2_midashi {
    position: relative; /* 疑似要素の基準にする */
    
    display: inline-block; /* 疑似要素のセンター基準にする */
    margin: 0 auto; /* ブロックとして中央に配置 */
    font-size: 138%;
    font-weight: 500;
    color: var(--brown);
}

.con2_midashi::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px; /* テキスト下から30px離す */
    width: 1px;
    height: 30px;
    background-color: var(--brown);
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_midashi_wrap {
   margin-bottom: 30px;
}

.con2_midashi {
font-size: 125%;
}

.con2_midashi::after {
bottom: -20px; /* テキスト下から20px離す */
    height: 20px;
}


}
/* -------------end------------- */


/* con2_craft_headline-------------- */
.con2_craft_headline {
  display: flex;
  align-items: center; /* 垂直中心 */
  font-size: 125%;
    font-weight: 500;
    color: var(--brown);
    margin-bottom: 10px;}
    
.con2_craft_headline:after {
  border-top: 1px solid var(--brown); 
  content: "";
  flex-grow: 1; /* 余った幅を線で埋める */
}

.con2_craft_headline:after {
  margin-left: 1em; /* 文字の左隣 */
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_craft_headline {
  font-size: 113%;}

}
/* -------------end------------- */



/* con2_craft_main_box-------------- */
.con2_craft_main_box{display: flex;
justify-content: space-between;
}
.con2_craft_main_box > li{width: 50%;}

/* con2_craft_flex-------------- */
.con2_craft_flex{display: flex;
justify-content: space-between;

}
.con2_craft_flex > li:first-child{width: 65%;}

.con2_craft_flex > li:last-child{width: 30%;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_craft_flex{flex-wrap: wrap;}
.con2_craft_flex > li:first-child{width: 100%;
margin-bottom: 20px;}
.con2_craft_flex > li:last-child{width: 100%;}
}
/* -------------end------------- */


/* con2_instructor_flex-------------- */
.con2_instructor_flex{display: flex;
justify-content: space-between;
background-color: #F2E9DC;
align-items: center;
flex-wrap: wrap;
padding: 10px;
box-sizing: border-box;}

.con2_instructor_flex > li{width: 100%;
line-height: 1.4;}

.con2_instructor_flex > li:first-child{margin-bottom: 10px;}
.con2_instructor_title{font-size: 88%;}
.con2_instructor_position{font-size: 75%;}
.con2_instructor_name{font-size: 100%;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){


.con2_instructor_flex > li{width: 48%;}

.con2_instructor_flex > li:first-child{margin-bottom: 0px;}
}
/* -------------end------------- */





/* con2_gallery_flex-------------- */
.con2_gallery_flex{display: flex;
justify-content: space-between;}

.con2_gallery_flex> li{width: 48%;
}



/* .con2_geisha_flex-------------- */
.con2_geisha_flex{display: flex;
justify-content: space-between;

}
.con2_geisha_flex > li:first-child{width: 30%;}

.con2_geisha_flex > li:last-child{width: 65%;
}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_geisha_flex{flex-wrap: wrap;
flex-direction: column-reverse;

}
.con2_geisha_flex > li:first-child{width: 100%;}

.con2_geisha_flex > li:last-child{width: 100%;
margin-bottom: 20px;
}


}

/* -------------end------------- */



/* ========================================

    ■ con3

======================================== */

.con3_outside {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #efefef;
    background-image: 
url("https://www.transparenttextures.com/patterns/fresh-snow.png");
    background-position: center;
    background-repeat: repeat;
    background-size: auto;
/*    font-size: 113%;*/
}

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

.con3_flex_box li{width: 19%;
line-height: 1.4;}

.con3_flex_box li img{margin-bottom: 10px;}

.con3_position{font-size: 82%;}
.con3_name{font-size: 107%;
font-weight: 500;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){

.con3_outside {
    padding-top: 40px;
    padding-bottom: 40px;
    
    
    font-size: 113%;
}

.con3_flex_box li{width: 48%;}

.con3_flex_box li:nth-child(-n+4){margin-bottom: 20px;}
.con3_position{font-size: 75%;}
.con3_name{font-size: 94%;}

}
/* -------------end------------- */

/* ========================================

    ■ con4

======================================== */

.con4_outside {
padding-top: 70px;
	padding-bottom: 70px;
	/* font-size: 113%; */
	background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../img/index_img/con4_bg.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.con4_dl {
width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.con4_dl dt {
	clear: left;
	float: left;
	width: 220px;
    text-align: right;
}

.con4_dl dd {
	padding-left: 220px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}


.con4_dl_jp dt {
	width: 160px;
    
}

.con4_dl_jp dd {
	padding-left: 160px;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con4_outside {
	padding-top: 40px;
	padding-bottom: 40px;}
    
.con4_dl {
width: 100%;
}

.con4_dl dt {
	clear: none;
	float: none;
	width: 100%;
    text-align: left;
}

.con4_dl dd {
	padding-left: 0px;

}


.con4_dl_jp dt {
	width: 100%;
    
}

.con4_dl_jp dd {
	padding-left:  0px;
}


}
/* -------------end------------- */

/* ========================================

    ■ con5

======================================== */

.con5_outside {
padding-top: 70px;
padding-bottom: 100px;
background-color: #F2E9DC;
/*font-size: 113%;*/
}

.con5_flex_box{display: flex;
justify-content: space-between;
width: 70%;
margin-left: auto;
margin-right: auto;
align-items: center;}

.con5_flex_box li{width: 48%;}

.con5_c_name{font-size: 119%;
}

.con5_add{font-size: 88%;
}

.con5_add_jp{font-size: 82%;
}

.con5_btn{background-color: var(--brown);
padding: 10px;
text-align: center;
border-radius: 3px;
}

.con5_btn a{display: block;
color: #ffffff;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){

.con5_outside {
padding-top: 40px;
padding-bottom: 50px;
}

.con5_flex_box{width: 100%;
flex-wrap: wrap;}

.con5_flex_box li{width: 100%;}

.con5_flex_box li:first-child{text-align: center;
margin-bottom: 20px;}

}
/* -------------end------------- */

    
    
/* ========================================

    ■ address

======================================== */
address{padding-top: 10px;
padding-bottom: 10px;
background-color: #F2E9DC;
font-size: 80%;
text-align: center;}


/* ====================================================
　pagetop
==================================================== */

.pagetop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 1000;
  line-height: 1.0;
}

.pagetop a {
  display: flex;
  flex-direction: column; /* 縦並びに変更 */
  align-items: center;
  text-decoration: none;
  color: var(--brown);
  font-size: 16px;
  gap: 10px;
}

.pagetop a:hover {
  color: var(--brown);
}

/* 矢印の縦線 */
.arrow-up {
  width: 2px;
  height: 100px;
  background-color: currentColor;
  position: relative;
  transition: transform 0.3s ease;
}

.arrow-up::before {
  content: '';
  position: absolute;
  top: -6px; /* 上に出す（直線の上端から） */
  left: 50%;
  transform: translateX(-50%) rotate(-45deg); /* 中央揃え＋回転 */
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}

/* ホバーで少し動く */
.pagetop a:hover .arrow-up {
  transform: translateY(-4px);
}

/* 縦書きテキスト */
.to-top-text {
  writing-mode: vertical-rl;
  font-weight: bold;
  font-size: 14px;
}

/* 縦書きテキスト */
.to-top-text {
  writing-mode: vertical-rl;
  font-weight: bold;
  font-size: 14px;
}


/* ====================================================
　言語切り替え
==================================================== */

.lang_btn,
.lang_btn_en{display: flex;
justify-content: flex-start;
position:fixed;
top:10px;
right: 10px;
z-index: 9999999;}

.lang_btn li:first-child,
.lang_btn_en li:last-child{
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    background-color: #000000;
    color: #ffffff!important;
 }


.lang_btn li:last-child a,
.lang_btn_en li:first-child a{
padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    color: #ffffff;
    display: block;
}

.lang_btn li:last-child a,
.lang_btn_en li:first-child a{
background-color: #C95E40;
}

.lang_btn li:last-child a:hover,
.lang_btn_en li:first-child a:hover{
background-color: #CBA69B;
/*color: rgba(255,255,255,1.00);*/
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.lang_btn,
.lang_btn_en{top:5px;
left: 5px;}

}
/* -------------end------------- */

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
#link_story,
#link_experiences,
#link_artists,
#link_overview,
#link_inquiry,
#con2_01,
#con2_02,
#con2_03,
#con2_04,
#con2_05
{padding-top: 42px;
margin-top:-42px;}

	}
/* -------------end------------- */


/* 動画埋め込みの設定-------------- */
.movie_wrap{
padding: 5px;
background-color: var(--brown);
margin-top: 30px;
}

.iframe_wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.iframe_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
     }