@charset "UTF-8";

/*================================
トップページの設定
==================================*/

.pink{
    //background: #f3ecf3;
    background: #f4e9f4;
    //background: #f9ebfa;
}

.h2-index{
    text-align: center;
    margin-bottom:30px;
}

.h2-index p{
    font-size:1.6rem;
    font-weight: normal;
}


/*---------------------------
トップコピー
---------------------------*/

.index-copy{
    font-size:3.2rem;
    color:#9b8776;
    text-align: center;
    margin-bottom:10px;
}

@media(max-width:768px){
    .index-copy{
        font-size:2.4rem;
    }
}

.index-text{
    font-size:1.8rem;
    color:#9b8776;
    margin-bottom:20px;
}

/*---------------------------
ツアー
---------------------------*/

@media(min-width:768px){
    .Ttour{
        display: flex;
        justify-content: space-around;
        align-content: stretch;
    }
    .Ttour-box{
        width:29%;
    }
    .Ttour-img-tate{
        height:130px;
        width:auto;
    
}

}

.Ttour-box{
    margin-bottom:20px;
}



.Ttour-box ul{
    margin-bottom:10px;
}

.h3-Ttour{
    text-align: center;
    font-size:2.1rem;
    color:#34346a;
    background: url(../img/index/bg-h3-tour.png) no-repeat center bottom;
    padding-bottom:40px;
}


/*---------------------------
ミャンマーの基本情報
---------------------------*/


@media(min-width:768px){

    .Tabout-box{
        display: flex;
        justify-content: space-between;
    }
}

.Tabout-img{
    text-align: center;
}

.Tabout-img img{
    margin-bottom:20px;
}

.Tabout-ta{
    width:100%;
}


.Tabout-ta th{
    width:12%;
    text-align:left;
    vertical-align: top;
    color:#ff8000;
}

.Tabout-ta th,.Tabout-ta td{
    padding:4px 4px 4px 0;
}

/* table レスポンシブ */

.Tabout-ta {
  border-collapse: collapse;
  width: 100%;
}
.Tabout-ta th,
.Tabout-ta td {
  padding: 10px;
}
.Tabout-ta th {
  text-align: center;
  width: 30%;
}

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

  .Tabout-ta td {
    display: block;
    text-align: center;
  }
    
  .Tabout-ta th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
    background:#fff;
  }
}




/*---------------------------
気候
---------------------------*/

@media(min-width:768px){
 .Tclimate-box{
    width:32%;  
    
}
}

.Tclimate-box{
    background:#fff;
    border:1px solid #f2f2f2;
    padding:50px 10px 10px 10px;
    box-shadow: 4px 0 4px #f2f2f2;
    position:relative;
    margin-bottom:30px;
}

.Tclimate-box:before{
    content:url(../img/index/masking.gif);
    position:absolute;
    top:-20px;
    left:30%;
}

.h3-Tclimate{
    text-align: center;
    font-size:1.6rem;
    color:#58b766;
}




/*---------------------------
文化
---------------------------*/

@media(min-width:768px){
    .Tculture-two,.Tculture-three{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin-bottom:20px;
    }
    
    .Tculture-two .Tculture-box{
    width:49%;
    }

    .Tculture-three .Tculture-box{
        width:32%;
    }
    
}

.Tculture-info{
    max-width: 768px;
    margin:20px auto 40px;
}

.Tculture-box{
    margin-bottom:20px;
    position:relative;
    }

.Tculture-two .Tculture-box,.Tculture-three .Tculture-box{
    background: #FBF9F2;
    padding:30px 20px 10px;
        position:relative;
    border-radius: 12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    box-shadow: 4px 4px 4px #ccc;
}


.h3-Tculture{
    text-align: center;
    margin-top:-40px;
    margin-bottom:20px;
    
}

.Tculture-box img{
    margin-left:10px;
}

.Tculture-cont img{
        position: absolute;
        bottom:10px;
        right:20px;
    }


@media(max-width:768px){
    .Tculture-cont img{
        display: none;
    }
}











/*---------------------------
Information／News
---------------------------*/

@media(min-width:768px){
    .Tinfo{
        display: flex;
        justify-content: space-between;
        align-items:stretch;
    }

    .Tinfobox{
        width:48%;
    }

    .Tinfo-cont,.Tnews-cont{    
            height: 88%;
    }

} 

.Tinfobox{
    margin-bottom:20px;
}

.Tinfo-cont dd{
    border-bottom:1px dotted #999;
    padding-bottom:10px;
    margin-bottom:10px;
}
    
.Tinfo-cont,.Tnews-cont{
    background: #fff;
    padding:20px;
    border:1px solid #e2e2e2;
    box-shadow: 4px 2px 4px rgba(208, 208, 208, 0.56);
    width:100%;    
}

.Tnews-cont{
    padding:12px;
}

.Tnews-cont > div{
    border:2px dashed #f2f2f2;
    padding:10px;
}

.Tnews-cont,.Tinfo-cont{
    position:relative;
}

.man{
    position:absolute;
    right:10px;
    bottom:0;
}

.news-title{
    text-align: center;
    color:#34346a;
    margin-bottom:20px;
    font-weight:bold;
}

@media(min-width:768px){
    .news-title{
        font-size:2.0rem;
    }
}