@charset "UTF-8";



/*-- 蟷ｴ鮨｢隱崎ｨｼ繝壹・繧ｸ 繝｡繧､繝ｳ逕ｻ蜒城伜沺 index --*/
#main {
	scroll-behavior: smooth;
	
	width: 100%;
	height: 800px;
	background: url(../img/main_bg.png) repeat;
	background-position: center center;

	border-bottom: 4px solid #f241ab;
}

#main .mainImage {
	width: 1200px;
	margin: 0 auto;
}



/*-- 18豁ｳ譛ｪ貅€縺ｮ蜈･蝣ｴ遖∵ｭ｢ --*/
#authentication {
	width: 100%;
	padding: 30px 0;
}

#authentication .exit {
	width: 650px;
	height: 33px;
	margin: 0 auto;
	background: url(../img/authentication.png) no-repeat 0 0;
	background-position: left center;
}

#authentication .exit p {
	padding-left: 123px;
	margin: 0 auto;
	line-height: 33px;
	font-size: 12px;
	color: #afafaf;
}

#authentication .exit p a{color:#afafaf;text-decoration:underline;}
#authentication .exit p a:hover{color:#afafaf;text-decoration:none;}
#authentication .exit p a:active, a:focus {outline: 0;}



/*-- 繝｡繧､繝ｳ繧ｳ繝ｳ繝・Φ繝・伜沺・亥､ｧ・・--*/
article {
	width: 100%;
}

/*-- 繝｡繧､繝ｳ繧ｳ繝ｳ繝・Φ繝・伜沺・亥ｰ擾ｼ・--*/
section {
	width: 100%;
}

section.gray {
	background: #f0f0f0;
}

section.white {
	background: #fff;
}

section.white_underline {
	background: #fff;
	border-bottom: 1px solid #ddd;
}



h2 {
	font-family: "M PLUS Rounded 1c";

	margin: 0 0 45px 0;
	font-size: 48px;
	font-weight: normal;
	text-align: center;

	text-shadow:
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff,
		0px 0px 3px #ffffff;
}

h2.area_title {
	margin: 0 0 30px 0;
}

h2 span {
	color: #f241ab;
}

h2 span.Font-Josefin {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 72px;
	vertical-align: middle;
}





.area {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

.area ul {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	font-size: 0;
}

.area ul li {
	display: inline;
	margin-right: 30px;
	font-size: 16px;
}

.area ul li:last-child {
	margin-right: 0;
}



/* 蜈ｨ蝗ｽ蜷・慍繧ｨ繝ｪ繧｢隗剃ｸｸ繝懊ち繝ｳ */

.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.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.osaka {
  background-color: #f241ab;
  border: 2px solid #f241ab;
}
.button.kyoto {
  background-color: #febd00;
  border: 2px solid #febd00;
}
.button.tokyo {
  background-color: #01bbd4;
  border: 2px solid #01bbd4;
}
.button.hiroshima {
  background-color: #bc49d8;
  border: 2px solid #bc49d8;
}
.button.sapporo {
  background-color: #38dcff;
  border: 2px solid #38dcff;
}
.button.tokai {
  background-color: #f44236;
  border: 2px solid #f44236;
}
.button.kyushu {
  background-color: #4baf4f;
  border: 2px solid #4baf4f;
}

.button:hover {
  background-color: #fff;
}

.button.osaka:hover {
  border-color: #f241ab;
  color: #f241ab;
}
.button.kyoto:hover {
  border-color: #febd00;
  color: #febd00;
}
.button.tokyo:hover {
  border-color: #01bbd4;
  color: #01bbd4;
}
.button.hiroshima:hover {
  border-color: #bc49d8;
  color: #bc49d8;
}
.button.sapporo:hover {
  border-color: #38dcff;
  color: #38dcff;
}
.button.tokai:hover {
  border-color: #f44236;
  color: #f44236;
}
.button.kyushu:hover {
  border-color: #4baf4f;
  color: #4baf4f;
}



.area .button {
  width: 380px;
  height: 110px;
  border-radius: 6px;

  font-family: "M PLUS Rounded 1c";
  padding:6px;
  color: #fff;
  line-height: 1.8;
}

.area .button.hiroshima,
.area .button.sapporo,
.area .button.tokai,
.area .button.kyushu {
  width: 277.5px;
}

.area .button span,
.area .button_off span {
	font-size: 32px;
	font-weight: bold;
}

.area .button_off {
  display: inline-block;
  width: 277.5px;
  height: 110px;
  text-align: center;
  text-decoration: none;
  outline: none;
  border-radius: 6px;

  font-family: "M PLUS Rounded 1c";
  padding:6px;

  background-color: #afafaf;
  border: 2px solid #afafaf;
  color: #fff;
  line-height: 1.8;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}



.area_list {
	padding: 30px;
	border: 4px solid #f0f0f0;
	font-size: 0;
}

.area_name {
	display: inline-block;
	width: 357.333px;
	margin-right: 30px;
	vertical-align: top;
	font-size: 16px;
}

.area_name:nth-child(1),
.area_name:nth-child(2),
.area_name:nth-child(3) {
	margin-bottom: 30px;
}

.area_name:nth-child(3),
.area_name:nth-child(6) {
	margin-right: 0;
}

.area_name ul {
	margin-bottom: 0;
}

h3 {
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	background: #f0f0f0;
}

h3.osaka {color:#f241ab;}
h3.kyoto {color:#febd00;}
h3.tokyo {color:#01bbd4;}
h3.hiroshima {color:#bc49d8;}
h3.sapporo {color:#38dcff;}
h3.tokai {color:#f44236; margin-top: 30px;}
h3.kyushu {color:#4baf4f;}



.area_large {
	margin-top:10px;
}
.area_large:first-child {
	margin-top:0;
}
.area_large:before {
	content: "♥ ";
}
.area_large.osaka:before {
	color: #f241ab;
}
.area_large.kyoto:before {
	color: #febd00;
}
.area_large.tokyo:before {
	color: #01bbd4;
}
.area_large.hiroshima:before {
	color: #bc49d8;
}
.area_large.sapporo:before {
	color: #38dcff;
}
.area_large.tokai:before {
	color: #f44236;
}
.area_large.kyushu:before {
	color: #4baf4f;
}

#small {
	padding-left: 45px;
	font-size: 0;
}
.area_small {
	display: inline-block;
	font-size: 12px;
}
.area_small:after {
	content: " ｜ ";
	color: #afafaf;
}
.area_small:last-child::after {
	content: "";
}





.whats {
	width: 100%;
	height: 836px;
	margin: 0 auto;
	padding: 60px 0;
	background: url(../img/whats_bg.png) repeat;
	background-position: center center;
	opacity: 1;  /* 騾城℃蠎ｦ繧呈欠螳・*/
}

.whats .contents {
	width: 1200px;
	margin: 0 auto;
}

.whats .contents .image_L {
	float: left;
	margin-left: 50px;
}

.whats .contents .text_R {
	width: 626px;
	float: right;
	line-height: 2;
	margin-right: 50px;
	margin-left: -100px;
}

.whats .contents .text_R p {
	margin: 0 0 10px 0;
	font-weight: bold;
	text-shadow:
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff,
		0px 0px 2px #ffffff;
}

.whats .contents .text_R p:first-child {
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1.3;
}

.whats .contents .text_R p span.count {
  font-family: 'Josefin Sans', sans-serif;
  /* Impact 繝輔か繝ｳ繝・竍・font-family: 'Anton', sans-serif; */ 
  font-size: 72px;
  font-weight: normal;
  letter-spacing: 2px;
  
  vertical-align: sub;
}

.whats .contents .text_R p span.data {
	color: #f241ab;
}

.whats .button {
  width: 611px;
  height: 80px;
  font-size: 24px;
  float: right;
  
  position: relative;
  background-color: #f241ab;
  border-radius: 50px;
  color: #fff;
  line-height: 80px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #da1070;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.whats .button:hover {
  top: -4px;
  box-shadow: 0 7px 0 #da1070;
}
.whats .button:active {
  top: 4px;
  box-shadow: none;
}





.present {
	width: 1200px;
	margin: 0 auto;
	padding: 90px 0;
}





.pickup {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
}

.pickup_bg_head {
	width: 100%;
	height: 165px;

	background: url(../img/pickup_bg_head.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 騾城℃蠎ｦ繧呈欠螳・*/

	z-index: 1;
}

.pickup_bg_foot {
	width: 100%;
	height: 165px;

	background: url(../img/pickup_bg_foot.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 騾城℃蠎ｦ繧呈欠螳・*/

	z-index: 1;
}

.pickup_pref {
	width: 307px;
	margin-bottom: 5px;
	padding: 5px;
	color: #fff;
	text-align: center;

	border-top-right-radius : 6px;
	border-top-left-radius : 6px;
}

.pickup_pref.osaka {
	background: #f241ab;
}

.pickup_pref.kyoto {
	background: #febd00;
}

.pickup_pref.tokyo {
	background: #01bbd4;
}

.pickup_pref.hiroshima {
	background: #bc49d8;
}

.pickup_pref.sapporo {
	background: #38dcff;
}

.pickup_pref.tokai {
	background: #f44236;
}

.pickup_pref.kyushu {
	background: #4baf4f;
}



.pickup_shopname {
	margin-top: 5px;
	font-weight: bold;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pickup_shopname.osaka {
	color: #f241ab;
}

.pickup_shopname.kyoto {
	color: #febd00;
}

.pickup_shopname.tokyo {
	color: #01bbd4;
}

.pickup_shopname.hiroshima {
	color: #bc49d8;
}

.pickup_shopname.sapporo {
	color: #38dcff;
}

.pickup_shopname.tokai {
	color: #f44236;
}

.pickup_shopname.kyushu {
	color: #4baf4f;
}



table.pickup_table {
	width: 317px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
}
table.pickup_table th {
	padding: 8px 24px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2.5px solid #fff;
	border-radius: 50px;
	background: #f241ab;
}

table.pickup_table.osaka th {
	background: #f241ab;
}

table.pickup_table.kyoto th {
	background: #febd00;
}

table.pickup_table.tokyo th {
	background: #01bbd4;
}

table.pickup_table.hiroshima th {
	background: #bc49d8;
}

table.pickup_table.sapporo th {
	background: #38dcff;
}

table.pickup_table.tokai th {
	background: #f44236;
}

table.pickup_table.kyushu th {
	background: #4baf4f;
}


table.pickup_table td {
	width: 225px;
	padding: 5px 0 5px 10px;
	vertical-align: middle;
}

table.pickup_table td .text {
	width: 225px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





.special {
	width: 1200px;
	margin: 0 auto;
	padding: 90px 0;

}

.special ul {
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

.special ul li {
	display: inline;
	margin-right: 25px;
}

.special ul li:last-child {
	margin-right: 0;
}

.special .button {
  width: 150px;
  height: 150px;
  border-radius: 50%;

  font-family: "M PLUS Rounded 1c";
  padding:40px 0;
  color: #fff;
  line-height: 1.4;
}

.special .button span,
.special .button_off span {
	font-size: 30px;
	font-weight: bold;
}

.special .button_off {
  width: 150px;
  height: 150px;
  border-radius: 50%;

  display: inline-block;  
  text-align: center;
  text-decoration: none;
  outline: none;

  font-family: "M PLUS Rounded 1c";
  padding:40px 0;
  color: #fff;
  line-height: 1.4;

  background-color: #afafaf;
  border: 2px solid #afafaf;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}





.experience {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 60px 0;

	background: url(../img/experience_bg.jpg) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 騾城℃蠎ｦ繧呈欠螳・*/

	z-index: 1;
}

.experience_box{
	width:1200px;
	margin: 0 auto;
	padding: 0;

	font-size: 0;

	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

.experience_box .news_block .news_slider ul.slides li {
	width: 1138px;
	text-align: center;
}

.experience_box .news_block .news_slider .news_slider-right {
	background-position: 0 0;
	right:0;
	}
.experience_box .news_block .news_slider .news_slider-left {
	display:none;
	left:0;
	}
.experience_box .news_block .news_slider .news_slider-right:hover {
	background-position: 0 0;
	}
.experience_box .news_block .news_slider .news_slider-left:hover{
	background-position: 0px 0;
	}

.experience_contents {
	display: inline-block;
	position: relative;

	width: 512px;
	height: 314px;

	background: url(../img/experience_contents.png) no-repeat 0 0;
	background-position: top center;
	background-size: cover;
	opacity: 1;  /* 騾城℃蠎ｦ繧呈欠螳・*/

	z-index: 1;

	font-size: 16px;
}

.experience_contents:nth-child(odd) {
	margin-right: 30px;
}

.experience_contents:nth-child(3),
.experience_contents:nth-child(4) {
	margin-top: 30px;
}



.experience_contents_shopname {
	width: 482px;
	margin: 0 15px 15px 15px;
	padding: 60px 0 5px 0;
	text-align: left;
	border-bottom: 1px solid #fff;
}

.experience_contents_shopname p {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 20px;
	color:#f241ab;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.experience_contents_area {
	max-width:200px;
	margin: 0 15px 0 15px;
	padding: 7.5px 15px;
	background:#eee;
	text-align:center;
	color:#888888;
	float:left;

	border-radius: 6px;
}
.experience_contents_day {
	max-width:200px;
	margin: 0 15px 0 0;
	padding: 7.5px 15px;
	background:#eee;
	text-align:center;
	color:#888888;
	float:right;

	border-radius: 6px;
}

.experience_contents a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;

    text-decoration: none;
}

@font-face {
font-family:HuiFont109;
src:url('../fonts/HuiFont109.ttf') format("truetype");
}

.experience_contents a p {
	font-family: 'HuiFont109';
	font-size: 22px;
	padding: 142.5px 15px 0 15px;
	line-height: 1.95;
	text-align: left;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	}





.interview {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.interview_box{
	margin-bottom: 20px;
	padding: 30px;
	width:1132px;
	border: 4px solid #f0f0f0;
	background: #fff;
}

.interview_box:last-child{
	margin:0 0 40px 0;
}

.interview_box p{
	padding: 0;
	margin-bottom:10px;
}

.interview_box p.last{
	margin-bottom:0;
}



.interview_box ul li{
	display: inline-block;
	list-style-type: none;
}



table.Interview_Member {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #f241ab;
	border-left: 1px solid #f241ab;
	float:right;
}

table.Interview_Member th {
	width: 80px;
	padding: 10px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #fff;
	background: #f241ab;
}

table.Interview_Member td {
	width: 553px;
	padding: 10px;
	vertical-align: middle;
	border-right: 1px solid #f241ab;
	border-bottom: 1px solid #f241ab;
}

table.Interview_Member td .text {
	width: 553px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}





/************************************
迚ｹ谿海SS繝懊ち繝ｳ
蟷ｴ鮨｢隱崎ｨｼ繝壹・繧ｸ菴ｿ逕ｨ縺ｮ迚ｹ谿翫・繧ｿ繝ｳ繝ｻ蠖薙さ繝ｼ繝臥ｧｻ蜍慕ｦ∵ｭ｢
笆ｼ 笆ｼ 笆ｼ 縺薙％縺九ｉ 笆ｼ 笆ｼ 笆ｼ
************************************/

ul#more_button{
display:inline;
margin: 0 auto;
width: 304px;
height: 70px;
font-family: 'Bungee', sans-serif;
font-size: 24px;
letter-spacing: 2px;
}

ul#more_button li{
	float:left;
	list-style:none;
	width:304px;
	margin: 0 10px 3px 0;
}

ul#more_button li:last-child{
	margin: 0 0 3px 0;
}

ul#more_button a{
text-decoration: none;
display: block;
width: 304px;
height: 70px;
}





.more_button_first {
  display: inline-block;
  width: 304px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more_button_first::before,
.more_button_first::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more_button_first,
.more_button_first::before,
.more_button_first::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more_button_first {
  position: relative;
  background-color: #ffa733;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #ff9300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more_button_first:hover {
  top: -4px;
  box-shadow: 0 7px 0 #ff9300;
  color: #fff;
}
.more_button_first:active {
  top: 3px;
  box-shadow: none;
}
.more_button_first:focus {
  color: #fff;
}





.more_button_prev {
  display: inline-block;
  width: 304px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more_button_prev::before,
.more_button_prev::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more_button_prev,
.more_button_prev::before,
.more_button_prev::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more_button_prev {
  position: relative;
  background-color: #35cccc;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #2eb4b4;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more_button_prev:hover {
  top: -4px;
  box-shadow: 0 7px 0 #2eb4b4;
  color: #fff;
}
.more_button_prev:active {
  top: 3px;
  box-shadow: none;
}
.more_button_prev:focus {
  color: #fff;
}




.more_button_next {
  display: inline-block;
  width: 304px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more_button_next::before,
.more_button_next::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more_button_next,
.more_button_next::before,
.more_button_next::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more_button_next {
  position: relative;
  background-color: #f241ab;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #da1070;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more_button_next:hover {
  top: -4px;
  box-shadow: 0 7px 0 #da1070;
  color: #fff;
}
.more_button_next:active {
  top: 3px;
  box-shadow: none;
}
.more_button_next:focus {
  color: #fff;
}
/************************************
迚ｹ谿海SS繝懊ち繝ｳ
蟷ｴ鮨｢隱崎ｨｼ繝壹・繧ｸ菴ｿ逕ｨ縺ｮ迚ｹ谿翫・繧ｿ繝ｳ繝ｻ蠖薙さ繝ｼ繝臥ｧｻ蜍慕ｦ∵ｭ｢
笆ｲ 笆ｲ 笆ｲ 縺薙％縺ｾ縺ｧ 笆ｲ 笆ｲ 笆ｲ
************************************/





/************************************
迚ｹ谿灰IV繝懊ち繝ｳ
迚ｹ谿翫・繧ｿ繝ｳ繝ｻ蠖薙さ繝ｼ繝臥ｧｻ蜍慕ｦ∵ｭ｢
笆ｼ 笆ｼ 笆ｼ 縺薙％縺九ｉ 笆ｼ 笆ｼ 笆ｼ
************************************/
ul#more_buttonMax.nav {
margin: 0 auto;
margin-bottom:3px;
width: 100%;
height: 70px;
font-family: 'Bungee', sans-serif;
font-size: 24px;
letter-spacing: 2px;
}

ul#more_buttonMax.nav li {
	float:left;
	list-style:none;
	width:100%;
}

ul#more_buttonMax.nav li input{
text-decoration: none;
display: block;
width: 100%;
height: 70px;
}





ul#more_buttonMax.nav li input {
  display: inline-block;
  width: 100%;
  height: 70px;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  border:0;
  outline: none;
}
ul#more_buttonMax.nav li input::before,
ul#more_buttonMax.nav li input::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
ul#more_buttonMax.nav li input,
ul#more_buttonMax.nav li input::before,
ul#more_buttonMax.nav li input::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



ul#more_buttonMax.nav li input {
  position: relative;
  background-color: #f241ab;
  border-radius: 6px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #da1070;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
ul#more_buttonMax.nav li input:hover {
  top: -4px;
  box-shadow: 0 7px 0 #da1070;
  color: #fff;
}
ul#more_buttonMax.nav li input:active {
  top: 3px;
  box-shadow: none;
}
ul#more_buttonMax.nav li input:focus {
  color: #fff;
}





#more_button_Interview{
margin: 0 auto;
margin-bottom:3px;
width: 1056px;
height: 70px;
font-family: 'Bungee', sans-serif;
font-size: 24px;
letter-spacing: 2px;
}

#more_button_Interview .button{
	float:left;
	list-style:none;
	width:100%;
}

#more_button_Interview .button a{
text-decoration: none;
display: block;
width: 100%;
height: 70px;
}





.more {
  display: inline-block;
  width: 100%;
  height: 70px;
  text-align: center;
  text-decoration: none;
  line-height: 76px;
  outline: none;
}
.more::before,
.more::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.more,
.more::before,
.more::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}



.more {
  position: relative;
  background-color: #f241ab;
  border-radius: 76px;
  color: #fff;
  line-height: 76px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #da1070;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.more:hover {
  top: -4px;
  box-shadow: 0 7px 0 #da1070;
  color: #fff;
}
.more:active {
  top: 3px;
  box-shadow: none;
}
.more:focus {
  color: #fff;
}
/************************************
迚ｹ谿灰IV繝懊ち繝ｳ
迚ｹ谿翫・繧ｿ繝ｳ繝ｻ蠖薙さ繝ｼ繝臥ｧｻ蜍慕ｦ∵ｭ｢
笆ｲ 笆ｲ 笆ｲ 縺薙％縺ｾ縺ｧ 笆ｲ 笆ｲ 笆ｲ
************************************/





#Interview_Member_left{
	width:350px;
	margin-right: 15px;
	margin-left: 40px;
	display:inline-block;
	float:left;
}

#Interview_Member_left img{
	width: 345px;
	height: 345px;
	object-fit: cover; /* 縺薙・荳€陦後ｒ霑ｽ蜉縺吶ｋ縺縺托ｼ・*/

	text-align:center;
	border:2.5px solid #f241ab;
	border-radius:50%;
}

#Interview_Member_right .Interview_Member_Name{
	margin:0 auto;
	margin-bottom: 2px;
}

#Interview_Member_right{
	width:676px;
	float:right;

	margin-right: 40px;
	margin-left: 15px;
}





/************************************************************
縲€譁ｰ逹€繝ｪ繧｢繝ｫ繧ｿ繧､繝蠎鈴聞縺ｮ縺､縺ｶ繧・″縲€窶ｻindex髯仙ｮ・
************************************************************/


.tweet {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.tweet_box {
	width: 1200px;
}

/************************************************************
 * reset css
************************************************************/

dl, dt, dd, ul, ol, li, pre, form, 
fieldset, input, textarea, blockquote, th, td { margin:0; padding:0; }
ol, ul, li { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; }

/* html5 */
aside, figure, hgroup, nav { display:block; margin:0; padding:0; }

/****************************************
 * contents
****************************************/
.tabs { display:block; overflow:hidden; clear:both; }
.tabs li { width:162.85px; float:left; margin-right:10px; text-align: center; }
.tabs li:last-child { margin-right:0; }

.tabs a {
	display:block;
	font-size: 24px;
	color:#484848;
	text-decoration:none;
	background:#eee;
	padding:10px;

	border-top-right-radius : 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;

	border-top-left-radius : 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

.tabs li.active a {
	color:#fff; 

	border-top-right-radius : 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;

	border-top-left-radius : 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}

.tabs a:hover { color:#777; }

.tabs li.osaka.active a,
.tabs li.osaka.active a:hover { color:#fff; background:#f241ab; }

.tabs li.kyoto.active a,
.tabs li.kyoto.active a:hover { color:#fff; background:#febd00; }

.tabs li.tokyo.active a,
.tabs li.tokyo.active a:hover { color:#fff; background:#01bbd4; }

.tabs li.hiroshima.active a,
.tabs li.hiroshima.active a:hover { color:#fff; background:#bc49d8; }

.tabs li.sapporo.active a,
.tabs li.sapporo.active a:hover { color:#fff; background:#38dcff; }

.tabs li.tokai.active a,
.tabs li.tokai.active a:hover { color:#fff; background:#f44236; }

.tabs li.kyushu.active a,
.tabs li.kyushu.active a:hover { color:#fff; background:#4baf4f; }

.tab_content { height:auto; margin-top:0; padding:30px; }

.tab_content.osaka { border:2px solid #f241ab; }
.tab_content.kyoto { border:2px solid #febd00; }
.tab_content.tokyo { border:2px solid #01bbd4; }
.tab_content.hiroshima { border:2px solid #bc49d8; }
.tab_content.sapporo { border:2px solid #38dcff; }
.tab_content.tokai { border:2px solid #f44236; }
.tab_content.kyushu { border:2px solid #4baf4f; }

a.Rss{color:#afafaf;text-decoration: underline;}
a.Rss:hover {color:#afafaf;text-decoration:none;}

#tab1 li,
#tab2 li,
#tab3 li,
#tab4 li,
#tab5 li,
#tab6 li,
#tab7 li {
	border-bottom: 1px dashed #999999;
	padding: 17px 0;

}

#tab1 li:first-child,
#tab2 li:first-child,
#tab3 li:first-child,
#tab4 li:first-child,
#tab5 li:first-child,
#tab6 li:first-child,
#tab7 li:first-child {
	padding: 0 0 17px 0;
}

#tab1 li:last-child,
#tab2 li:last-child,
#tab3 li:last-child,
#tab4 li:last-child,
#tab5 li:last-child,
#tab6 li:last-child,
#tab7 li:last-child {
	border-bottom: 0;
}



/************************************
閾ｪ蜍輔せ繝ｩ繧､繝峨€悟ｺ鈴聞縺ｮ縺､縺ｶ繧・″縲埼Κ蛻・
笆ｼ 笆ｼ 笆ｼ 縺薙％縺九ｉ 笆ｼ 笆ｼ 笆ｼ
************************************/
.vticker{
	border: 0;
	width: 1136px;
	margin-bottom:20px;
}

.vticker ul{
	padding: 0;
}

.vticker ul a{
	text-decoration: none;

}

.vticker li{
	width:1136px;
	height:96px;
	padding: 20px;
	list-style: none;
	border-bottom: 1px dotted #dadada;
}

.vticker li img{
	width: 96px;
	height: 96px;
	object-fit: cover;

	margin-right: 20px;
	float: left;
}

.vticker li p{
	margin: 0;
	padding: 0;
}

.vticker li .tweet_right{
	width: 1020px;
	float: right;
}

.vticker li p.tweet_index_title{
	font-size:18px;
	font-weight: bold;
	color: #252525;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.vticker li p.tweet_index_text{
	font-size:18px;

	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
}

.vticker li p.tweet_index_title.osaka{
	color:#f241ab;

}
.vticker li p.tweet_index_title.kyoto{
	color:#febd00;
}
.vticker li p.tweet_index_title.tokyo{
	color:#01bbd4;
}
.vticker li p.tweet_index_title.hiroshima{
	color:#bc49d8;
}
.vticker li p.tweet_index_title.sapporo{
	color:#38dcff;
}
.vticker li p.tweet_index_title.tokai{
	color:#f44236;
}
.vticker li p.tweet_index_title.kyushu{
	color:#4baf4f;
}
/************************************
閾ｪ蜍輔せ繝ｩ繧､繝峨€悟ｺ鈴聞縺ｮ縺､縺ｶ繧・″縲埼Κ蛻・
笆ｲ 笆ｲ 笆ｲ 縺薙％縺ｾ縺ｧ 笆ｲ 笆ｲ 笆ｲ
************************************/



.tweet .tweet_box .tab_content ul.button_more_tweet {
	height: 67px;
}

.tweet .button {
  width: 100%;
  height: 60px;
  font-size: 24px;
  float: right;
  
  position: relative;
  border-radius: 50px;
  color: #fff;
  line-height: 60px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}

.tweet .button:hover {
  top: -4px;
  color: #fff;
}



.tweet .button.osaka {
  background-color: #f241ab;
  box-shadow: 0 3px 0 #da1070;
}
.tweet .button.osaka:hover {
  box-shadow: 0 7px 0 #da1070;
}
.tweet .button.osaka:active {
  top: 4px;
  box-shadow: none;
}

.tweet .button.kyoto {
  background-color: #febd00;
  box-shadow: 0 3px 0 #ff9300;
}
.tweet .button.kyoto:hover {
  box-shadow: 0 7px 0 #ff9300;
}
.tweet .button.kyoto:active {
  top: 4px;
  box-shadow: none;
}

.tweet .button.tokyo {
  background-color: #01bbd4;
  box-shadow: 0 3px 0 #018294;
}
.tweet .button.tokyo:hover {
  box-shadow: 0 7px 0 #018294;
}
.tweet .button.tokyo:active {
  top: 4px;
  box-shadow: none;
}

.tweet .button.hiroshima {
  background-color: #bc49d8;
  box-shadow: 0 3px 0 #8723a0;
}
.tweet .button.hiroshima:hover {
  box-shadow: 0 7px 0 #8723a0;
}
.tweet .button.hiroshima:active {
  top: 4px;
  box-shadow: none;
}

.tweet .button.sapporo {
  background-color: #38dcff;
  box-shadow: 0 3px 0 #00add2;
}
.tweet .button.sapporo:hover {
  box-shadow: 0 7px 0 #00add2;
}
.tweet .button.sapporo:active {
  top: 4px;
  box-shadow: none;
}

.tweet .button.tokai {
  background-color: #f44236;
  box-shadow: 0 3px 0 #a7150a;
}
.tweet .button.tokai:hover {
  box-shadow: 0 7px 0 #a7150a;
}
.tweet .button.tokai:active {
  top: 4px;
  box-shadow: none;
}

.tweet .button.kyushu {
  background-color: #4baf4f;
  box-shadow: 0 3px 0 #2d6830;
}
.tweet .button.kyushu:hover {
  box-shadow: 0 7px 0 #2d6830;
}
.tweet .button.kyushu:active {
  top: 4px;
  box-shadow: none;
}





/* ----- 要素が見えた時・画面から外れた時のフェイド処理 ----- */

#list{
	width: 1200px;
	margin: 0 auto;
	padding: 0;

	list-style-type: none;
	overflow: hidden;
}

#list .list-mv01,
#list .list-mv02,
#list .list-mv03,
#list .list-mv04,
#list .list-mv05,
#list .list-mv06,
#list .list-mv07 {
	transition: .8s;
}



.list-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}



.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}



.list-mv03{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv03{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}



.list-mv04{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
}
.mv04{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}



.list-mv05{
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
}
.mv05{
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



.list-mv06{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv06{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}



.list-mv07{
	opacity: 0;
	transform: translate(0,120px); 
	-webkit-transform: translate(0,120px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



/* ----- 左右から登場するフェイド処理 ----- */

.slideConts {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.slideContsL {
  transform: translate(-350px, 0);
}

.slideContsR {
  transform: translate(350px, 0);
}

.slideContsL.show {
  transform: translate(-50px, 0) !important;
}

.slideContsR.show {
  transform: translate(50px, 0) !important;
}