@charset "utf-8";
/*-----------上書き-------------*/
body{ line-height:150%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
main{ margin: 0 auto; padding: 0 0 40px;}
#wrap{background-image:none; background-color:#fff; padding-bottom:20px;}
#container{ overflow: hidden; min-width:1000px; }
img{ vertical-align:bottom ;}


.w960{width:960px; margin:0 auto; background-color:transparent; }
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pt120{padding-top:120px;}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb60{ margin-bottom:60px !important;}
.mb80{ margin-bottom:80px !important;}
.mb100{ margin-bottom:100px;}
.mb130{ margin-bottom:130px;}
.plant{ font-size:38px; line-height:150%; margin-bottom:20px; font-weight:bold; text-align:center;}


/*--------SP body ----------*/
@media screen and (max-width: 768px) {
main{
  width:100%;
}
}


/*--------main img----------*/
h1.conttop{
  width:100%;
  padding: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}


@media screen and (min-width: 769px) {
  h1.conttop{
    height:960px;
    margin: 20px 0;
    background: url(/img/special/majitabi/img_pc.png?v=20200708) no-repeat center center, url(/img/special/majitabi/pcbg.png) no-repeat center center;
  }
}


@media screen and (max-width: 768px) {
  h1.conttop{
    height:0;
    margin: 12px 0;
    padding-bottom:86.4724%; /* 961px:831px=100%:x */
    background: url(/img/special/majitabi/img_sp.png?v=20200708) no-repeat center center;
    background-size: 100%;
  }
}


/*--------MP LIST----------*/
@media screen and (min-width: 769px) {
.listMP{
	width: 100%;
	margin:0 auto;
}
.listMP li{
  width: 300px;
  height:360px;
  margin: 8px;
}
}

@media screen and (max-width: 768px) {
.listMP{
	max-width:100%;
}
.listMP li{
  width: 250px;
  height:310px;
  margin: 8px;
}
}

/*--------CM----------*/
@media screen and (min-width: 769px) {
.listCM{
  width: 100%;
  margin:0 auto;
  margin-bottom: 50px;
}
.listCM li{
  width: 400px;
  height:220px;
  margin: 8px;
}
	
}

@media screen and (max-width: 768px) {
.listCM{
  max-width:100%;
  margin-bottom: 50px;
}
}
/*--------下部バナー----------*/
@media screen and (min-width: 769px) {
.listBN{
	width: 100%;
	margin:0 auto;
}
.listBN li{
  width: 280px;
  margin: 8px;
}
}

@media screen and (max-width: 768px) {
.listBN{
	max-width:100%;
}
.listBN li{
  width: 46%;
  margin:4px;
}
}

/*--------txt----------*/
.tcenter{ text-align:center;}
@media screen and (min-width: 769px) {
.cptxt {
    font-size:16px;
	text-align: left;
	width: 820px;
	margin:0 auto;
	margin-top:30px;
}
}

@media screen and (max-width: 768px) {
.cptxt {
    font-size:14px;
	margin: 20px;
	text-align: left;
}
}

@media screen and (min-width: 769px) {
.sptxt {
		display: none;
}
}
@media screen and (max-width: 768px) {
.sptxt {
    font-size:14px;
	margin: 20px;
	text-align: left;
}
}

/*--------下層 国ジャンプ----------*/
@media screen and (min-width: 769px) {
.listCountry{
  width: 100%;
  margin:0 auto;
  margin-bottom: 30px;
}
.listCountry li{
  width: 400px;
  margin: 15px;
}
}
@media screen and (max-width: 768px) {
.listCountry{
	max-width:100%;
}
.listCountry li{
  width: 28%;
  margin: 12px 24px;
}
}

/*--------下層 国ジャンプ 3か国の場合----------*/

@media screen and (min-width: 769px) {
.listCountry_3{
  width: 100%;
  margin:0 auto;
  margin-bottom: 30px;
}
.listCountry_3 li{
  margin: 15px;
}
}
@media screen and (max-width: 768px) {
.listCountry_3{
	max-width:100%;
}
.listCountry_3 li{
  width: 28%;
  margin:8px;
}
}


/*--------下層 メンバー----------*/
@media screen and (min-width: 769px) {
.listMember {
	width: 100%;
	margin:0 auto;
}
.listMember li{
  width: 181px;
  margin: 8px;
}
}

@media screen and (max-width: 768px) {
.listMember {
	max-width:100%;
}
.listMember li{
  width: 32%;
  margin:10px 20px;
}
}

/*--------新着情報----------*/
.newsbox {
	display: table;
	width: 100%;
	margin-bottom: 100px;
	padding-left: 15px;
}
.newsbox img{
	height: auto;
	margin-right: 20px;
}

div.news {
	background-color: #ffffff; /* ボックスの背景色 */
	margin-left: 360px;
}
div.news div.textArea {
	height: 103px; /* 本文領域の高さ */
	overflow: auto;
}
div.news div.textArea p {
	font-size: 16px;
	margin: 10px 8px; /* 段落のマージン（上下、左右） */
}
.mmdd{float: left;width: 120px;}


/*--------offshot メイン画像----------*/
h1.offtop {
  width:100%;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}


/*--------offshot----------*/
.ptbox {
  display: table;
  width: 100%;
  text-align:center;
}

@media screen and (min-width: 769px) {
.photo{
	background-color:#fff;
	padding-top:20px;
	padding-bottom:17px;
	margin-bottom: 40px;
}
}



@media screen and (max-width: 768px) {
.photo{
	background-color:#fff;
	padding-top:20px;
	padding-bottom:17px;
}
}

.photo img{
	max-width: 22%;
	height: auto;
	padding:3px;
}
.photo a{
	color:#fff;
}

.pinto img{
	height: auto;
	padding:30px;
}