@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font-family:Helvetica,HiraKakuProN-W3,meiryo,メイリオ,sans-serif;
	color:#333333;
	background:#ffffff;
}

body a{
	text-decoration:none;
	color:#000000;
}

body a:hover a:visited{
	text-decoration:none;
	color:#000000;
}

div img{
	vertical-align: bottom;
}
#wrap{
	min-height: 100%;
	position: relative;
	overflow: hidden;
}

#container{
	width:100%;
	font-size:16px;
	margin-top:140px;
}

.sitename{
	width:1280px;
	padding:10px;
	color:#c4c4c4;
	font-family:Arial-BoldMT;
	font-size:24px;
	margin:0 auto;
	line-height:0;
	letter-spacing:10px;
	text-indent:20px;
	position:relative;
}
#contents{
	width:1280px;
	margin:0 auto;
	border-bottom:solid 1px #ccc;
	background:#ffffff;
	padding:0 10px 10px;
	word-break: break-all;
}


#footer{
	border-top:1px solid #000000;
	padding:20px;
	color:#000000;
	background:#ffffff;
	font-size:14px;
	text-align:center;
}

#flag{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:20px 0;
	margin:0;
	color:#000000;
	font-size:2.5rem;
	letter-spacing:10px;
}

#pc_main{
	width:1280px;
	height:600px;
	margin:0 auto;
}

#pc_main img{
	width:1280px;
	height:600px;
	object-fit:cover;
}

#top_gallery{
	width:100%;
	height:600px;
	margin:0 auto;
}

/*============================================================
	ヘッダー固定
============================================================*/

#header{
    background: rgba(255,255,255,0.5);
    display: flex;
    padding: 60px 20px;
    position: fixed;
    justify-content: space-between;
    transition: .5s;
    width: 100%;
}
#header.transform{
    background: rgba(255,255,255,0.9);
    padding: 20px;
	color:#000000 !important;
}
.transform{
	width:100%;
	text-indent:20px;
	color:#000000 !important;
}

.transform_navi{
	position:absolute;
	right:40px !important;
}

#xxx{
	max-width:900px;
	line-height:20px;
}

/*============================================================
	追加
============================================================*/
.fa-external-link:before{content:"\f08e"}
.fa-external-link-square:before{content:"\f14c"}
/*============================================================
	追加
============================================================*/
.red{
	color:#ff0000;
	font-weight:bold;
}


.wadai{
white-space: nowrap !important;
    text-overflow: ellipsis !important;
    min-width: 0px !important;
    overflow: hidden !important;
}
/*-------------------- twitter_area_end --------------------*/
.sns_share_box3{
	display:flex;
	color:#ffffff;
	font-size:15px;
}

.sns_share_box_twitter{
	width: calc(100% / 3);
	background-color:#55acee;
	padding:5px 0;
	text-align:center;
}

.sns_share_box_facebook{
	width: calc(100% / 3);
	background-color:#3b5998;
	padding:5px 0;
	text-align:center;
}

.sns_share_box_line{
	width: calc(100% / 3);
	background-color:#00c300;
	padding:5px 0;
	text-align:center;
}

/*-------------------- aboutUs --------------------*/
#aboutus{
	width:900px;
	margin:0 auto;
	display:flex;
	color:#000000;
	font-size:15px;
}

.aboutus_left{
	width: calc(100% / 3);
	background-color:#ffffff;
	padding:5px 0;
	border-right:1px solid #000000;
}

.aboutus_center{
	width: calc(100% / 3);
	background-color:#ffffff;
	padding:5px 0;
	text-align:center;
	border-right:1px solid #000000;
}

.aboutus_right{
	width: calc(100% / 3);
	background-color:#ffffff;
	padding:5px 0;
	text-align:center;
}

.about_us_index{
	width:100%;
	display:flex;
	justify-content:center;
	align-items :center;
	margin-bottom:40px;
}

.about_us_index_text{
	width:500px;
	display:flex;
	justify-content:flex-start;
	align-items :center;
}

.profile_box{
	display:flex;
	justify-content:center;
	align-items :center;
	flex-direction:column;
}
.profile_name{
	width:30%;
	height:30px;
	border-bottom:1px solid #000000;
	padding:5px;
	margin-bottom:5px;
	text-align:center;
}

.profile_image{
	padding:10px 0;
}

.profile_image img{
	width:100px;
	height:100px;
	object-fit: cover;
	border-radius:100%;
}
.profile_data{
	width:80%;
	border-top:1px solid #000000;
	padding:5px;
	margin-top:5px;
	display:flex;
	justify-content:flex-start;
	align-items :center;
}


#sns_info_box{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items :center;
}


#twitter{
	width:300px !important;
	margin-top:20px;
}

.sns_name{
	padding:20px 0;
	text-align:center;
	font-family:futura-lt-w01-book,sans-serif;
}

#twitter_in{
	overflow:auto;
	width:300px;
	height:500px;
}

#instagram{
	width:calc(100% - 300px);
	margin-top:20px;
}

#instagram_in{
	overflow:auto;
	height:500px;
	background-color:#f9f9f9;
}

#relation{
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items :center;
}

#contact{
	width:calc(100% - 300px);
	margin-left:400px;
	margin-top:20px;
}



#contact_in{
	overflow:auto;
	height:400px;
	background-color:#f9f9f9;
}


#navi{
	display:flex;
	justifiy-content:center;
	align-items:center;
	position:absolute;
	right:0;
}

.navi_list{
	padding:0 10px;
	text-align:center;
	color:#000000;
	font-size:0.7rem;
}



#sns_share{
	width:50px;
	display:flex;
	justify-content:center;
	align-items :center;
	flex-direction:column;
	z-index:3;
	right:200px;
	top:200px;
	position:fixed;
	float:right;
}

.sns_share_btn{
	padding:10px 0;
}


.row{
border-bottom:2px solid #000000;
}

.tb-cell {
  display: table;
  width: 300px;
  margin: 20px auto 40px auto;
  text-align: left;
}
.tb-cell .row {
  display: table-row;
}
.tb-cell .row .cell {
  display: table-cell;
  /*border: 1px solid #ddd;*/
  padding: 10px;
  vertical-align: middle;
  color: #fff;
}
.tb-cell .row .cell:nth-child(odd) {
  /*width: 100px;*/
}
.tb-cell .row .cell:nth-child(even) {
  width: 200px;
}
.mail-form .row .cell {
  padding: 5px;
}
.mail-form .row .cell:nth-child(1) {
  background: #ffffff;
}
.mail-form .row .cell:nth-child(2) {
  background: #ffffff;
}
input[type="text"],
input[type="email"] {
  height: 30px;
  font-size: 16px;
}
textarea {
  height: 100px;
  font-size: 16px;
}
button {
  color: #000000;
  border: none;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
}
button[type="button"] {
  margin-left: 10px;
}
button[type="button"],
button[type="submit"] {
  background: #f9f9f9;
}
button[type="reset"] {
  background: none;
}
button[type="button"]:hover,
button[type="submit"]:hover {
  background: #ddd;
}
button[type="reset"]:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
.tb-cell {
  width: 800px;
}
.tb-cell .row {
  display: table-row;
}
.tb-cell .row .cell {
  display: table-cell;
  /*border: 1px solid #ddd;*/
  padding: 10px;
  vertical-align: middle;
  color: #000000;
}
.tb-cell .row .cell:nth-child(odd) {
  /*width: 200px;*/
}
.tb-cell .row .cell:nth-child(even) {
  width: 600px;
}
input[type="text"],
input[type="email"] {
  width: 300px;
}
textarea {
  width: 580px;
}
/* ** */}

iframe {
  width: 100%;
  height: 320px;
  border: none;
}
@media (min-width: 768px) {
iframe {
  width: 840px;
  height: 360px;
  border: none;
}
/* ** */}