@charset "UTF-8";
/*
Theme Name: izumi
Description: izumi
Author: izumi
*/

#sp_zone {
	height:80px;
}

.slider-nav div {
	padding:20px;
}

.desc_box_box {
	width:100%;height:100%;
	background:#335e88 !important;
	padding:60px;
	color:#fff;
	position:relative;
	text-align:left;
}
.desc_box_no {
	width:100%;height:auto;max-width:120px;
	position:absolute;
	top:-30px;right:30px;
}
.desc_box_no_left {
	width:100%;height:auto;max-width:120px;
	position:absolute;
	top:-30px;left:30px;
}

.letter_box_box {
	background:#fff;
	padding:60px;
	border-radius:20px;
}
.letter_box {
	text-align:justify;
	text-align-last:left;
}
.letter_box span {
	line-height:3.5;
	border-bottom:1px dashed #aaa;
	padding-bottom: 10px;
	letter-spacing:0.03em;
}

.price {
	text-align:center;
	padding:20px;
}

ul.athlete {
	border: solid 3px #182a7e;
	padding: 20px 40px;
	position: relative;
	margin-top: 2em;
	font-size:1.25em;
	background:#fff;
}
ul.athlete li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 2.3em;
  border-bottom: dashed 1px #333;
  list-style-type: none!important;
}
ul.athlete li:last-of-type {
  border-bottom: none;
}
ul.athlete li:before {
  content: "✔";
  position: absolute;
  left : 2em;
  color: #182a7e;
}





.flex_content2 {
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.item11 {
	width:calc(100% / 2);
	position:relative;

	font-size:0.9em;
	line-height:1.35;
}

    /*アコーディオン全体*/
    #urgent_box {
	position:relative;
	}

    #urgent_box input {
      display: none; /*チェックボックスを隠す*/
    }
    /*バー部分*/
    #urgent_box label {
      cursor :pointer;
      display: block;
    }
    /*開いたときに表示される部分*/
    #links01 {
      height: 0;
      overflow-y: hidden;
      transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
      -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
      -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
      -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
      -o-transition: padding-bottom 0.5s, padding-top 0.5s;
    }
    #menu_bar01:checked ~ #links01 {
      height: auto; /*開いたときに表示されるliの高さ*/
      opacity: 1;
/*      background: #f1f1f1;*/
      padding: 10px;
    }
     /*開いたときの下の余白*/
    #menu_bar01:checked ~ #links01 {
      margin-bottom: 20px;
    }
    /*閉じた状態の矢印描画*/
    #urgent_box label:after{
      content:"";
      display:block;
      width:8px;
      height:8px;
      border-top: #fff 2px solid;
      border-right: #fff 2px solid;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      position:absolute;
      right: 5%;
      top: 40px;
      margin: auto;
    }
    /*開いた状態の矢印描画*/
    #urgent_box input[type=checkbox]:checked + label:after{
      content:"";
      display:block;
      width:8px;
      height:8px;
      border-top: #fff 2px solid;
      border-right: #fff 2px solid;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position:absolute;
      right: 5%;
      top: 40px;
      margin: auto;
    }

.red_title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.35em;
	font-weight:bold;
	color:#b01e1f;
	text-decoration:underline;
}

.right_bar {
	border-right:1px solid #9f7426;
}

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

.picon2 li {
	width: 50%;
	display:inline-block;
	padding: 5px 10px;
}

#Submenu li {
	width: calc(99%/3);
	list-style: none;
	display: inline-block;
	padding:10px;
}

.m_box {
	width:100%;
	display:block;
	text-align:right;
	position:relative;
}

.m_box2 {
	width:100%;
	display:block;
	text-align:left;
	position:relative;
}

.m_point40R {
	max-width:540px;
	margin-right:48%;
	z-index:11;
	display:block;
	position:absolute;
	right:0;top:10%;bottom:0;
	background:#fff6e1;
}
.m_point40L {
	max-width:540px;
	margin-left:48%;
	z-index:11;
	display:block;
	position:absolute;
	left:0;top:10%;bottom:0;
	background:#fff6e1;
}
.pink_border {
	max-width:540px;
	z-index:1;
	position:relative;
}

.p_desc {
	margin-top: -5em;
	padding: 0 30px 20px;
	filter: drop-shadow(2px 3px 5px rgba(0, 0, 0, .4));
}

@media only screen and (max-width: 959px) {
.letter_box_box {
	padding:20px;
}

.item11 {
	flex-basis: 100%;
}
.cont_01 {order:1;}
.cont_02 {order:2;}
.cont_03 {order:4;}
.cont_04 {order:3;}
.cont_05 {order:5;}
.cont_06 {order:6;}
.cont_07 {order:8;}
.cont_08 {order:7;}
.cont_09 {order:9;}
.cont_10 {order:10;}
.cont_11 {order:12;}
.cont_12 {order:11;}
.cont_13 {order:13;}
.cont_14 {order:14;}
.cont_15 {order:16;}
.cont_16 {order:15;}
.cont_17 {order:17;}
.cont_18 {order:18;}
.cont_19 {order:20;}
.cont_20 {order:19;}

.right_bar {
	border:0;
}

.desc_box_box {
padding:150px 20px 30px 20px;

}

.desc_box_no {
	max-width:96px;
	margin:auto;
	display:block;
	left:0;right:0;
	top:20px;
}

.m_box,
.m_box2 {
	text-align:center;
	padding: 0;
}

.m_point40R,
.m_point40L {
	max-width:100%;
	display:block;
	position:relative;
	margin:auto;
	margin-bottom:0;
}

.pink_border {
	max-width:100%;
	padding:0;
}
}



#TopBtn {
	position: fixed;
	z-index: 10005;
	bottom: 80px;
	right: 20px;
}

#TopBtn a {
	display: block;
	padding: 0;
	line-height:48px;
	border-radius: 48px;
	width: 48px;
	height: 48px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
 }

#TopBtn a:hover {
	text-decoration: none;
	opacity: 0.7;
}


.rinen dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:600;
	font-size:1.6em;
	color:#444;
	line-height:1.5;
	text-align:center;
	margin-bottom:10px;
}

.rinen dd {
	line-height:3.5;
	margin-bottom:30px;
}

.arrow_bases, .arrow_bases2 {
	position:relative;
}
.arrow_ups_child, .arrow_ups_child2 {
  width: 0px;height:0px;
  border-color: #d9534f;
  border-style: solid;
  border-width: 20px;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
	position:absolute;
	display:block;
	top:0;bottom:0;left:20px;right:0;
	margin:auto;
}

.hall_area_bn li {
	width:calc(100% / 2);
	padding:7px;
	display:inline-block;
}


.voice_pic img {
	max-width:100px;
}

.voice_box {
	font-size:0.85em;
	line-height:1.1;
	padding: 10px 40px 0;
}

#sp_slidemenu .btn_menu {
	width:100%;height:100%;
	background:#444;
	color:#fff;
	padding:5px;
	display:block;
	cursor:pointer;
}
.btn_menu2 a {
	width:100%;height:100%;
	background:#7f1a20;
	color:#fff;
	padding:5px;
	text-decoration:none;
	display:block;
}

.btn_menu2 a:hover, #sp_slidemenu .btn_menu:hover {
	background:#666;
}

.mw_wp_form_input #btn2 {
	display:none;
}
.mw_wp_form_confirm #btn {
	display:none;
}

.plans_tab {
	width:100%;
	max-width:1080px;
	height:auto;
	margin: 40px auto 0;
}

.plans_tab li {
	width:calc(95% / 5);
	border-left: 5px solid #fff;
	display:inline-block;
	text-align:center;
	background:#ccc;
	border-radius:10px 10px 0 0;
}

.plans_tab li a {
	font-size:0.9em;
	width:100%;height:100%;
	display:block;
}

.plans_bar {
	width:100%;height:1px;
	background:#fff;
}

.plans_tab_01.active {background:#52b4cb;}
.plans_tab_02.active {background:#db7c00;}
.plans_tab_03.active {background:#ba5b5d;}
.plans_tab_04.active {background:#3d5991;}

.plans_tab_01:hover,
.plans_tab_02:hover,
.plans_tab_03:hover,
.plans_tab_04:hover,
.plans_tab_05:hover {background:#444444;}
/*.plans_bar_01 {background:#52b4cb;}
.plans_bar_02 {background:#db7c00;}
.plans_bar_03 {background:#ba5b5d;}
.plans_bar_04 {background:#3d5991;}*/
.plans_tab a {
	font-size:1.1em;
	color:#fff;
	padding:10px 10px;
}

@media only screen and (max-width: 959px) {
.arrow_ups_child {
  width: 0px;height:0px;
  border-color: #d9534f;
  border-style: solid;
  border-width: 20px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
	position:absolute;
	display:block;
	top:20px;bottom:0;left:0;right:0;
	margin:auto;
}

.plans_tab a {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:1em;
	color:#fff;
	padding:10px 3px;
}
}

.mini_bn {
	width:auto;
	max-height:45px;
	padding:5px;
}

.drow_box2 a {
	width:auto;
	height:200px;
	position:fixed;
	right:0;top:300px;
	margin:auto;

	z-index:9997;
}

.drow_box a {
	width:auto;
	height:200px;
	position:fixed;
	right:0;top:510px;
	margin:auto;
	
	z-index:9998;
}

h1 {
	text-align:center;
	position:relative;
	display:block;
	margin:0 auto !important;
	z-index:-1;
}

h1 .title {
	width:100%;
	max-width:640px;
	
	position:absolute;
	left:0;top:0;bottom:0;
	margin:auto;
}

#sp_slidemenu {
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background: #fff;
	transition: all 0.2s;
	transform: translate(300px);
	z-index: 99999;
	overflow-x:auto;
	border-left:1px solid #aaa;
	line-height:1.3;
}
#sp_slidemenu.open {
	transform: translate(0); 
}
#sp_slidemenu ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
}
#sp_slidemenu ul li {
	padding: 0;
	border-bottom: 1px solid #444;
	border-bottom: 1px solid #444;
}
#sp_slidemenu ul li a {
	display: block;
	color:#444;
	min-height:48px;
	line-height:48px;
	text-align: center;
	text-decoration: none;
}

.item_slide {
	position:relative;
	border: 2px solid #ba5b5d;
}


.acn {
	width:100%;height:100%;
	display:block;
	cursor:pointer;
}

.drop_area {
/*	margin-top:10px;*/
	display:none;
}

.area_border {
	font-weight:600;
	text-align:center;
	color:#ba5b5d;
	border: 2px solid #ba5b5d;
	margin-top:10px;
	background:#fff;
}

.u_bar {
	border-bottom:2px solid #ba5b5d;
}

.bg_shiryou{
	background: url('/web/wp-content/themes/izumi/img/cont/foot_back.jpg') no-repeat;
	background-size:cover;
	background-position:center center;
}

.bg_club {
	background: url('/web/wp-content/themes/izumi/img/cont/back_club.jpg') no-repeat;
	background-size:cover;
	background-position:center top;
}

.bg_over_001 {
	background: url('/img/back_01.png'),
			  #fff;
	background-position: left bottom, center center;
	background-repeat: no-repeat, no-repeat;
	background-size:cover;
}

.bg_over_002 {
	background: url('/img/cont/index/back_over_01.png'),
			  #f5f3ed;
	background-position: left bottom, center center;
	background-repeat: no-repeat, no-repeat;
	background-size:cover;

}

.bg_over_003 {
	background: url('/img/back_02.png'),
			  #fff;
	background-position: left bottom, center center;
	background-repeat: no-repeat, no-repeat;
	background-size:cover;
}

.bg_over_005 {
	background: url('/img/back/back_01.jpg');
	background-position: center middle;
	background-repeat: no-repeat;
	background-size:cover;
	
}
.bg_over_006 {
	background: url('/img/back/back_02.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size:cover;
	
}
.bg_over_007 {
	background: url('/img/if/back.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size:cover;
	
}

.bg_an_001 {
	background:linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url('/img/cont/anshin/back/001.jpg') no-repeat;
	background-size:cover;
	background-position:right center;
}
.bg_an_002 {
	background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url('/img/cont/anshin/back/002.jpg') no-repeat;
	background-size:cover;
	background-position:left center;
}
.bg_an_003 {
	background:linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) ,url('/img/cont/anshin/back/003.jpg') no-repeat;
	background-size:cover;
	background-position:right center;
}

.bg_an_004 {
	background:linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url('/img/cont/service/funeral/001.jpg') no-repeat;
	background-size:cover;
	background-position:right center;
}
.bg_an_005 {
	background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) ,url('/img/cont/service/funeral/002.jpg') no-repeat;
	background-size:cover;
	background-position:left center;
}


.item10 {
	width: auto;
	max-width: 100%;
	min-height: 20vh;/* 35vh */
	flex-basis: calc(100%/2);
	-webkit-flex: 1;
	flex: 1;
}

.item9 {
	width:50%;
	position: relative;
	padding: 40px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item5 {
	width:calc(100% / 3);
	position:relative;
	padding:20px;
}
.flower_box {
	width:100%;height:100%;
	display:block;
	border: 2px solid #ba5b5d;
	border-radius:5px;
	padding: 0;
}
.flower_title {
	font-size:1.15em;
	font-weight:500;
	color:#fff;
	background:#ba5b5d;
	padding: 3px 5px;
	text-align:center;
}


.hall_box {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	
/*	padding:10px 15px;*/
	border:5px solid #182a7e;
	background:#fff;
}

.hall_tab {
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

.hall_tab td {
	width:calc(100% / 5);
	padding: 5px 15px;
}

.hall_title {
	border-bottom:1px solid #ccc;
	text-align:center;
}

.hall_title span {
	font-size:1.6em;
	font-weight:bold;
	color:#182a7e;
}

.hall_tab th {width:50%;}
.hall_tab td {width:50%;}

.hall_icon li {
	width:50%;
	display:inline-block;
	text-align:center;
	padding:10px;
}

.hall_icon li div {
	background:#ccc;
}

.hall_icon li div.active {
	background:#182a7e;
}

/*共通*/
.flowlist h3 {
	font-size:1.2em;
	font-weight: 500;
	text-align:center;
	padding:5px 10px;
	border:0;margin:0;
	border-radius:5px 5px 0 0;

	max-width:200px;
}

.flow_column {
	border:1px #ccc solid;
/* border-radius:10px;*/
}

.flow_column {
	background: repeating-linear-gradient(#efdbbe, #fff);
}

.caution_box {
	background:#e9eef4;
	border:2px #3d5991 solid;
	padding:10px 40px;
	border-radius:10px;
}

.caution_impact {
	color:#C13332;
	font-weight:600;
	text-decoration: underline;
}

.caution_box > .c_mark {
	float:left;
	margin-right:20px;
}

.plan_arrow2 {
	background:#62b5d7;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	position:relative;
}

.plan_arrow2:before {
	content: "";
	position:absolute;
	top:-12px;
	left:0;right:0;
	width:0;height:0;
	margin:0 auto;
	border-style: solid;
	border-color: #62b5d7;
	border-width: 24px 24px 24px 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.plan_arrow2:after {
	content: "";
	position:absolute;
	bottom:-36px;
	left:0;right:0;
	width:0;height:0;
	margin:0 auto;
	border-style: solid;
	border-color: transparent #62b5d7 transparent transparent;
	border-width: 24px 24px 24px 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.plan_arrow3 {
	position: relative;
	width: 100%;
	height: 20px;
	background: #fff;
}

.plan_arrow3:after {
	position: absolute;
	content: "";
	top: 12px;
	left: -12px;
	border:10px solid;
	border-color:transparent;
	border-left: 15px solid #fff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.plan_arrow4 {
	background:#62b5d7;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;

	position:relative;
}

.plan_arrow4:before {
	content: "";
	position:absolute;
	top:-12px;
	left:0;right:0;
	width:0;height:0;
	margin:0 auto;
	border-style: solid;
	border-color: #62b5d7;
	border-width: 24px 24px 24px 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.tel_box {
	max-width:320px;
	padding:20px;
	position:relative;
	z-index:0;
}
.tel_balloon {
	max-width:100px;
	position:absolute;
	top:-30px;left:100%;
}

.haneru {
	animation: haneru 2.3s linear 0s infinite;
}
 
@keyframes haneru {
0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
30%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
90% { transform: scale(1.0, 1.0) translate(0%, 0%); }
100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

@media only screen and (max-width: 640px) {
.hall_area_bn li {
	width:calc(100% / 1);
	padding:7px;
}

.drow_box, .drow_box2{
		display:none;
}
.item9, .item10 {
	width:100vw;
	padding: 10px 20px;
	text-align:center;
}
.item10 {
	height:10vh;
	display: none;
}

	.plan_arrow2 {
font-size:0.85em;
padding: 0 10px 5px;
	}
.plan_arrow2:before,.plan_arrow2:after {
	border:none;
}

.plan_arrow3 {
	position: relative;
	display:inline-block;
	width: 40px;
/*	height: 100%;*/
	background: transparent;
}

.plan_arrow4::before {
	display:none;
}

.plan_arrow3:after {
	position: absolute;
	content: "";
	top: 7px;
	left: 20px;
	border:7px solid;
	border-color:transparent;
	border-left: 10px solid #fff;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.flowlist h3 {max-width:100%;}
.caution_box {padding:10px;}
.next_box{ padding:10px;}
.next_box > .c_right { font-size:0.8em;color:#333;letter-spacing:-0.1em;}
.plan_items {padding:0;}
.plan_items li {padding: 10px 0 0;width:100%;display:block;}
.tel_balloon {
	max-width:100px;
	position:absolute;
	top:-90px;left:70%;
}

}


/* 追加項目  */
.u_bar {
	border-bottom: 2px solid #eeeeee;
}

.r_bar {
	border-right: 2px solid #eeeeee;
}

#club_info .item2 {
	padding-bottom:40px;
}

.sougi_box {
	width:100%;height:100%;
	display:block;
/*	border-width:2px;
	border-style: solid;*/
	border-radius:10px;
}

.sub_title2 {
	font-size:1.5em;
	font-weight:600;
	color:#fff;
	padding:5px 10px;
	text-align:center;
}

.sub_title3 {
	font-size:1.1em;
	font-weight:500;
	color:#fff;
	padding: 5px 10px;
	text-align:center;
}

.sub_image2 {
	text-align:center;
	padding: 20px 40px;
	background:#fff;
}

.sougi_box p {
	padding:20px;
	margin:0;
}

.bg_011 {background:#7e318e !important;}
.bg_012 {background:#ba5b5d !important;color:#fff;}
.bg_013 {background:#db7c00 !important;}
.bg_014 {background:#4baed7 !important;color:#fff;}
.bc_011 {border-color:#7e318e;}
.bc_012 {border-color:#ba5b5d;}
.bc_013 {border-color:#db7c00;}
.bc_014 {border-color:#52b4cb;}
.bsc_011 {background:#fefefe;}

.bg_015 {background:#3d5991;color:#fff;}
.bc_015 {border-color:#3d5991;}
.bg_016 {background:#e9eef4;}
.bc_016 {border-color:#e9eef4;}
.bg_017 {background:#35b7eb;}
.bc_017 {border-color:#ec821b !important;}

.border_box {
	border:2px solid #ad8947;
	border-radius:10px;
	padding:20px;
	margin-bottom:20px;
	background:#fff;
	position:relative;
}

.border_box2 {
	border: 2px solid #ba5b5d;
	border-radius:5px;
	padding:10px;
	background:#fff;
}

.border_box3 {
	border: 2px solid #ba5b5d;
	background:#fff;
}

.border_box4 {
	font-size:1.1em;
	font-weight: bold;
	color:#1369ad;

	border:2px solid #1369ad;
	padding: 0;
	background:#fff;
	position:relative;
	
	text-align:center;
}

.border_box4 > .sub_title4 {
	font-size:1.3em;
	color:#fff;
	background:#1369ad;
}

.border_box > .b_label {
  position: absolute;
  top: 0;
  left: 0;
}

.flow_title img {
	padding: 20px;
}
.flow_tel {
	padding-bottom: 20px;
}
.flow_mes {
	padding: 20px 20px 20px 50px;
}

.border_box8 {
	border: 2px solid #209882;
	border-radius:5px;
	padding:10px;
	background:#fff;
}

.sub_title {
	font-size:0.9em;
	text-align:center;
    padding:5px 20px;
	
	display: block;
	bottom: 0;left: 0;
	position: absolute;
	width: 100%;
}

.item4 {
	width: calc(100% / 7);
	position:relative;
	text-align:center;
	padding: 10px 15px;
	margin-bottom:5px;
}

.item4 div {
	font-size:13px;
	line-height:1;
	padding-top:10px;
}


/* 仮項目 */
div {
	vertical-align:middle;
}

.pictgram {
	margin-bottom:20px;
	text-align:center;
}

/* メガメニューの微調整 */
.megamenu {
	background:#9ccbe3 !important;
}

.megamenu > table {
	width:100%;
	max-width:1080px;
	height:auto;
	margin: 15px auto;
	table-layout:fixed;
}
.megamenu > table td {
	padding: 10px;
}
.megamenu td {
	width:33.3%;
	vertical-align:top;
}
.megamenu .sm_01 {
	width: calc(81.5% / 3);
}
.megamenu .sm_02 {
	width: 18.5%;
}
.megamenu .sm_03 {
	width: calc(63% / 2);
}

.megamenu .sm_04 {
	width: 43%;
}

.megamenu .sm_05 {
	width: 14%;
}

.megamenu .sm_06 {
	width: 25%;
}

#sp_footer {
	display:none;
}

.Bnr {
	position:fixed;
	bottom:0;right:0;
	z-index:9998;
}

.Bnr img {
	max-width:320px;
}


.insta {
position: relative;
overflow: hidden;
}
.insta .hover-mask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.7);
opacity: 0;
color: #fff;
display: flex;
align-items: center;
text-align: center;
padding: 30px;
} 

.insta .hover-mask:hover {
opacity: 1;
transition:all 0.6s ease;
} 

.staff-name {
	background:#4267b2;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

#sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 240px;
	background:rgba(255,255,255,0.75);
	font-size:0.9em;
	padding:15px;margin-left:10px;
	border-radius:10px;

}

.single_genre, .cat {
	font-size:11px;
	background:#0080c0;
	color:#fff;
	border-radius:2px;
	padding: 0 7px; 
	margin-right:5px;
}
.single_genre a {
	color:#fff;
}


ul.slist {
  border: solid 2px #0080c0;
  padding: 0 0.5em;
  position: relative;
	background:#fff;
}

ul.slist li {
  line-height: 1.5;
  padding: 1em 1em 1em 2em;
  border-bottom: dashed 1px #ccc;
  list-style-type: none!important;
}

ul.slist li:before {
  font-family: "fontawesome";
  content: "\f00c";/*アイコン種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #0080c0; /*アイコン色*/
}

ul.slist li:last-of-type {
  border-bottom: none;
}

.sarea {
	border: solid 2px #0080c0;
/*	background:#fff;*/
	padding: 1em;
	overflow: hidden;
}

.calls {
	font-size:1.8em;
	font-weight:600;
	color:#333;
	text-align:center;
	text-decoration:none;

	display:block;
	margin:0 auto;
}

/**
pages
*/
.flex_content {
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
}

.item7 {
	flex-basis: 15%;
	position:relative;
	margin:0;padding:0;
	text-align:center;
}
.item8 {
	flex-basis: 31.5%;
	position:relative;
	margin:0;padding:0;
	text-align:center;
}
.item15 {
	flex-basis: 23%;

}

.item_p {
	flex-basis: 31.5%;
	position:relative;
}

.item {
	flex-basis: 31.5%;
	position:relative;
	padding-bottom:20px;
}

.item p {
	padding: 0 20px 30px;
	margin:0;
}

.bg_015 {
	background: #ec821b;

}

.item2 {
	width:calc(100% / 2);
	position:relative;
}

.item3 {
	width:100%;
	position:relative;
}

.item, .item2, .item3 {
	margin-bottom:20px;
}

.item6 {
	flex-basis: 23.3%;

	background: #fff;
	border-right:20px solid #0080c0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;

	color: #0080c0;
	padding: 5px;
	margin-bottom:10px;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow:hidden;
	position:relative;

	vertical-align:middle;
	flex-direction: column;
/*	overflow: hidden;*/
	box-shadow: 5px 3px 5px -4px rgba(0,0,0,0.5);
	transform: rotate(-1deg);

}

.item6 a {
	width:100%;height:100%;
	display:block;color: #0080c0;
	text-decoration:none;
}
.item6:hover a {
	color: #fff;
}
.item6:hover {
	background: #0080c0;
}

.item5 .sarea, .reform-img {
	text-align:center;
	position: relative;
}

.sarea a img, .reform-img a img {
	transition:.5s ease;
	display:inline-block;
}

.reform-img a img {
	border-radius:100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.reform-img:hover a img {
	border-radius:5px;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}

.reform-img a span {
	display: none;
}
.reform-img a:hover span { 
	display: block;
	z-index: 100;
	background: #fff;
	border-right:20px solid #0080c0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;

	color: #0080c0;
	position: absolute;
	top: 0;left: -10px;
	padding: 5px;
	max-width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
	overflow:hidden;
	
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	box-shadow: 5px 3px 5px -4px rgba(0,0,0,0.5);
	transform: rotate(-10deg);
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.sarea:hover a img {
transform:scale(1.2);
}

@media only screen and (max-width:959px) {

.item_p {
	flex-basis: 50%;
}
.hall_tab th {width:100%;display:block;padding:10px;}
.hall_tab td {width:100%;display:block;padding:5px;}

.hall_icon li {width:50%;padding:5px;}

#sp_footer {
	display:block;
	position:fixed;
	bottom:0;left:0;
	border-top: #eee 1px solid;
	z-index:9999;
}

#sp_footer img {
	max-height:60px;
}

#sp_footer .tab2 > div {
	position:relative;
}
#sp_footer a {
	width:100%;height:100%;
	display:block;
	z-index:10000;
	position:absolute;
	left:0;top:0;
}

.col_01 {
	background:#AC6A00;
}
.col_02 {
	background:#0064b4;
}

.col_03 {
	background:#68b82b;
}

.Bnr *{
	display:none;
}
	
#sidebar {
margin:0;
}
	
.item, .item2, .item8 {
	flex-basis: 100%;
}
.item5, .item6, .item7, .item15 {
	flex-basis: 48.5%;
	margin-bottom:10px;
}

.item5 .sarea img {
	width:100%;height:auto;
}

.item4 {
	width:calc(100% / 3);
}

.cont_01 {order:1;}
.cont_02 {order:2;}
.cont_03 {order:4;}
.cont_04 {order:3;}
.cont_05 {order:5;}
.cont_06 {order:6;}
.cont_07 {order:8;}
.cont_08 {order:7;}
.cont_09 {order:9;}
.cont_10 {order:10;}
.cont_11 {order:12;}
.cont_12 {order:11;}
.cont_13 {order:13;}
.cont_14 {order:14;}
.cont_15 {order:16;}
.cont_16 {order:15;}
.cont_17 {order:17;}
.cont_18 {order:18;}
.cont_19 {order:20;}
.cont_20 {order:19;}
}

/*  矢印 */
a.flow {
	padding-top: 70px;
	display:block;
	position:relative;
	margin: 0 auto;
}
a.flow span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

/******************************************************
* WordPress Origin Class
******************************************************/

.wp-caption{
  max-width: 100%;
}
.wp-caption-text{
  text-align: left;
}
.alignright{
  float: right;
}
.alignleft{
  float: left;
}
.aligncenter{
  clear: both;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width:768px) {
  .alignright,
  .alignleft,
  .aligncenter{
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto;
  }
}

/******************************************************
*Style for wrap
*
* - Includes main visual, main contents and sidebar.
******************************************************/

#wrap{
  margin-bottom: 20px;
}

@media screen and (max-width:768px) {
  #wrap{
    margin-top: 70px; /*Set the height of header.*/
  }
}

/******************************************************
*  Style for main contents
*
* - Stretch according to the width of the browser.
******************************************************/

/*Wrapper id of main contents.*/
#primary{
  float: left;
  width: 100%;
  margin-right: -220px; /*Set a value more than the width of the sidebar.*/
  padding-right: 220px; /*Set a value more than the width of the sidebar.*/
}
#primary main{
  border: 1px #BBB solid;
  padding: 10px;
}

@media screen and (max-width:768px) {
  #primary{
    float: none;
    margin: 0 0 20px 0;
    padding: 0;
  }
}

/******************************************************
*  Style for sidebar
*
* - Fixed width.
******************************************************/

/*Wrapper id of sidebar.*/
#secondary{
  float: right;
  width: 200px; /*Set the width of sidebar.*/
  border: 1px #BBB solid;
  margin-bottom: 20px;
  padding: 10px;
}

/*Wrapper class of widget.*/
#secondary .widget{
  border: 1px #BBB solid;
  padding: 10px;
}
#secondary .widget:not(:last-child){
  margin-bottom: 10px;
}

@media screen and (max-width:768px) {
  #secondary{
    float: none;
    width: 100%;
  }
}

/******************************************************
*  Style for Front Page (displays Your latest posts)
*
* - The body tag has 'home' when you select 'Front page displays Your latest posts'.
* - Describe here if you want to define unique style on the Front Page.
******************************************************/

/*Style for the article box. */
.home .archive-entry{
  display: table;
  border: 1px #BBB solid;
  padding: 10px;
  width: 100%;
}

/*Style for the article thumbnail. */
.home .archive-entry .entry-thumbnail{
  display: table-cell;
  width: 200px; /*Set the width of the thumbnail.*/
  vertical-align: middle;
}

/*Style for the article title and excerpt. */
.home .archive-entry .entry-main{
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.home .archive-entry .entry-main h3 a{
  font-size: 18px;
}

@media screen and (max-width:768px) {
  .home .archive-entry .entry-thumbnail{
    display: block;
    width: 100%;
    text-align: center;
  }
  .home .archive-entry .entry-thumbnail img{
    max-width: 200px;
  }
  .home .archive-entry .entry-main{
    display: block;
  }
}

/******************************************************
*  Style for Single Page
*
* - The body tag has 'single' class on the single page.
* - Describe here if you want to define unique style on the single page.
******************************************************/

/*Style for the article title.*/
.single h2.entry-title{
  font-size: 20px;
}

/*Style for the article thumbnail. */
.single .entry-thumbnail{
  text-align: center;
}
.single .entry-thumbnail img{
  width: 100%;
  max-width: 250px; /*Set the max width of the thumbnail.*/
}

/*Style for the article content. */
.single .entry-content{
  border: 1px #BBB solid;
  margin-bottom: 10px;
}

/*Style for the pagenation. */
.single .pagenation{
  border: 1px #BBB solid;
  margin-bottom: 10px;
  padding: 10px;
}
.single .pagenation .prev{
  float: left;
}
.single .pagenation .next{
  float: right;
}

/*Style for the tag. */
.single .tag{
  border: 1px #BBB solid;
  margin-bottom: 10px;
  padding: 10px;
}

/******************************************************
*  Style for Archive Page
*
* - The body tag has 'archive' class on the archive page.
* - Describe here if you want to define unique style on the archive page.
******************************************************/

/*Style for the archive category title.*/
.archive h2.archive-title{
  font-size: 20px;
}

/*Style for the article box. */
.archive .archive-entry{
  display: table;
  border: 1px #BBB solid;
  padding: 10px;
  width: 100%;
}

/*Style for the article thumbnail. */
.archive .archive-entry .entry-thumbnail{
  display: table-cell;
  width: 200px; /*Set the width of the thumbnail.*/
  vertical-align: middle;
}

/*Style for the article title and excerpt. */
.archive .archive-entry .entry-main{
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.archive .archive-entry .entry-main h3 a{
  font-size: 18px;
}

@media screen and (max-width:768px) {
  .archive .archive-entry .entry-thumbnail{
    display: block;
    width: 100%;
    text-align: center;
  }
  .archive .archive-entry .entry-thumbnail img{
    max-width: 200px;
  }
  .archive .archive-entry .entry-main{
    display: block;
  }
}