@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body{
    background-image:url(../imgs/parts/wallppr073.gif);
    color: #553300;
}

#wrapper,
#wrapper_middle,
#wrapper_footer{
    max-width: 1200px;
    margin: 0px auto;
}
#wrapper{
    position: relative;
}/*  .gnav-item-bottom のabsoluteの基準としてposition指定 */


/*==========================================
 ヘッダーのスタイル
===========================================*/
#header{
    padding: 1.25em 10px 0.5em;
    border-bottom:10px solid #502D0D;
    height: 70px;
}
.header-site_title-all{
    float:left;
}
.header-additional{
    margin-top: 5px;
    float:right;
}
#header h1{
    border-bottom: 1px solid #91735C;
}
.header-site_title{
    font-size: 2.25rem;
    display: inline-block;
    margin-right: 0.25em;
}
.header-site_title_E,
.header-site_title_J{
  transition: all 3s ease-in-out;
  -webkit-transition: all 3s ease-in-out;
}
.header-site_title_E:hover,
.header-site_title_J:hover{
   transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}

.header-site_title a,
.header-site_title a:visited{
  color: #553300; //基本文字色に同じ
}
.header-site_title a:hover{
    background-color: transparent;
}
.header-site_title_J{
    font-size: 1.6rem;
    display: inline-block;
    margin-left: 0.5em;
}

.header_site_title-sub{
    font-size: 1.3rem;
    font-weight:normal;
    margin-top: 1px;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
/* ヘッダーメニューボタン */
.sp-menu_btn_style{
    text-align: center;
    font-size: 2rem;
}
.sp-menu_btn_style:before{
    content: " ";

    display: block;
    background-image:url(../imgs/parts/menu-icn_b.png);
    width: 35px;
    height: 35px;
    background-repeat: no-repeat , no-repeat;
    background-size: 35px 35px;
    
    position: relative;
    margin: 0 auto;
}
.sp-menu_btn_style{
  transition: all 0.75s ease;
  -webkit-transition: all 1s ease-in-out;
}
.sp-menu_btn_style:hover{
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

p.sp-menu_close_btn_style{
    background-color:#502D0D;
    text-align: center;
    font-size: 3rem;
    color: white;
}
.sp-menu_btn_style:hover,
.sp-menu_close_btn_style:hover{
    cursor:pointer;
}

/* メニューを開いたときのメニュー一覧画面 */
.gnav-list{
    display: none;
    background-color: #FDFDEF;
    font-size: 1.6rem;
}

.gnav-item{
  display: block;
  box-sizing: border-box;
}
.gnav-item a,
.gnav-item-current{
  display: block;
  box-sizing: border-box;
  height: 100%;
  padding: 5px 5px 10px;
}
.gnav-item-current{
  padding: 5px;   
}
.gnav-item a,
.gnav-item a:visited{
    background-color: #5F4F3B;/* #503020 #FCF8E8 */
    color: #E6CA99;/* #CCB07D #E0CB99 #efd089 */
}
.gnav-item-current{
    color: #F7EAD1;
    background-color: #8D7751;
}

.gnav-item a:hover{
  background-color: #9B845D;
  color: #FFF8EA;

  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.gnav-item a:hover:after{
  color: #DDCEA6;
}

/* メニュー各項目 */
.footer-gnav-item{
    display: inline;
}
#footer .footer-gnav-item a,
#footer .gnav-item-current{
    display: inline-block;
    box-sizing: border-box;
    width: 205px;

    border-left: 1px solid #947A61;
    border-bottom: 1px solid #251B10;
    padding: 0.75em 1em 0.75em 0.75em;
    margin-right: 0.5em;
    margin-top: 1em;

    background-color: rgba(66, 39, 23, 0.3); /* #644838 */;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
}
#footer .gnav-item-current{
    color: #FFFFFF;
    background-color: rgba(27, 13, 11, 0.4);
}
#footer .footer-gnav-item a:hover
{
    color: #FFFFFF;
    background-color: rgba(61, 31, 10, 0.56);
    border-left: 1px solid #8DA77B;
    border-bottom: 1px solid #325527;
    
    padding: 0.75em 1em 0.75em 0.75em;
}
#footer .footer-gnav-item a:hover:after{
    color: #F1D794;
}
#footer .gnav-item-current:after{
    color: #F1D794;
}
.gnav-list-row{
    table-layout: fixed;
    width: 100%;
}
.gnav-item{
    width: 50%;
    height: 60px;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #7E7058; /* #B6A588 */
}

.gnav-item_end{
    display: table-cell;
    box-sizing: border-box;
    border-bottom: 1px solid transparent;
    background-color: transparent;
}
.gnav-item:nth-child(2n+1){
    border-right: 1px solid #7E7058; /* #B6A588 */
}

.gnav-ginfo:after,
.gnav-weather:after,
.gnav-history:after,
.gnav-bits:after,
.gnav-thai:after,
.gnav-photo:after,
.gnav-wallpaper:after,
.gnav-mustgo:after,
.gnav-column:after{
    display: block;
    color: #A58A6F; /* #AF8355 #75532F */
    font-size: 1.3rem;
}
.gnav-item-current:after{
    color: #CCB78B;
}
.footer-gnav-ginfo:after,
.footer-gnav-weather:after,
.footer-gnav-history:after,
.footer-gnav-bits:after,
.footer-gnav-thai:after,
.footer-gnav-photo:after,
.footer-gnav-wallpaper:after,
.footer-gnav-mustgo:after,
.footer-gnav-column:after{
    display: block;
    color: #E5D8D1;
    font-size: 1.2rem;
}
.gnav-ginfo:after, .menu-ginfo:after, .footer-gnav-ginfo:after
{ content:"場所、通貨や宗教などの基本情報";}
.gnav-weather:after, .menu-weather:after, .footer-gnav-weather:after
{ content:"タイ各地の天気";}
.gnav-history:after, .menu-history:after, .footer-gnav-history:after
{ content:"日本史と比較してみると...";}
.gnav-bits:after, .menu-bits:after, .footer-gnav-bits:after
{ content:"サイト内情報まとめ";}
.gnav-thai:after, .menu-thai:after, .footer-gnav-thai:after
{ content:"旅行に役立つ簡単なタイ語";}
.gnav-photo:after, .menu-photo:after, .footer-gnav-photo:after
{ content:"タイの行事、各地の写真";}
.gnav-wallpaper:after, .menu-wallpaper:after, .footer-gnav-wallpaper:after
{ content:"タイの写真の壁紙";}
.gnav-mustgo:after, .menu-mustgo:after, .footer-gnav-mustgo:after
{ content:"印象に残った場所TOP30 !";}
.gnav-column:after, .menu-column:after, .footer-gnav-column:after
{ content:"タイに関するコラム";}

/* サブメニュー項目 */
.gnav-item-bottom{
    box-sizing: border-box;
    display: block;
    
    padding: 1.5em 0px 2em;
    font-size: 1.3rem;
    text-align: center;
}

.gnav-subnav{
    margin-left: 1em;

}
.gnav-links,
.gnav-profile,
.gnav-email,
.gnav-rule{
    display: inline-block;
    margin-right: 2em;
    position:relative;
}
.gnav-english{
    display: inline-block;
}


.gnav-english{
    border: 1px solid #B6A588;
    width: 100px;
    line-height: 2em;
    text-align: center;
    margin-top: 1em;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    background-color:#FDFDEF;
}
.gnav-english a{
    display: block;
    width: 100%;
    height: 100%;
}

/* ---------- search ----------- */
.search_form{
  display: block;
  max-width: 415px;
  margin: 0 auto;
}

.gnav-search{
  display: table;
  width: 100%;
  max-width: 500px;
  margin-top: 1em;
  border: 1px solid #927E52;
}
.gnav-search .box-input{
  display: table-cell;
  background-color: #F3ECE1;
}
.gnav-search .box-search_btn{
  display: table-cell;
  width: 80px;
  background-color: #4D3721;
}

.gnav-search .input{
    box-sizing: border-box;
    padding: 2px 2px 2px 5px;
    border-width: 0px;
    width: 98%;
    height: 100%;
    max-width: 500px;
    background-color: #F3ECE1;
    font-family:  "Book Antiqua", Palatino, "Palatino Linotype", Palatino, Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif; 
    color: #a0a0a0;
}
.gnav-search .search_btn{
    cursor: pointer;
    width: 100%;

    height: 35px;
    border-width: 0px;
    background-color: transparent;
    color: #D3C1A3;
    font-family:  "Book Antiqua", Palatino, "Palatino Linotype", Palatino, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif; 

  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.gnav-search .search_btn:hover {
color: #fff;
background-color: #726028;
}
/*==========================================
 トップ画像
===========================================*/
.bx-viewport{
  box-sizing: border-box;
}

.bx-wrapper .bx-caption{
    display: none;
}
.bx-wrapper .bx-caption2{ /* 480 1.4*/
position: absolute;
font-size: 1.2rem;
color: #FFF;
top: .5em;
right: 1em;
background: #666\9;
/* background: rgba(80, 80, 80, 0.5); */
/* width: 100%; */
padding: 0 0.5em;
text-shadow: 5px 2px 5px rgba(0, 0, 0, 0.52);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bx-caption2 .thai,
.bx-caption2 .read,
.bx-caption2 .meaning{
  display: inline-box;
}
.bx-caption2 .thai{
    /* font-size: 150%; */
  font-size: 300%; /* gorgai */
    
}
.bx-caption2 .read{
    
}
.bx-caption2 .meaning{
 /* font-size: 85%;  */
  display: none;
}
.bx-caption2 .read:before,
.bx-caption2 .meaning:before{
    content:"-";
    margin: 0 0.25em;
}
#slider2 div img{
   display: none;
}

#top_page_img{
  width: 100%;  
  margin: 0.5em 0 1em;
  position: relative;
}
.top_page_img-wrap{
  width: 100%;
  margin: 0 auto;
}
.top_page_img-wrap img{
  position: relative;
  width: 100%;
  height: auto;

}
#top_page_img h2{
    display: none;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
#home #contents{
    margin: 10px 0 0;
}
#contents
{
    margin: 20px 0 10px;
}
#contents a,
#contents a:hover{
    padding: 0;
}
#contents .shortcut_btn a {/* home, タイ語, フォトギャラリーなどのトップページのショートカットアイコン用 これがないとsafariとかでは aの下線が表示される*/
    text-decoration:none;
}
h1.page_title-top_page{
    font-size: 3rem;
    margin-top: 20px;
}
h1.page_title-each_page{
    font-family: '平成明朝', 'ＭＳ Ｐ明朝', Verdana, sans-serif;
    font-size: 3rem;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}
h1.mark-circle-red{
    margin-top: 1em;
    margin-bottom: .5em;  
}
.wrapper_top_info,
.wrapper_middle_info{
  margin: 0;
}

/* 各ページ先頭のページ内メニュー // コンテンツ最後にも付加 */
.links-current_page_area{
  margin: 0;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
  background-color: #EEE5D0; /* refに近い色 */
}
.article_one_article .links-current_page_area{
  margin: 2em 0 0.5em;
  background-color: transparent;
}

.links-current_page_all{

}
.article_one_article .links-current_page_all{
  list-style-type: disc;
  margin-left: 1em;
/*   display: inline-block; */
  width: 100%;
}
.links-current_page_all.mark-no{
    list-style-type: none;
}
.links-current_page_all li{
  float: left; 
}
.article_one_article .links-current_page_all li{
  float: none; 
}

#contents .links-current_page_all li a{
  display: block;
  padding: 0.5em 1em 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
}
#contents .article_one_article .links-current_page_all li a{
  padding: 0 0.5em 0.5em 0;
}

#contents .links-current_page_area li a { /* footer手前エリア */
  display: inline-block; 
}
#contents .article_one_article .links-current_page_area li a{/* 先頭エリア */
    display: block;
}
form.gnav-search{
    color: red;
}
/*==========================================
 コンテンツエリア > タイルメニュー（ショートカット）エリア
===========================================*/
.shortcut_btn{
    margin: 1em 0;
}


.menu-outline{
    box-sizing: border-box;
    display: inline-block;
}

.menu-ginfo,
.menu-weather,
.menu-history,
.menu-bits,
.menu-thai,
.menu-photo,
.menu-wallpaper,
.menu-mustgo,
.menu-column
{
    display: block;
    position: relative;
    float: left;
    box-sizing: border-box;

    height: 130px;

    margin-bottom: 0.25em;
    padding: 10px;
    font-size: 1.7rem;
    color: #fff;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius:10px;
    
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

/* ---------- 上の段 ---------- */
.menu-outline-ginfo,
.menu-outline-history
{
    width: 50%;
    padding-right: 0.4em;
}
.menu-outline-weather,
.menu-outline-bits
{
    width: 50%;
    padding-left: 0.4em;
}
.menu-ginfo,
.menu-weather,
.menu-history,
.menu-bits{
    width: 100%;
    background-color: #7E6840;
}
.menu-ginfo:hover,
.menu-weather:hover,
.menu-history:hover,
.menu-bits:hover{
  background-color: #523825;
  border: 8px solid #9B7F66;
}

/* ---------- 中段 ---------- */
.menu-outline-thai,
.menu-outline-photo{
    width: 100%;
}
.menu-thai,
.menu-photo{
    width: 100%;
}
.menu-thai{
    background-color: #5D5E33;
}
.menu-thai:hover{
    background-color: #2C3C1B;
    border: 8px solid #4E7C42;
    cursor: pointer;
}

.menu-photo{
    background-color: #5E5738;
}
.menu-photo:hover{
    background-color: #3C3220;
    border: 8px solid #796C60;
}
/* ---------- 下段 ---------- */
.menu-outline-wallpaper,
.menu-outline-mustgo,
.menu-outline-column{
    width: 33.33%;
}
.menu-outline-wallpaper{    padding-right: 0.25em;}
.menu-outline-mustgo{   padding-right: 0.25em; padding-left:0.25em;}
.menu-outline-column{   padding-left: 0.25em;}

.menu-wallpaper,
.menu-mustgo,
.menu-column{
    width: 100%;
    background-color: #6F4C34;
}
.menu-wallpaper:hover,
.menu-mustgo:hover,
.menu-column:hover{
    background-color: #4F1C14;
    border: 8px solid #9C6554;
    cursor: pointer;
}
/* ---------- 文字調整「の」 ---------- */
.joint_kana:after{
    content:" ";
    letter-spacing:0.25px;
}
.joint_kan:before{
    content:" ";
    letter-spacing:0.2px;
}
.joint_kan:after{
    content:" ";
    letter-spacing:0px;
}
.joint_kana,
.joint_kan{
    font-size: 1.2rem;
}

/* ---------- 説明文字色と位置調整 ---------- */
.menu-ginfo:after,
.menu-weather:after,
.menu-history:after,
.menu-bits:after,
.menu-thai:after,
.menu-photo:after,
.menu-wallpaper:after,
.menu-mustgo:after,
.menu-column:after
{
    display: block;
    color:#E9D09B;
    font-size: 1.3rem;
    padding-top: 0.5em;
}

.ref-links,
.ref-links_events{
display: block;
font-size: 90%;
border: 1px solid #CEC0A1;
background-color: #FDF9F0; /* links-current_page_areaに近い別の色 */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 1em 0;
padding: 1em 1em;
}

.ref-links_events{ /* 季節のタイ語 */
    background-color: transparent;
    border-width: 0;
}
.ref-links_events dt,
.ref-links_events dd{
    line-height: 2.0;
}
/*==========================================
 コンテンツエリア > What's New
===========================================*/
.contents-site_description{
  width: 100%;   
}
.article-part,
.contents-site_description .article-part{
    display: block;
    border: 1px solid #EEE3D6;
    border-width: 1px 0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    margin-bottom: 4em;
    background-color: #FFFDFA;
}
.contents-site_description .article-part{
    margin-bottom: 2em;
}
.contents-site_description .article-part{
    background-color: #FFFDFA;
    border: 20px solid #C5AA8C;
}
.article-cate{
    margin: 0;
    padding: 5px 10px 5px 0.75em;
    font-size: 2.5rem;
    background-color: #C3A963;
    color: white;
    
    border:1px solid #c3b980; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-color: #d5cea6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d5cea6), to(#968E63));
    background-image: -webkit-linear-gradient(top, #d5cea6, #968E63);
    background-image: -moz-linear-gradient(top, #d5cea6, #968E63);
    background-image: -ms-linear-gradient(top, #d5cea6, #968E63);
    background-image: -o-linear-gradient(top, #d5cea6, #968E63);
    background-image: linear-gradient(to bottom, #d5cea6, #968E63);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#968E63);
}

/* ---------- 記事内容 ---------- */
.contents-site_description .article_one_article{/* 480 */
    padding: 0 2.5em 2em;
    padding: 0 1.5em 2em;
}
.article_one_article{
    padding: 0 .5em 2em;
}
.article-date{
    display: block;
    color: #A57511;
    text-align: right;
}
.article-title{
    font-weight: normal;
    font-size: 2rem;
    margin-bottom: 0.25em;

    text-shadow:2px 2px 3px #D3B48D;
}

/* ----- 画像以下 ---- */
.article-content-last,/* フォトギャラリーの最後のコメント欄 */
.article-content{
  margin-bottom:1em;
  max-width: 750px;
}
.article-content-last{
 margin-top: 1em;
 margin-left: 1em;
 margin-right: 1em;
}
.article-content:nth-child(1){
    margin-top: 1.5em;;
}
.article-content.first{
    margin-top: 1.5em;
}
.article-start{
    margin-top: 2.5em;
}

.article-start:first-letter{
    font-size: 2.5em;
    line-height: 0;
}
.article-more:after{
    content:" ...";
}
.article-ref{
display: block;
font-size: 90%;
padding: 5px 4px 5px 1.25em;
background-color: #EBE6D1;
}
.contents-news-record p.article-ref {
border-top: 1px solid #CFBD83;
box-shadow: 0px -1px 3px 0 #C0AF7A;
}
/* ---------- 今週のタイ語 ---------- */
.hanrei{
    display: block;
    font-size: 1.2rem;
    float: left;
    position: relative;
    top: 0.5em;
    left: 0.5em;
}
.contents-thailanguage_thisweek .article-date{
    float: right;
}
.jphrase{
    font-size: 1.8rem;
    background-color: #ECE3C1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    
    padding: 5px;
    margin-top: 1em;
}

.stress{
    color: #16AD16;
    text-decoration: underline;
    font-weight: bold;
}
.male{ color: #5200FF;}
.female{ color: #FF0066;}

.kphrase{
    font-size: 1.3rem;
    margin-top: 1.5em;
    padding: 0 30px 0 20px;
}
.aphrase{
    margin-top: .5em;
    font-size: 1.6rem;
    padding: 0 30px 0 20px;
}
.tphrase{
    margin-top: .25em;
    padding: 0 30px 0 20px;
    font-size: 3.8rem;
}
/* ---------- お知らせ ---------- */
.contents-info{
    margin-bottom: 2em;
}
.contents-info .article-date{
    text-align: left;
}
/* ---------- 更新履歴 ---------- */
.wallpaper_thum{
    margin: 10px 10px 10px 0;
    display: block;
}
/* -------- 3列目 contents-various_info ------------ */
#home .article-group-sub2{
    display: none; /* homeの3列目PC向けに限定してみるテスト */
}
.contents-various_info .article-part{
    border: 1px solid #CEC9C5;
}
.contents-various_info .article-cate{
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-color: #d5cea6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E0CA), to(#99947B));
    background-image: -webkit-linear-gradient(top, #E4E0CA, #99947B);
    background-image: -moz-linear-gradient(top, #E4E0CA, #99947B);
    background-image: -ms-linear-gradient(top, #E4E0CA, #99947B);
    background-image: -o-linear-gradient(top, #E4E0CA, #99947B);
    background-image: linear-gradient(to bottom, #E4E0CA, #99947B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);
}
.contents-various_info img{
    margin: 0.25em 0;
}


/*==========================================
 コンテンツエリア > 基本情報, 天気
===========================================*/
.article-content-section-ginfo,
.article-content-section-warea,
.article-content-section-thai{
    margin: 2em 0 3em 0;
}
.article-content-section-thai:nth-child(1){
    margin-top: 1.5em;
}
.article-content-section-thai{
    margin-bottom: 0;
}
.article-content-section-thai h3 {
margin-bottom: .3em;
}
.section-weather-province li,
.section-weather-SunMoon li{
    float: left;
    display: inline-block;
}
.section-weather-province li{
    width: 180px;
    height: 185px;
}
div.section-weather-province{
    float: left;
    width: 190px;
    height: 185px;
}
.Thai_map-northeast{
    float: left;
    margin: 15px 38px 15px 0;
}
.section-weather-SunMoon li{
    margin-right: 30px;
}
.section-weather-province li img{
    width: 144px;
    height: 108px;    
}
.section-weather-SunMoon li img{
    width: 256px;
    height: 150px;    
}
.weather:hover{
    background-color: transparent;
}
.weatherToPhotoGallery{
    font-size: 1.3rem;
    display: inline-block;
    margin-top: 0.75em;
}
.name_korat{
    font-size: 1.3rem;
}
.weather_SunMoon {
margin: 3px auto;
text-align: center;
padding: 20px 20px 20px 0px;
margin: 0px 0px 10px 0px;
background-color: #460000;
}

/* weather */
.weather_area_group{
    
}
#contents-weather .north,
#contents-weather .north_east,
#contents-weather .central,
#contents-weather .east,
#contents-weather .south
{
  float: left;
  margin-top: 1em;
  margin-bottom: 0;
}
#contents-weather .north{
  float: none;
    margin-top: 2em;
}
#contents-weather .south{
    margin-bottom: 2em;
}
.thai_map{
    float: left;
    margin-right: 40px;
}
/*==========================================
 コンテンツエリア > 歴史
===========================================*/
#contents-history .article-group-sub2{
  width: 100%;
}
.history_table{
  width: 100%;
  margin: 0 auto;
}
.history_table-thai,
.history_table-japanese{
    padding: 10px 5px;
}
.history_table-thai{
    width: 55%;

}
.history_table-japan{
  width: 45%;


}
.history_table td{

}
.history_table td:nth-child(2n){
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #866F3E;
   padding: 1em 0 1em 0.5em;
}
.history_table td:nth-child(2n+1){
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #866F3E;
  padding: 1em 0.5em 1em 0;

}
.history_table{
  border: 1px solid #866F3E;
  margin-bottom: 4em;
}
/*==========================================
 コンテンツエリア > 豆知識
===========================================*/
#contents-bits .contents-site_description img{
  margin: 0 5px 0 0;
}
#contents-bits .contents-site_description img:nth-child(1){
  margin: 0 10px 0 0;
}

#contents-bits .index_table {
  border-collapse: collapse;
  width: 100%;
  font-size: 90%;
}

#contents-bits .index_table-header {
  vertical-align: bottom; /* これを指定しないと、微妙に上下に動いてしまうま */
}
#contents-bits .index_table-header:nth-child(2){
    width: 30%;
}
#contents-bits .index_table-header p,
#contents-bits .index_table-header a,
#contents-bits .index_table-header a:hover {
  display: block;
  padding: 5px;
  margin-right: 10%;
}

#contents-bits .index_table-current{
color: #FFFFFF;
background-color: #B89B77;
border-top: 2px solid #aa6622;
border-right: 1px solid #E6D0BA;
border-bottom: 1px solid #D6C2AE;
border-left: 2px solid #aa6622;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#contents-bits .index_table-header a{
  text-decoration: none;
  background-color: #FCF6DA;
  border-top: 1px solid #FDEBC7;
  border-right: 2px solid #cc9966;
  border-bottom: 2px solid #cc9966;
  border-left: 1px solid #FDEBC7;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#contents-bits .index_table-header a:hover{
background-color: #fdfdf0;
border-top: 2px solid #C79767;
border-right: 1px solid #DFBE9E;
border-bottom: 1px solid #DFBE9E;
border-left: 2px solid #C79B6F;
}
#contents-bits .index_table td{

}
#contents-bits .index_table ul{
    margin-top: 1em;
}
#contents-bits .index_table ul a{
    display: block;
    width: 100%;
}
#contents-bits .index_table ul li{
    margin: 2px 0;
}
#contents-bits .each_bits{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
#contents-bits ul.mark-disc > li{
    margin-bottom: 1em;
}
#contents-bits ul.mark-disc ul{
    list-style-type: circle;
    margin-left: 1em;
}
/*==========================================
 コンテンツエリア > タイ語にチャレンジ！
===========================================*/
.contents-thai-top_page .contents-site_description img{
  margin: 0 5px 0 10px;
}
.contents-photo-top_page .contents-site_description ul,
.contents-thai-top_page .contents-site_description ul{
  margin:  0 0 0 1.5em;
  max-width: 500px;
  font-size: 90%;
}
.contents-photo-top_page .contents-site_description ul{
   max-width: 800px;   
}
.separate_col{ /* トップページ以外で、ページ内リンクの列を2行以上に分けたい場合 */
    float: left;
    margin-right: 2em;
}
.contents-photo-top_page .contents-site_description li,
.contents-thai-top_page .contents-site_description li{
  width: 140px;
  float: left;
  margin-right: 2em;
}
.contents-photo-top_page .contents-site_description li:nth-child(1){ /* 行事色々 */
  float: none;
}

/* shortcut btn */
.contents-thai-top_page .thai-cate-wrapper{
}
.contents-thai-top_page .shortcut_btn_ul{
  margin-top: 1em;
  margin-bottom: 2em;
}
.thai-cate-btn-outline{
  box-sizing: border-box;
/*   display: inline-block; */
  width: 100%;
  padding-right: 0.4em;

}
h2.h2TitleSq,
h2.thai-cate-name{
    font-size: 2.5rem;
    margin-bottom: 5px;
    
margin: 0;
padding: 5px 10px 5px 0.75em;
font-size: 2.5rem;
background-color: #C3A963;
color: white;
border: 1px solid #c3b980;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3)
background-color: #DBC3A5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#DBC3A5), to(#836735));
background-image: -webkit-linear-gradient(top, #DBC3A5, #836735);
background-image: -moz-linear-gradient(top, #DBC3A5, #836735);
background-image: -ms-linear-gradient(top, #DBC3A5, #836735);
background-image: -o-linear-gradient(top, #DBC3A5, #836735);
background-image: linear-gradient(to bottom, #DBC3A5, #836735);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DBC3A5, endColorstr=#836735);
}
h2.h2TitleSq:before,
h2.thai-cate-name:before{
    content:" ";
    display:inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    position: relative;
    top: 0.15em;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    border:1px solid #C49E7C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBD8AF), to(#8A6124));
    background-image: -webkit-linear-gradient(top, #EBD8AF, #8A6124); 
    background-image: -moz-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: -ms-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: -o-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: linear-gradient(to bottom, #EBD8AF, #8A6124);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBD8AF, endColorstr=#8A6124);

}

.thai-cate-btn{
  box-sizing: border-box;
  display: block;
  float: left;

  width: 100%;
  height: 180px;
  padding: 5px 10px;
    
  /*  background-color: #F7E9CC; */
  font-size: 1.7rem;
  color: #57432A;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  height: 100%;
  overflow:hidden;
}

.thai-cate-btn:hover{
  color: #fff;
  background-color: #523825;
  border: 0px solid #9B7F66;
}
.thai-cate-btn:hover p,
#contents-photo .thai-cate-btn:hover li /* photo gallery */
{
  color: #F1DBB3;
}
#contents-photo .thai-cate-btn:hover .ptitle_subsub,
#contents-photo .thai-cate-btn:hover .ptitle_sub{ /* photo gallery */
  color: #FACE7D;
}

}
#contents-photo .thai-cate-btn:hover img{ /* photo gallery */
  border: 5px solid #fff;
    
  transition: all 3s ease-in-out;
  -webkit-transition: all 3s ease-in-out;
}
.thai-cate-btn:nth-child(2n){
    margin-left: 0.4em;
}
.thai-cate-btn:nth-child(2n+1){
    margin-right: ;
}
.thai-cate-btn h3{
  font-size: 1.6rem;
  position: relative;
    
  color: #c40000;
  text-decoration:underline;
  font-weight:normal;
  left: 1em;
  margin-right: 1em;/* leftとの帳消し */
}

.thai-cate-btn:hover h3{ /* tips */
  color: #fff;
  text-decoration:none;
}
h3.thai-cate-section:before{
/* 三角を付加 absolute使用で実現のため、親をrelativeに */
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 0.5em solid transparent;
    border-left-color: #705C3D;
    right: 100%;
    top: 5px;
}
.thai-cate-btn:hover h3.thai-cate-section:before{ /* tips */
    border-left-color: #fff;
}
.thai-cate-btn p{
    font-size: 1.4rem;
}

.contents-thai-top_page .recent_update_list{
    margin-top: 1em;
}
.contents-thai-top_page .recent_update_list li{
    margin-bottom: 1em;
}
.contents-thai-top_page .thai-cate-wrapper ul.life{
    margin-top: 0;
    margin-bottom: 0;
}
.contents-thai-top_page .thai-cate-wrapper .life:nth-child(2){
    margin-top: 1em;
}
.contents-thai-top_page .thai-cate-wrapper:nth-child(4){ /* 生活関連 */
  margin-bottom: 2em;
}
/* --- Thai language submenu --- */
.thai-submenu-wrapper{
    margin-top: 0;
}
.thai-submenu-wrapper .gnav-search {
    margin-top: 0;
    margin-bottom: 1.25em;
}

.thai-submenu-wrapper .menu-title{
color: white;
border: 1px solid #685F31;
border-bottom-width: 2px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background-color: #8D8264;
background-image: none;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(#d5cea6), to(#b7ad70)); */
/* background-image: -webkit-linear-gradient(top, #d5cea6, #b7ad70); */
/* background-image: -moz-linear-gradient(top, #d5cea6, #b7ad70); */
/* background-image: -ms-linear-gradient(top, #d5cea6, #b7ad70); */
/* background-image: -o-linear-gradient(top, #d5cea6, #b7ad70); */
/* background-image: linear-gradient(to bottom, #d5cea6, #b7ad70); */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#72684E, endColorstr=#72684E);
}
ul.submenu-all{
    margin: 0 0 1em;
    display: block;
    border: 1px solid #444;
}
li.submenu-cate-menu,
li.submenu-cate-toppage,
li.submenu-cate{ 
width: 100%;
position: relative;/* 三角マーク使用のための基準設定 */
overflow:hidden;
}
li.submenu-cate-toppage {
border-bottom: 10px solid rgb(128, 110, 85);
}
li.submenu-cate-menu p{
    cursor:pointer;
}
.menuSecond-list-photo-Events,
.menuSecond-list-photo-North,
.menuSecond-list-photo-Northeast,
.menuSecond-list-photo-Central,
.menuSecond-list-photo-East,
.menuSecond-list-photo-South,
.menuSecond-list-photo-Others,
.menuSecond-list-thai-Basics,
.menuSecond-list-thai-ThaiLetters,
.menuSecond-list-thai-DateNumber,
.menuSecond-list-thai-Life,
.menuSecond-list-thai-Survive,
.menuSecond-list-thai-Feelings,
.menuSecond-list-thai-Events,
.menuSecond-list-thai-Others{
    display: none;
}
li.submenu-cate-menu p,
#contents-photo li.submenu-cate-toppage a,
#contents-photo li.submenu-cate a,
#contents-thai li.submenu-cate-toppage a,
#contents-thai li.submenu-cate a{
  color: #413011;
  box-sizing: border-box;
  border: 1px solid #6B604B;
  border-width: 0;
  background-color: #F0D6B0;
}
p.menuThird-current,
li.submenu-cate-menu p,
#contents-photo li.submenu-cate-toppage a,
#contents-photo li.submenu-cate a,
#contents-thai li.submenu-cate-toppage a,
#contents-thai li.submenu-cate a{
  padding: .75em 0;   
}
li.submenu-cate-menu p{
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
}   

li.submenu-cate-menu.active p{
background-color: #E9D09B;
border: 0 solid #8B7251;
border-width: 10px 0 1px 0;
    
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#contents-photo li.submenu-cate-menu .menuSecond a,
#contents-photo li.submenu-cate .menuSecond a,
#contents-thai li.submenu-cate-menu .menuSecond a,
#contents-thai li.submenu-cate .menuSecond a{
  background-color: #FCF9E1;
  border-color: #9E8B5A;
  border: 0px solid #6B604B;
  padding-right: .5em;
}
p.menuSecond.menuSecond-current2,
p.menuSecond.menuSecond-current,
li.menuSecond.menuSecond-current{
padding: .75em 0 .75em 2em;
  font-size: 110%;
}
li.submenu-cate-toppage a {

}
#contents-photo.contents-recommend li.submenu-cate a:hover,
li.submenu-cate-menu p:hover,
#contents-photo li.submenu-cate .menuSecond-current2.active:hover,
#contents-photo li.submenu-cate ul.third-submenu-all a:hover,
#contents-photo li.submenu-cate-toppage a:hover,
#contents-photo li.submenu-cate a:hover,
#contents-thai li.submenu-cate-toppage a:hover,
#contents-thai li.submenu-cate a:hover{
color: #FFFFFF;
background-color: #8D6B4F;
}

li.submenu-cate-toppage p{
    margin-left: 0.75em;
}
span.submenu-cate-toppage-thaigo {
font-size: 2.4rem;
display: block;
margin-left: 0.75em;
padding-bottom: 8px;
line-height: 1.1;
}
li.submenu-cate-toppage-current p:before,
li.submenu-cate-toppage a:before{
    content:" ";
    display:inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    position: relative;
    top: 0.15em;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    border:1px solid #967F6A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBD8AF), to(#8A6124));
    background-image: -webkit-linear-gradient(top, #EBD8AF, #8A6124); 
    background-image: -moz-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: -ms-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: -o-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: linear-gradient(to bottom, #EBD8AF, #8A6124);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBD8AF, endColorstr=#8A6124);
}
/* 
li.submenu-cate-current p:before{
    border:1px solid #967F6A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBD8AF), to(#EB9310));
    background-image: -webkit-linear-gradient(top, #EBD8AF, #EB9310); 
    background-image: -moz-linear-gradient(top, #EBD8AF, #EB9310);
    background-image: -ms-linear-gradient(top, #EBD8AF, #EB9310);
    background-image: -o-linear-gradient(top, #EBD8AF, #EB9310);
    background-image: linear-gradient(to bottom, #EBD8AF, #EB9310);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBD8AF, endColorstr=#EB9310);
  margin-right: 0.5em;
} */
.menuThird-current,
.menuSecond-current2,
.menuSecond-current,
li.submenu-cate-toppage-current,
li.submenu-cate-current{
color: #FFE7BD;
background-color: #705532;
box-sizing: border-box;
border: 1px solid #99815D;
border-width: 1px 0px;
padding: .75em 0em 0em 1.1em;
}
li.submenu-cate-current{
color: #583514;
background-color: #B9996F;
}
 p.menuSecond-cate{
margin-bottom: .5em;
margin-left: 1.2em;
font-size: 110%;
font-weight: bold;
text-shadow: 2px 2px 3px #FFE7C8;

}

li.submenu-cate-toppage-current{
padding: .75em .25em .3em .7em;
font-size: 110%;
}
.contents-recommend li.submenu-cate-menu div.current,
li.submenu-cate-menu p,
li.menuSecond.menuSecond-current,
#contents-photo li.submenu-cate-toppage a,
#contents-photo li.submenu-cate a,
#contents-thai li.submenu-cate-toppage a,
#contents-thai li.submenu-cate a{
display: inline-block;
text-decoration: none;
width: 100%;
height: 100%;
padding-left: 35px;
}
/*
li.submenu-cate-toppage a{
padding-left: 15px;
}*/
#contents-photo li.submenu-cate-toppage a,
#contents-thai li.submenu-cate-toppage a {
margin: 0;
padding: 0;
padding: .75em .25em .3em .7em;
font-size: 110%;
border-radius: 0;
}
li.submenu-cate-menu p:before,
/* li.menuSecond.menuSecond-current:before, */
li.submenu-cate ul.third-submenu-all a:before,
p.menuThird-current:before,
p.menuSecond.menuSecond-current2:before,
p.menuSecond.menuSecond-current2 .menu-third:before,
p.menuSecond.menuSecond-current:before,
li.submenu-cate a:before{
    /* 三角マーク付与 */
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.6em solid transparent;
border-left-color:#755C26;
left: 1em;
top: .9em;

transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
}
p.menuThird-current:before,
p.menuSecond.menuSecond-current2:before,
p.menuSecond.menuSecond-current:before{
left: 0.9em;
}

li.submenu-cate-menu.active p:hover:before,
li.submenu-cate-menu.active p:before{
    /* 三角マーク付与 */
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.6em solid transparent;
border-top-color:#755C26;
left: 0.7em;
top: 1.9em;

  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;

}
li.submenu-cate-menu.active p:hover:before{
border-top-color: #FFC08E;
   transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}

p.menuSecond-cate:before{
    /* 三角マーク付与 */
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.7em solid transparent;
border-top-color: #755C26;
left: .6em;
top: 1.2em;
}
p.menuSecond.menuSecond-current:before,
li.menuSecond.menuSecond-current:before{
border-left-color:#FCBC6B; 
}
p.menuSecond.menuSecond-current2:before{
border-left-color:transparent;
border-top-color:#FFC08E; /*  #755C26;  #FCBC6B; */
top: 1.3em;
left: 0.6em;
}
p.menuSecond.menuSecond-current2.active:before{
border-top-color:#755C26; /* #FCBC6B; */  
}
p.menuThird-current {
padding-right: 1em;
padding-left: 2em;
background-color:#503B22;
}

.contents-recommend li.submenu-cate-menu div.current .num:before,
p.menuThird-current:before{
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.5em solid transparent;
border-left-color:#FCBC6B; 
left: 1em;
top: .75em;
}
li.submenu-cate ul.third-submenu-all a:hover:before,
li.submenu-cate-menu p:hover:before,
li.submenu-cate a:hover:before{
border-left-color:#FFC08E;
transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);
}
li.submenu-cate-toppage-current p:before,
li.submenu-cate-toppage a:hover:before{
    border:1px solid #967F6A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBD8AF), to(#EB9310));
    background-image: -webkit-linear-gradient(top, #EBD8AF, #EB9310); 
    background-image: -moz-linear-gradient(top, #EBD8AF, #EB9310);
    background-image: -ms-linear-gradient(top, #EBD8AF, #EB9310);
    background-image: -o-linear-gradient(top, #EBD8AF, #EB9310);
    background-image: linear-gradient(to bottom, #EBD8AF, #EB9310);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBD8AF, endColorstr=#EB9310);
}
.contents-column-each_page h1.page_title-each_page,
.contents-recommend-each_page h1.page_title-each_page,
.contents-wallpers-each_page h1.page_title-each_page,
.contents-photo-each_page h1.page_title-each_page,
.contents-thai-each_page h1.page_title-each_page{
font-size: 2.4rem;
border: solid 1px #ddd;
padding: 0.25em 0.25em 0.25em 0.5em;
background: #F1DAB7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #d5cea6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d5cea6), to(#b7ad70));
background-image: -webkit-linear-gradient(top, #d5cea6, #b7ad70);
background-image: -moz-linear-gradient(top, #d5cea6, #b7ad70);
background-image: -ms-linear-gradient(top, #d5cea6, #b7ad70);
background-image: -o-linear-gradient(top, #d5cea6, #b7ad70);
background-image: linear-gradient(to bottom, #FFF6EA, #E7CB8E);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);
}
.submenu-item{
    
}
.submenu-item-current{
    
}
.menuSecond {
  position: relative; /* 三角印のための基準指定 */
}

/* ------------------------------ */
/* タイ語の基本テーブル（基本形） */
/* ------------------------------ */
.tableCntsThaiE{ /* 日本語-タイ語テーブル */
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
.tableCntsThaiE td{
  padding: 0.25em 0.1em;
  background-color: #FDFDEF; /* #fdfdf0; */
  border: 1px solid #d0a050;
  vertical-align: middle;
  padding: 10px 10px 2px;
}
.tableCntsThaiE .tdTitleThaiLL, /* 表のタイトル部 通常*/
.tableCntsThaiE .tdTitleThaiLR, /* 表のタイトル部 通常*/
.tableCntsThaiE .tdThaiLM,  /* ハーフサイズの表用 */
.tableCntsThaiE .tdThaiRM,  /* ハーフサイズの表用 */
.tableCntsThaiE .tdThaiNumT1,  /* 数字テーブルのハーフ3列特殊 */
.tableCntsThaiE .tdThaiNumT2,  /* 数字テーブルのハーフ3列特殊 */
.tableCntsThaiE .tdThaiNumT3{  /* 数字テーブルのハーフ3列特殊 */
  border: 1px solid #d0a050;
  padding: 0px 0px 0px 10px;
  background-color: #F3F0CA;
  padding: 2px 10px;
}
.tableCntsThaiE .no_border{
    border-width: 0;
}
.tdTitleThaiLL{/* タイトル：意味（日本語）セル */
    width: 33%;
}
.tdTitleThaiLR{ /* タイトル：タイ語セル */
    width: 67%;
}
.tdThaiLM{/* ハーフサイズの表用 */
    width: 10%;
} 
.tdThaiRM{/* ハーフサイズの表用 */
    width: 40%;
}
.word_table .tdThaiLM{  /* 大好き恋愛編の単語リスト */
    width: 10%;
}
.word_table .tdThaiRM{  /* 大好き恋愛編の単語リスト */
    width: 40%;
}
.tableCntsThaiE .tdThaiNumT1  /* 数字テーブルのハーフ3列特殊 */
{
    width: 10%;
}
.tableCntsThaiE .tdThaiNumT2  /* 数字テーブルのハーフ3列特殊 */
{
    width: 15%;
}
.tableCntsThaiE .tdThaiNumT3  /* 数字テーブルのハーフ3列特殊 */
{
    width: 25%; 
}

.tdTitleThaiLL, /* 表のタイトル以外 */
.tdTitleThaiLR{
  padding: 5px 5px;
  background-color: #fdfdf0;
}

.tdTitleThaiLLex{ /* 意味（日本語）セル ヘッダー */
}
.tdTitleThaiLRex{ /* タイ語セル ヘッダー */
}
.HowToSayE{ /* 凡例 stress male female  */
    font-size: 1.1rem;
    display: inline-block;
}
.ThaiCmt{
font-size: 85%;
color: #9E6F3C;
}
/* 単語の意味テーブル */
dl.word_list{
}
dl.word_list dt{
  float:left;
}
dl.word_list dt:before{
content: " ";
display: inline-block;
width: 0.4em;
height: 0.4em;
margin-right: 0.7em;
position: relative;
top: -0.15em;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border: 0px solid #000000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#553614));
background-image: -webkit-linear-gradient(top, #000000, #553614);
background-image: -moz-linear-gradient(top, #000000, #553614);
background-image: -ms-linear-gradient(top, #000000, #553614);
background-image: -o-linear-gradient(top, #000000, #553614);
background-image: linear-gradient(to bottom, #000000, #000000);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#000000, endColorstr=#553614);
}
dl.word_list.w15 dd{ /* 勉強編、電話編で使用 */
  margin-left:15em;  
}
dl.word_list.w14 dd{ /* 未使用 */
  margin-left:14em;  
}
dl.word_list.w13 dd{ /* 方角編の渋滞, 緊急編で使用 */
  margin-left:13em;  
}
dl.word_list.w12 dd{ /* 勉強編で使用 */
  margin-left:12em;  
}
dl.word_list.w11 dd{ /* 未使用 */
  margin-left:11em;  
}
dl.word_list dd{  /* 通常使う単語リスト用 */
  margin-left:10em;
}
dl.word_list.w9 dd{ /* 未使用 */
  margin-left:9em;  
}

dl.word_list.w8 dd{ /* 未使用 */
  margin-left:8em;  
}
dl.word_list.w7 dd{ /* 未使用 */
  margin-left:7em;  
}
dl.word_list.w6 dd{ /* 日常編に利用 */
  margin-left:6em;  
}
dl.word_list.w5 dd{ /* 東西南北、電話編で利用 */
  margin-left:5em;  
}
dl.word_list.w4 dd{ /* 未使用 */
  margin-left:4em;  
}
dl.word_list.w3 dd{ /* 未使用 */
  margin-left:3em;  
}
dl.word_list.w2 dd{ /* 未使用 */
  margin-left:2em;  
}
dl.word_list.w1 dd{ /* 未使用 */
  margin-left:1em;  
}
dl.word_list dd:before{
  content:": ";
  margin-right: 0.5em;
}

/* ------------------------- */
/* タイ語のフォントサイズ    */
/* ------------------------- */
.ThaiStcN{ /* Normal size 新設：説明文章中のタイ文字　通常文字に比べて同等か若干大き目 */
    font-size: 2rem;    
}
.ThaiStcS{ /* Small size: ThaiStcMより小さいサイズが良い場合 */
    font-size: 2.5rem;
}
.ThaiStcM, .ThaiStc2{ /* Middle size 新設 テーブル中のタイ語表記 ThaiStc2は今後不使用 */
    font-size: 3rem;
}
.ThaiStcL{  /* タイ語であいうえおテーブル */
    font-size: 4rem;
}
/* ------------------------- */
/*  特殊レイアウトページ     */
/* ------------------------- */

/* タイ文字アルファベット */
#thai_alphabet_table {
    margin-bottom: 2em;
border-collapse: collapse;
width: 100%;
}
#thai_alphabet_table td{
    background-color: #fff;
    padding: 5px;
} 
#thai_alphabet_table tr.header td, /* alphabet table */
#thai_alphabet_table tr.footer td{
    background-color: #F5E4B8;
    text-align: center;
}
#thai_alphabet_table tr.header td{
    border-width: 1px 1px 0 1px;
}

#thai_alphabet_table tr.footer td{
    border-width: 0 1px 1px 1px;
}
#thai_alphabet_table tr.footer td:nth-child(3){
    border-width: 0 1px 1px 0;
}
#thai_alphabet_table img{
  border-radius:0;/* no-radius */
  box-shadow: 0 0 0 0; /* no-shadow */
  margin: 5px;
}
#thai_alphabet_table .tdThaiAlnum,
#thai_alphabet_table .tdThaiAlImg{
    text-align: center;
}
table.tableCntsThaiE.header a, 
table.tableCntsThaiE.header p, 
#thai_alphabet_table .footer a, 
#thai_alphabet_table .footer p{
    display: inline-block;
    margin: 0 2%;
}
table.tableCntsThaiE.header{
    text-align:center;
    margin-bottom:0;

}
table.tableCntsThaiE.header td{
    border-bottom-width:0; 
    padding: 5px;
    background-color: #F5E4B8;
}

#thai_alphabet_table .tdThaiAlnum{
  width: 2em;
}
#thai_alphabet_table .tdThaiAlChr{
  width: 40%;
}
#thai_alphabet_table .tdThaiAlImg{
  width: 20%;
}
#thai_alphabet_table .tdThaiAlJp{
  width: 60%;
}

td.tdTitle {

padding: 0px 0px 0px 10px;
background-color: #F5EBD1;
}
h2.h2TitleThaiL {
font-size: 2.5rem;
margin: 5px 10px;
}
td.tdThai50, td.tdThai50No {
width: 10%;
border: 1px solid #d0a050!important;
background-color: #FFFAEC;
text-align: center;
vertical-align: middle;
padding: 0;
height: 3.5em;
font-size: 1.4rem;
}
#contents .tdThai50 a{
  display: block;
    width: 100%;
    height: 100%;
}
td.tdThai50No {
background-color: #EBE0C3!important;
}

td.tdThai50Title {
width: 18%;
font-weight: bold;
background-color: #F7E7CF!important;
border: 1px solid #d0a050!important;
text-align: center;
}
td.tdThai50C {
padding: 5px;
font-size: 36px;
background-color: #fff5dd;
}
/* 
table.tableCntsThaiE {
border-collapse: collapse;
border: 1px solid #d0a050
} */
.thai-aiueo-table{
  margin-bottom: 3em;
  border: 1px solid #d0a050;
}
.thai-aiueo-table td{
    text-align: center;
}
/* タイ文字練習 */
.thai_traning h3.mark-circle-red {
  font-size: 1.6rem;
  margin: 1em 1em 1em 0;
}
.tableThaiTraining{
  background-color: #ffffff;
  border: 1px solid red;
}
.tableThaiTraining td{
    padding: 5px;
}
.tableThaiTraining img{
  border-radius:/* no-radius */
  box-shadow: 0 0 0 0; /* no-shadow */
    padding: 5px;
}
td.tdThaiTrL, td.tdThaiTrR {

}

.thai_char_training_wrapper{
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
  width: 100%;
  border-width: 1px;
  border-style: dashed;
  border-color: #A89C60;
}
table.thai_char_training {
  background-color: #fff;
  width: 100%;
}
table.thai_char_training td {
  padding: 5px;
}
td.title_char {
  width: 40%;
}
td.title_read {
  width: 60%;

}

td.show_img {
  text-align: center;
  padding-bottom: 2em;
}
td.show_img img {
  border-radius: 0;/* no-radius */
  box-shadow: 0 0 0 0; /* no-shadow */
  height: 140px;
  margin-bottom: 1em;
}
td.show_read_area {
  vertical-align: top;
}
textarea.howtoread {
  box-sizing: border-box;
  border-style: dotted;
  background-color: #faf4e4;
  height: 40px;

  padding: 5px;
  font-weight: bolder;
  width: 100%;
}

textarea.readoption {
  box-sizing: border-box;
  width: 100%;
  border-width: 0;
  padding: 5px;
}
textarea.howtoread,
textarea.readoption{
  font-family:  "Book Antiqua", Palatino, "Palatino Linotype", Palatino, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif; 

}
input.PracticeBtn,
input.click.listen-alphabet {
  height: 40px;
  width: 50px;
}

/* ボタン表示位置 */
td.btn_read_area,
td.btn_prev_area,
td.btn_next_area,
td.btn_play_area {
  text-align:center;
  vertical-align: middle;
}
td.btn_prev_area,
td.btn_next_area,
td.btn_play_area {

}
#contents-thai.contact_form input.contactform_back_btn:hover,
#contents-thai.contact_form input.contactform_confirm_btn:hover,
div.btn_practice_read:hover,
div.btn_practice_prev:hover,
div.btn_practice_next:hover,
div.btn_listen_alphabet:hover {
  cursor: pointer;
}
#contents-photo.contents-recommend-each_page .next_prev .next,
#contents-photo.contents-recommend-each_page .next_prev .prev,
#contents-thai.contact_form input.contactform_back_btn,
#contents-thai.contact_form input.contactform_confirm_btn,
#contents-photo.column-articles .next_prev .next,
#contents-photo.column-articles .next_prev .prev,
div.btn_practice_read,
div.btn_practice_prev,
div.btn_practice_next {
  display: inline-block;
  line-height: 40px;
  text-align:center;
  width: 50px;
  height: 40px;
  background-color: #aaa;
  border: 1px solid #E5C7A0;
    
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius:3px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDF9DD), to(#C5A773));
    background-image: -webkit-linear-gradient(top, #FDF9DD, #C5A773);
    background-image: -moz-linear-gradient(top, #FDF9DD, #C5A773);
    background-image: -ms-linear-gradient(top, #FDF9DD, #C5A773);
    background-image: -o-linear-gradient(top, #FDF9DD, #C5A773);
    background-image: linear-gradient(to bottom, #FDF9DD, #C5A773);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);
}
div.btn_practice_read {
  width: 100px;
}
#contents-thai.contact_form input.contactform_back_btn:hover,
#contents-thai.contact_form input.contactform_confirm_btn:hover,
div.btn_practice_read:hover,
div.btn_practice_prev:hover,
div.btn_practice_next:hover{
    color: #FFFDFC;
}
#contents-thai.contact_form input.contactform_back_btn:active,
#contents-thai.contact_form input.contactform_confirm_btn:active,
div.btn_practice_read:active,
div.btn_practice_prev:active,
div.btn_practice_next:active {
    color: #DD7C3C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C5A773), to(#FDF9DD));
    background-image: -webkit-linear-gradient(top, #C5A773, #FDF9DD);/* FDF9DD */
    background-image: -moz-linear-gradient(top, #C5A773, #FDF9DD);
    background-image: -ms-linear-gradient(top, #C5A773, #FDF9DD);
    background-image: -o-linear-gradient(top, #C5A773, #FDF9DD);
    background-image: linear-gradient(to bottom, #C5A773, #FDF9DD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);
}

/* 再生ボタン */
div.btn_listen_alphabet {
  width: 50px;
  height: 40px;
  background-color: #aaa;
  border: 1px solid #E5C7A0;
  margin: 0 auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius:3px;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDF9DD), to(#B8AC64));
    background-image: -webkit-linear-gradient(top, #FDF9DD, #B8AC64);
    background-image: -moz-linear-gradient(top, #FDF9DD, #B8AC64);
    background-image: -ms-linear-gradient(top, #FDF9DD, #B8AC64);
    background-image: -o-linear-gradient(top, #FDF9DD, #B8AC64);
    background-image: linear-gradient(to bottom, #FDF9DD, #B8AC64);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);
}
div.btn_listen_alphabet:active{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B8AC64), to(#FDF9DD));
    background-image: -webkit-linear-gradient(top, #B8AC64, #FDF9DD);
    background-image: -moz-linear-gradient(top, #B8AC64, #FDF9DD);
    background-image: -ms-linear-gradient(top, #B8AC64, #FDF9DD);
    background-image: -o-linear-gradient(top, #B8AC64, #FDF9DD);
    background-image: linear-gradient(to bottom, #B8AC64, #FDF9DD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d5cea6, endColorstr=#b7ad70);
}

div.play_mark {/* 三角 */
width: 0;
height: 0;
border: 12px solid transparent;
border-left: 17px solid #966F46;
position: relative;
left: 17px;
top: 8px;
}
div.play_mark:hover {
  border: 12px solid transparent;
border-left: 17px solid #FFF3D3;
}
div.play_mark:active {
  border: 12px solid transparent;
  border-left: 17px solid #DD7C3C;
}

/* 順番/ランダム 選択ラジオボタン */
.select_order input {
	display: none;
}
.select_order label{
	display: block;
	float: left;
	cursor: pointer;
	width: 60px;
	margin: 0;
	padding: 10px;
background: #DFDCD8;
color: #797C7E;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	transition: .2s;
  width: 150px;
}
.select_order label:hover{

background: #DFDCD8;/* #DFDCD8 */
color: #fff;

}
.select_order label:before {
content: " ";
border: 1px solid rgb(205, 211, 204);
background-color: rgb(205, 213, 198);
width: 1em;
height: 1em;
padding: 0.em 0.75em;
border-radius: 100%;
position: relative;
display: inline-block;
margin-right: 0.5em;
top: 0.15em;
}
.select_order label:hover:before {
content: " ";
border: 1px solid rgb(211, 210, 204);
background-color: rgb(250, 246, 234);
}

.select_order label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.select_order label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.select_order input[type="radio"]:checked + .on_order {
	background-color: #A8B853;
	color: #fff;
  cursor: auto;
}
.select_order input[type="radio"]:checked + .on_order:before {
  content: " ";
  border: 1px solid rgb(169, 226, 160);
  background-color: rgb(240, 255, 224);
  width: 1em;
  height: 1em;
  padding: 0.em 0.75em;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  top: 0.15em;
}
.select_order input[type="radio"]:checked + .on_random {
	background-color: #e67168;
	color: #fff;
  cursor: auto;
}
.select_order input[type="radio"]:checked + .on_random:before {
  content: " ";
  border: 1px solid rgb(169, 226, 160);
  background-color: rgb(240, 255, 224);
  width: 1em;
  height: 1em;
  padding: 0.em 0.75em;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  margin-right: 0.5em;
  top: 0.15em;
}

/* タイ文字キーボード配置 */
td.tdThaiKeyT {
  border: 1px solid #d0a050;
  background-color: #fff5dd;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}
td.tdThaiKey1, td.tdThaiKey2, td.tdThaiKeyNo {
  border: 1px solid #d0a050!important;
  background-color: #ffffff;
  text-align: center;
  font-size: 1.6rem;
  padding: 3px 0;
  width: 50px;
}
td.tdThaiKeyNo {
  border-width: 0 1px;
  background-color: #EBE0C3!important;
}
td.tdThaiKey2 {
  background-color: #ECFFC9;
}
.boin {
  color: #000080;
  font-weight: bold;
}
ul.each_color_ex {
margin-top: 0.5em;
}
.ThaiKeyCoE1, .ThaiKeyCoE2, .ThaiKeyCoE3 {
  display: inline-block;
  width: 4em;
  border: 1px solid #d0a050;
  background-color: #fff5dd;
  text-align: center;
  padding: 5px;
  margin-right: 1em;
}
.ThaiKeyCoE2 {
  background-color: #ffffff;
  float: left;
}
.ThaiKeyCoE2_up{
  display:inline-block;
}
.ThaiKeyCoE2_down{
  display: inline-block;
}
.ThaiKeyCoE3 {
  background-color: #ECFFC9;
}

/*==========================================
 フォトギャラリー > トップページ
===========================================*/
#contents-photo .contents-site_description .ref-links{
    margin-top: 2em;
}
/* top index page */
#contents-photo.contents-photo-top_page .contents-site_description .links-current_page_area div {
display: table-cell;
/* border: 1px solid red; */
padding-bottom: 2em;
}
#contents-photo.contents-photo-each_page.Chiangmai.top article.show_srtctitem,
#contents-photo.contents-photo-each_page.Lamphun.top article.show_srtctitem{
margin-bottom: 2em;
}
.section_place{
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
}
.section_place.map{

}

#contents-photo  .thai-cate-btn { /* タイ語と違ってpaddingはtitle cnt内でとる */
padding: 0;
min-height: 13em;
background-color: #fff;
}
#contents-photo  .map .thai-cate-btn { 
min-height: 1em;
}
.photo-cate-wrapper{
  margin-bottom: 2em;
}
.photo-cate-wrapper.event .thai-cate-btn{
  border: 10px solid #D1BC6A;
}

.photo-cate-wrapper.north .thai-cate-btn{
  border: 10px solid #CF9772;
}
.photo-cate-wrapper.northeast .thai-cate-btn{
  border: 10px solid #84C982;
}
.photo-cate-wrapper.central .thai-cate-btn{
  border: 10px solid #D1BC6A;
}
.photo-cate-wrapper.east .thai-cate-btn{
  border: 10px solid #D1A873;
}
.photo-cate-wrapper.south .thai-cate-btn{
  border: 10px solid #B2ADC9;
}
.photo-cate-wrapper.others .thai-cate-btn{
  border: 10px solid #B6B6B6;
}
.photo-cate-wrapper .map .thai-cate-btn{
  border: 10px solid #D3D3D3;
}
#contents-photo .thai-cate-btn:hover{
color: #fff;
background-color: #523825;
}
#contents-photo .map .thai-cate-btn:hover{
background-color:transparent;
    
}
#contents-photo .thai-cate-btn img.imgR{
    float: right;
    margin: 0.2em 0.5em 1em 1em;
    border: 5px solid rgba(255, 255, 255, 0.5);

  transition: all 3s ease-in-out;
  -webkit-transition: all 3s ease-in-out;
}
#contents-photo .srtctitem img,
#contents-photo .thai-cate-btn img.imgC{
    margin: 0.5em auto;
    border: 5px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  transition: all 3s ease-in-out;
  -webkit-transition: all 3s ease-in-out;
}
#contents-photo .srtctitem a:hover img,
#contents-photo .thai-cate-btn:hover img{
  border-color:rgba(241, 222, 159, 0.77);
  box-shadow: 0px 0px 20px 5px rgba(235, 218, 208, 0.49);/*  rgba(175, 95, 45, 0.49); */
  transform: rotateY(40deg);
  -webkit-transform: rotateY(40deg);
}
#contents-photo.Lamphun .srtctitem a:hover img,
#contents-photo.Chiangmai .srtctitem a:hover img,
#contents-photo.maehongson .srtctitem a:hover img{
  box-shadow: 0px 0px 20px 5px rgba(175, 95, 45, 0.49); 
}
#contents-photo .map .thai-cate-btn:hover img{

  border-color:transparent;
  box-shadow: 0;
  transform: rotateY(00deg);
  -webkit-transform: rotateY(0deg);

}
#contents-photo .thai-cate-btn .title{
    padding: 0.2em 0.2em 0.2em 0.75em;
}
#container_event .thai-cate-btn .title{
    background-color: #FFFFC5;
}
#container_north .thai-cate-btn .title{
    background-color: #FFF0E7;
}
#container_northeast .thai-cate-btn .title{
    background-color: #DFFACF;
}
#container_northeast .thai-cate-btn.g1 .title{
    background-color: #DEEBD7;
}
#container_central .thai-cate-btn .title{
    background-color: #FFFFC5;
}
#container_central .thai-cate-btn.g1 .title,
#container_central .thai-cate-btn.g5 .titl{
    background-color: #FFFFC5;
}
#container_central .thai-cate-btn.g2 .title,
#container_central .thai-cate-btn.g4 .title{
    background-color: #EBEBBD;
}
#container_central .thai-cate-btn.g6 .title,
#container_central .thai-cate-btn.g3 .title{
    background-color: #FFF0D2;
}
#container_east .thai-cate-btn .title{
    background-color: #FFE8B6;
}
#container_east .thai-cate-btn.g1 .title{
    background-color: #F7EBD1;
}
#container_south .thai-cate-btn .title{
    background-color: #E8E7FF;
}
#container_others .thai-cate-btn .title{
    background-color: #EEEEEE;
}
#contents-photo .thai-cate-btn:hover .title{
    background-color:transparent;
}
#contents-photo .thai-cate-btn .cnt{
        padding: 0.2em;
}
#contents-photo .thai-cate-btn:hover .cnt{
    background-color:transparent;
}

p.ptitle_sub { /* margin以外ThaiCmtに同じ */
  font-size: 85%;
  color: #9E6F3C;
  display: block;
}
p.ptitle_subsub /* コンテンツ内にタイトルを付ける場合 */{
    margin-left: 1em;
  color: #9E6F3C;
}
p.ptitle_sub:before{
    content:"(";
}
p.ptitle_sub:after{
    content:")";
}

ul.pindex {
    list-style-type: disc;
    margin-left: 1.75em;
    margin-bottom: 1em;
    font-size: 1.4rem;
}
ul.pindex:hover {
color: #F1DBB3;
}
/*==========================================
 フォトギャラリー > 各ページ
===========================================*/

table.tableCntsPhotoE{
    width: 100%;
}
.td2{
    width: 50%;
}
.td3{
    width: 33.33%;
}
.td4{
    width: 25%;
}
.contents-photo-each_page td.tdTitle {
padding: 2px 0;
    border: 1px solid #D8C8A5;
background-color: #FFFFFF;
}
td.tdCntsPhoto {
background:#FAFAE2;
padding: 1em 1.5em;
border: 1px solid #D8C8A5;
}
td.tdCntsPhE {
background: #fff;
text-align: center;
padding: 10px 5px 15px;
border: 1px solid #D8C8A5;
border-width: 0 1px;
vertical-align: middle;
}
.highslide img {
border: 5px solid #FFF;
box-sizing: border-box;
/* margin: 15px; */
}
td.tdCntsPhET {
padding: 0.5em;
font-size: 1.4rem;
background:#F7F4D7;
border: 1px solid #D8C8A5;
border-width: 0 1px 1px 1px;
text-align: center;
}
#contents-photo a img{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;   
}
#contents-photo .bread .cate{
    color: #BB8907;
}
h3.h3subtitle,
h3.h3TitleSq{
font-size: 2rem;
margin-bottom: 5px;
margin: 0;
padding: 5px 10px 5px 0.75em;
font-size: 2rem;
background-color: #8FA089;
color: white;
border: 0px solid #DFD8B2;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3)
 background-color: #DBC3A5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#D6D8D4), to(#6C6D6B));
background-image: -webkit-linear-gradient(top, #D6D8D4, #6C6D6B);
background-image: -moz-linear-gradient(top, #D6D8D4, #6C6D6B);
background-image: -ms-linear-gradient(top, #D6D8D4, #6C6D6B);
background-image: -o-linear-gradient(top, #D6D8D4, #6C6D6B);
background-image: linear-gradient(to bottom, #D6D8D4, #6C6D6B);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D6D8D4, endColorstr=#6C6D6B);
}
h3.h3subtitle:before,
h3.h3TitleSq:before{
content: " ";
display: inline-block;
width: 1em;
height: 1em;
margin-right: 0.25em;
position: relative;
top: 0.15em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #A89F97;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ECE9E3), to(#74706D));
background-image: -webkit-linear-gradient(top, #ECE9E3, #74706D);
background-image: -moz-linear-gradient(top, #ECE9E3, #74706D);
background-image: -ms-linear-gradient(top, #ECE9E3, #74706D);
background-image: -o-linear-gradient(top, #ECE9E3, #74706D);
background-image: linear-gradient(to bottom, #ECE9E3, #74706D);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ECE9E3, endColorstr=#74706D);
}
.page_title-each_page .thai{
    display: inline-block;
    display: none;
}
.page_title-each_page .thai:before{
    content:"【";
}
.page_title-each_page .thai:after{
    content:"】";
    margin-right: 0.25em;
}
#contents-photo .article-content{
  max-width:none;
}
/* セントラルワールド 2つ地図並べ*/
.map_all{
    text-align:center;
}

.map_all .map1,
.map_all .map2{
    display: inline-block;
}
.map_all .map1{

}
.map_all .map1 .map,
.map_all .map2 .map{
    height: 360px;
    background-color: #fff;
}
.contents-photo-each_page.BKK7 .map_all .map1 .map,
.contents-photo-each_page.BKK7 .map_all .map2 .map{
    height:410px;
}
.map_all .map1 .tolarge,
.map_all .map2 .tolarge{
    text-align: center;
    background-color: #fff;
    padding: 0 0 1.5em;
}

.map1.map{

}
.map2.map{

}
.map_ex { /* mapの説明が必要な場合使用（日曜市） */
width: 320px;
margin-top: .5em;
font-size: 90%;
}
.tolarge a {
text-decoration: underline;
}
.tolarge a:hover{
   background-color: #FFA07A; 
}
.Phuket .map_all .map1 .map,
.Phuket .map_all .map2 .map{
    height: 510px;
}
#contents-photo .area_name{
  color: #FFF584;
  display: none;
}
.japanfesta .stageshow td.video1{
vertical-align: middle;
width: 50%;
padding: 0.5em;
}
.japanfesta .stageshow td.video2{
vertical-align: middle;
}
.japanfesta .stageshow td.video2 img{
  margin: 0.5em 0 0.5em;
}
#contents-photo .thai-cate-name{
    border-width:0;
}

/* ショートカットメニュー：メーホンソン等 */

#contents-photo .srtctitem a {
text-decoration: none;
  color: #665227;
}
#contents-photo .srtctitem a:hover .srtctitem_wrapper,
#contents-photo .srtctitem a:hover .name,
#contents-photo .srtctitem a:hover .cnt{
background-color: #523825;
}

#contents-photo .srtctitem a:hover .name,
#contents-photo .srtctitem a:hover .cnt{
border: 1px solid #523825;
}
#contents-photo.contents-recommend-top_page .srtctitem a:hover .srtctitem_wrapper{
  border-radius: 10px;
}
#contents-photo .srtctitem a:hover .title{
    color: #fff;
}
#contents-photo .srtctitem a:hover .linktitle{
color: #FACE7D;
text-decoration: none;
}
#contents-photo .srtctitem a:hover .linktitle:before{
border-left-color: #F0E1A7;
}
#contents-photo .srtctitem a:hover .ex{
color: #F1DBB3;;
}

.srtctitem_wrapper{
margin: .25em;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;

transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.srtctitem .name{
padding: 0.75em;
background-color: #F3E9CE;
border: 1px solid #FFFCE8;
border-right: 1px solid #DAD0A8;
border-bottom: 1px solid #DAD0A8;
margin-bottom: 5px;
position: relative;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;

height: 4em;
-webkit-box-shadow: 0 .2em 10px 0 #B89978  inset;;
-moz-box-shadow: 0 .2em 10px 0 #B89978  inset;;
box-shadow: 0 .2em 10px 0 #B89978  inset;;
    
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.contents-recommend-top_page .srtctitem .name{
  height:3em;
}
.srtctitem .name .title{
  color: #55432D;
}
.srtctitem .name .linktitle{
font-size: 2.2rem;
text-decoration: underline;
color: #E00000;
}
.srtctitem .name .linktitle:before{
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.45em solid transparent;
border-left-color: #705C3D;
left: 0.8em;
top: 2.1em;
}

.srtctitem .cnt{
border: 1px solid #EEE9D7;
border-right: 1px solid #C5C4C0;
border-bottom: 1px solid #C5C4C0;
background-color: #F8F4DF;
padding: 1em;
overflow: hidden;

height:17em;
    
-moz-border-radius:  0 0 10px 10px;
-webkit-border-radius:  0 0 10px 10px;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0 -.5em 20px 0 #B1906E inset;
-moz-box-shadow: 0 -.5em 20px 0 #B1906E inset;
box-shadow: 0 -.5em 20px 0 #B1906E inset;
    
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}

.Lamphun .srtctitem .cnt, /* 480 */
.Chiangmai .srtctitem .cnt{/* 480 */
  height: 13em;
}

.contents-recommend-top_page .srtctitem .cnt{
    height: auto;
}

.srtctitem .cnt .pic{
text-align: center;
padding-bottom: 1em;
}
.srtctitem .cnt .ex{
font-size: 1.4rem;
line-height: 1.3; 
}

/* 調整箇所 */
.srtctitem{
  width: 100%;
}
.srtctitem .name .linktitle{
font-size: 1.8rem;
margin-left: 1em;
}
.contents-recommend-top_page .srtctitem .name .linktitle{
font-size: 115%;
}
.srtctitem .cnt .pic{
   float: left;
   padding: 0;
   margin: 0;
   margin-right: 1em;
}
.contents-photo-each_page.Chiangmai.top p.songkran img{
    width: 700px;
}
/*==========================================
 フォトギャラリー > サブメニューの第三階層
===========================================*/
.menuThird{
  position: relative; /* 三角印のための基準指定 */
}
ul.third-submenu-all{
background-color: #705532;
border: 1px solid #705532;
border-width: 0 0 0 1px;
}
ul.third-submenu-all.active{
background-color: #F3EBCD;
border: 1px solid #D5BF86;
border-width: 0 0 0 1px;
}
li.third-submenu-each{
margin: 0 0 0 1.5em;
border: 0px solid rgb(204, 184, 133);
/* border-width: 1px 0 1px 1px; */
/* border-bottom: 1px solid transparent; safari等で線が重なって見える対策 */
background-color: #F3EBCD;
}
li.third-submenu-each.active{
  border-width: 1px 0 1px 1px;   
padding-bottom: 1px; /* 下線を表示させるための1px。これがないと表示が出ない～ */
}
p.menuSecond.menuSecond-current2 {
/* border-bottom: 0; */
border: 1px solid #705532;
border-width: 1px 0 0 1px;
}
#contents-photo li.submenu-cate ul.third-submenu-all a {
background-color: #FFFEF4;
}
p.menuThird-current:before,
li.submenu-cate ul.third-submenu-all a:before{
top: 1.1em;
border-width: 0.5em;
}
#contents-photo li.submenu-cate ul.third-submenu-all li a{
padding-left: 30px;
padding-right: 1em;
}
#contents-photo .submenu-all a{
    border-radius:0;
}
#contents-photo li.submenu-cate-toppage a:after,
#contents-photo ul.third-submenu-all .gnav-photo:after{
color: #C0B791;
margin-left: 2em;
}
#contents-photo li.submenu-cate-toppage a:after{
color: #99916F;
margin-bottom: .75em;
}
#contents-photo li.submenu-cate-toppage a:hover:after{
color: #C0B791;
}
#contents-photo li.submenu-cate .menuSecond-current2.active a {
padding: 0;
background-color: transparent;

}
#contents-photo li.submenu-cate .menuSecond-current2.active{
box-sizing: border-box;
background-color: #F3EBCD;
border-top: 1px solid #D5BF86;
border-left: 1px solid #D5BF86;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
#contents-photo li.submenu-cate .menuSecond-current2.active:hover{
}
#contents-photo li.submenu-cate .menuSecond-current2.active:hover a{
  color: #fff;
}
#contents-photo li.submenu-cate .menuSecond-current2.active a:before{
    border: 0;
}
p.menuSecond.menuSecond-current2.active:before{
  transition: all 2s ease;
  -webkit-transition: all 2s ease;
}
p.menuSecond.menuSecond-current2.active:hover:before{
  border-top-color:#FCBC6B;
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
}
/* パーイ 2つ地図並べ*/
.north_pai .map_all{
    margin-top: 1em;
}
.north_pai .map_all .map1 .map,
.north_pai .map_all .map2 .map {
height: auto;
}
.route_pai ul{
    margin-top: 1em;
}
.route_pai ul li{
    display: inline-block;
    float: left;
}
.route_pai ul li:nth-child(2n+1) { /* place */
background-color: #F3E4C3;
padding: 2px 2em;
}
.route_pai ul li {
display: inline-block;
float: left;
padding: 2px 1em;

margin: 2px 5px;
background-color: #DADADA;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}
ul.route_pai>li:nth-child(2) {
background-color: #F1E8D3;
list-style: none;
padding: 0.5em 1em;
border-radius: 5px;
}
.title_BaanTongLuang{
margin-top: 2em;
margin-bottom: 1em;
}
.title_BaanTongLuang span{
    display: block;
    font-size: 85%;
}
.links-current_page_area.BaanTongLuang {
margin-top: 0;
}
.Lamphun .about{
  margin-bottom: 3em;
}
.Lamphun .aboutpic{
  text-align:center;
    margin: .5em 0 .5em;
}
.Lamphun .aboutpic img{
  margin-bottom: 0.25em;
}
.Lamphun .about .title{
background-color: rgb(240, 226, 197);
padding: .5em 1em;
margin: 1em 0;
border-radius: 5px;
display: inline-block;
width: 100%;
font-size: 120%;
box-sizing: border-box;
}
.Lamphun .about li:nth-child(1) .title {
margin-top: 0;
}
.Lamphun ul.special-chedis li{
    margin: .5em;
}
.Lamphun.city ul.gates{
    margin-bottom: 1em;
}
.Lamphun.city ul.gates li{
    margin-bottom: 1em;
    font-size: 95%;
}
.BKK3 .tdCntsPhoto img:nth-child(1),
.NorthEast .contents-site_description img,
.NongKhai .tdCntsPhoto img:nth-child(1),
.Sukhothai .tdCntsPhoto img:nth-child(1) {
/* text-align: center; */
display: block;
margin: 0 auto;
float: none;
margin-bottom: 1em;
}
.tdCntsPhE_txt{ /* 写真セルにコメントする場合 */
    margin: 1em;
    font-size: 90%;
}
.pics{
  display: table;
}
.pics .pic_wrapper{
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: .5em;
}
.pics .pic_wrapper .ex{
    font-size: 85%;
}
table td:empty {
border: 1px solid transparent;
background-color: transparent;
}

table.terminal21floor{

margin-left: 1em;
margin-bottom: 2em;
font-size: 85%;
color: #966A33;
background-color: #F0F0F0;
/* padding: 1em; */
/* display: inline-block; */
border-radius: 5px;
}
table.terminal21floor tr:nth-child(1) td{
    padding-top: 1em;
}
table.terminal21floor tr:nth-child(8) td{
    padding-bottom: 1em;
}
table.terminal21floor tr td:nth-child(1){
display: list-item;
list-style: disc;
margin-left: 2em;
padding: .25em;
}
table.terminal21floor tr td:nth-child(3){
padding-right: 2em;
}
table.WiangKumKam_map_map{
width: 95%;
font-size: 75%; 
margin: 2em;
}
table.WiangKumKam_map_map td{
text-align: left;
width: 33.33%;
padding: 0 1em 0 0;
}
/*==========================================
 壁紙 Wallpapers
===========================================*/
.contents-wallpers-top_page .article_one_article .links-current_page_all{
    margin-left:0;
}
.wallpaper-cate-wrapper {
margin-bottom: 3em;
}
#contents-photo.contents-wallpers-each_page .article_one_article .links-current_page_area{
    /*  margin-top: 1em; */
}
#contents-photo.contents-wallpers-each_page .contents-site_description .ref-links{
    margin-top: 0em;
}
.contents-wallpers-top_page .contents-site_description ul.size div,
.contents-wallpers-each_page .contents-site_description ul.size div{
  display: inline-block;
    margin-left: 2em;
    color: #AD7537;
}
.contents-wallpers-top_page .contents-site_description ul.links-current_page_all>li{
display: block;
border: 10px solid rgb(211, 192, 159);
/*width: 47.5%;*/
box-sizing: border-box;
margin-bottom: 1em;
/*float: left;*/
padding: .5em .5em 1em .5em;
background-color: white;
margin: 0 .5em 1em 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* text-decoration: none; 
/* min-height: 18em;*/
}

.contents-wallpers-top_page ul.links-current_page_all li ul{
  font-size: 90%;
  margin-top: .5em;
}

.contents-wallpers-top_page ul.links-current_page_all a.wide:after{
content: "★";
margin-left: 1em;
/* text-decoration: none; */
color: #000;
}
.contents-wallpers-top_page ul.links-current_page_all li.wide{

}
.wallpaper-cate-wrapper .tableCntsWP {
width: 100%;
}
td.tdTitle{
    padding-left: 0;
}
td.tdCntsWP {
width: 33.33%;
text-align: center;
background-color: #fff;
padding: 1em .25em 0;
}
.contents-wallpers-each_page td.tdCntsWP {
padding: 1em .25em 1em;
}
td.tdCntsWPex2 {
background: #fff;
padding: .5em;
text-align: center;
}
td.tdCntsWPex {
text-align: center;
padding: 1em .5em;
background-color: #F3E8CA;
font-size: 90%;
}
#contents-photo.contents-wallpers-top_page td.tdCntsWPex {
padding: 0;
font-size: 120%;
}
#contents-photo.contents-wallpers-top_page td.tdCntsWPex a{
  padding: 1em 0;
  display: block;
  width: 100%;
  height: 100%;
}
#contents-photo.contents-wallpers-top_page td.tdCntsWPex a:hover{
background-color: #AF6E54;
color: #fff;
}
td.tdCntsWPex img{
webkit-box-shadow: 0 0 0 0 rgba(200,200,200,0.2) inset;
-moz-box-shadow: 0 0 0 0 rgba(200,200,200,0.2) inset;
box-shadow: 0 0 0 0 #D17C20 inset;
top: -.2em;
position: relative;

width: 1.85em;
height: 1.25em;
}
.wallpaper-cate-wrapper ul{
    padding: 1em 1em 0 0;
}
.wallpaper-cate-wrapper td.setting{
  padding: 1em 1em 3em;
}
.wallpaper-cate-wrapper tr:nth-child(4) td.setting{
  padding: 1em 1em 2em;
}

.contents-wallpers-each_page .highslide img,
.contents-wallpers-top_page .highslide img {

}
.contents-wallpers-each_page .highslide:hover img,
.contents-wallpers-top_page .highslide:hover img {
border-color: rgb(223, 163, 99);
box-shadow: -2px -3px 10px 1px rgba(29, 13, 2, 0.4);

}
#contents-photo.contents-wallpers-each_page .tdCntsWPex a.highslide,
#contents-photo.contents-wallpers-top_page .tdCntsWPex2 a.highslide {
padding: .5em .25em;
display: inline-block;
border: 1px solid rgb(53, 30, 15);
border-radius: 5px;
background-color: #886931;
color: #fff;
width: 80%;
margin: .25em .25em;
box-sizing: border-box;
}
#contents-photo.contents-wallpers-each_page .tdCntsWPex .highslide:hover,
#contents-photo.contents-wallpers-top_page .tdCntsWPex2 .highslide:hover  {
background-color: #3A1A0D;
color: #FFE993;
text-decoration: none;
}
td.tdCntsWPex.btn,
td.tdCntsWPex2.btn {
padding-top: 0;
}
/*==========================================
 おすすめの場所
===========================================*/
ul.recommendlist {

}
ul.recommendlist .num{
display: block;
font-size: 120%;
margin-right: 1em;
}
ul.recommendlist .num:before {
content: "No.";
font-size: 80%;
margin-right: .25em;
}
ul.recommendlist .area{
display: block;
margin-bottom: 1em;
}
ul.recommendlist li:nth-child(5) .area{
    margin-bottom: 3em;
}
ul.recommendlist .area:before {
content: "(";
}
ul.recommendlist .area:after {
content: ")";
}
ul.recommendlist .place{
font-weight: bold;
}
#contents-photo.contents-recommend-top_page .srtctitem a:hover .place{
    color:#fff;
}

.contents-recommend li.submenu-cate-menu .num {
margin-left: 2em;
padding: .65em 0 0;
font-size: 110%;
}

.contents-recommend li.submenu-cate-menu ul {
margin: .25em 1em .5em 2.5em;
padding-bottom: 1em;
color: #997452;
}
.contents-recommend li.submenu-cate-menu div:hover {

}
.contents-recommend li.submenu-cate-menu div.current,
#contents-photo.contents-recommend li.submenu-cate a{
    padding: 0;
    background-color: #FCF9E1; 
}

.column-articles li.submenu-cate-menu div.current,
.contents-recommend li.submenu-cate-menu div.current {
background-color: #503B22;
position: relative;
}

.contents-recommend li.submenu-cate-menu div.current .num:before{
top: .9em;
}

.contents-recommend li.submenu-cate a:before{
top: .95em;
}

.column-articles li.submenu-cate-menu div.current p, 
.contents-recommend li.submenu-cate-menu div.current .num{
color: #FFE7BD;
}
.column-articles li.submenu-cate-menu div.current ul,
.contents-recommend li.submenu-cate-menu div.current ul{
color: #CFAD87;
}
#contents-photo.contents-recommend li.submenu-cate a:hover ul{
color: #E7CCB3;
}

#contents-photo.contents-recommend .tdTitle .num{
margin-right: .5em;
font-size: 110%;
color: #FFF966;
}
#contents-photo.contents-recommend .links-current_page_area .num{

}
#contents-photo.contents-recommend .links-current_page_area .num:before,
#contents-photo.contents-recommend .tdTitle .num:before {
content: "No. ";
}
#contents-photo.contents-recommend .links-current_page_area .num:after{
content: "\a0\a0\a0\a0";
}
#contents-photo.contents-recommend .tdTitle .num:after {
content: " ";
}
#contents-photo.contents-recommend .tdTitle .place{

}
#contents-photo.contents-recommend .tdTitle .area{
font-size: 85%;
color: #F0E3D3;

}
#contents-photo.contents-recommend .links-current_page_area .area:before,
#contents-photo.contents-recommend .tdTitle .area:before{
content:"（";
}
#contents-photo.contents-recommend .links-current_page_area .area:after,
#contents-photo.contents-recommend .tdTitle .area:after{
content:"）";
}
#contents-photo.contents-recommend .tdTitle .rank{
display: inline-block;
float: right;
margin: 0 0 5px 0;
}
#contents-photo.contents-recommend .tdTitle img{
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
border-radius: 0;
margin-left: 5px;
}
#contents-photo.contents-recommend .tdCntsPhoto p{
    margin-bottom: 1em;
}
#contents-photo.contents-recommend .tdCntsPhoto p img{
margin: 0 .5em .5em 0;
max-width: 240px;
}
#contents-photo.contents-recommend .youtube-wrapper{
margin: 0 auto;
}
#contents-photo.contents-recommend .tdCntsPhET{
    text-align: left;
}
#contents-photo.contents-recommend .tdCntsPhET .thai:before {
content: "【";
}
#contents-photo.contents-recommend .tdCntsPhET .thai:after {
content: "】";
}
/*==========================================
今週の色々
===========================================*/
/* コラムトップ */
#contents-photo.contents-column-top_page .srtctitem .name{
    height: auto;
}
#contents-photo.contents-column-top_page .srtctitem .cnt{
    height: auto;
    padding-bottom: 3em;
}
#contents-photo.contents-column-top_page a:hover .title {
color: #F1D8A2;
}
#contents-photo.contents-column-top_page div.column .num{
color: #C4A265;
padding-right: 1em;
}
#contents-photo.contents-column-top_page div.column .num,
#contents-photo.contents-column-top_page div.column .title{
    display: table-cell;
}
/* サブメニュー */
.menuSecond_column26,
.menuSecond_column25,
.menuSecond_column24,
.menuSecond_column23,
.menuSecond_column22,
.menuSecond_column21,
.menuSecond_column20,
.menuSecond_column19,
.menuSecond_column18,
.menuSecond_column17,
.menuSecond_column16,
.menuSecond_column15,
.menuSecond_column14,
.menuSecond_column13,
.menuSecond_column12,
.menuSecond_column11,
.menuSecond_column10,
.menuSecond_column9,
.menuSecond_column8,
.menuSecond_column7,
.menuSecond_column6,
.menuSecond_column5,
.menuSecond_column4,
.menuSecond_column3,
.menuSecond_column2,
.menuSecond_column1
{
    display: none;
}
#contents-photo.column-articles li.submenu-cate a:before
{
  border-width:0;  
}
#contents-photo.column-articles li.submenu-cate a{
background-color: #FCF9E1;
}
#contents-photo.column-articles li.submenu-cate a:hover{
color: #FFFFFF;
background-color: #8D6B4F;
}
#contents-photo.column-articles .menuSecond-list_wrapper,
#contents-photo.column-articles li.submenu-cate a{
padding: 0.25em 1em 1em;  
}
ul.column_eachpart ul.menuSecond-list li{
/* list-style-type: circle; */

}
ul.column_eachpart ul.menuSecond-list li .num{
    
}
ul.column_eachpart ul.menuSecond-list li .num:before{
  content:"(";
    
}
ul.column_eachpart ul.menuSecond-list li .num:after{
  content:")";
  margin-right: .5em;
}
ul.column_eachpart ul.menuSecond-list li .title{
    
}
.column-articles li.submenu-cate-menu div.current .num:before,{

}
.column-articles li.submenu-cate-menu div.current p,
.column-articles li.submenu-cate-menu div.current p:hover{
    background-color:transparent;
    cursor:auto;
}
.column-articles li.submenu-cate-menu div.current p:before,
.column-articles li.submenu-cate-menu div.current p:before:hover{
border: 0.6em solid transparent;
border-top-color: #FFC08E;;
left: 0.8em;
top: 1.3em;
}
.column-articles li.submenu-cate-menu p:hover:before{
transform: rotateX(0);
-webkit-transform: rotateX(0);
}

/* ページ説明 */
#contents-photo.column-articles .contents-site_description img{
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
margin: 0 1em 1em 2em;
}
#contents-photo.column-articles .links-current_page_all.upper .num{
margin-right: 1em;
font-size: 85%;
color: #D35C5C;
}
#contents-photo.column-articles .links-current_page_all a{
    text-decoration:none;
}

#contents-photo.column-articles .links-current_page_all.bottom .num{
margin-right: .25em;
font-size: 85%;
}
#contents-photo.column-articles .links-current_page_all.upper .num:before{
  content:"no. ";
}
#contents-photo.column-articles .links-current_page_all.bottom .num:before{
  content:"(";
}
#contents-photo.column-articles .links-current_page_all.bottom .num:after{
  content:") ";
}
#contents-photo.column-articles .links-current_page_all .title{
  text-decoration: underline;
}
#contents-photo.column-articles #no1{
  margin-bottom: 2em;
}
#contents-photo.contents-recommend-each_page .next_prev,
#contents-photo.column-articles .next_prev{
margin-bottom: 2em;
text-align: center;
position: relative;
}
#contents-photo.contents-recommend-each_page .next_prev .next,
#contents-photo.contents-recommend-each_page .next_prev .prev,
#contents-photo.column-articles .next_prev .next,
#contents-photo.column-articles .next_prev .prev{
width: auto;
display: inline-block;
padding: 0 3em;
}
#contents-photo.contents-recommend-each_page .next_prev a,
#contents-photo.column-articles .next_prev a{
    color: inherit;
}
#contents-photo.contents-recommend-each_page a:hover,
#contents-photo.column-articles .next_prev a:hover{
    background-color: transparent;
}
#contents-photo.contents-recommend-each_page .next_prev a:hover .next,
#contents-photo.contents-recommend-each_page .next_prev a:hover .prev,
#contents-photo.column-articles .next_prev a:hover .next,
#contents-photo.column-articles .next_prev a:hover .prev{
background-image: -webkit-gradient(linear, left top, left bottom, from(#C5A773), to(#FDF9DD));
background-image: -webkit-linear-gradient(top, #C5A773, #FDF9DD);
background-image: -moz-linear-gradient(top, #C5A773, #FDF9DD);
background-image: -ms-linear-gradient(top, #C5A773, #FDF9DD);
background-image: -o-linear-gradient(top, #C5A773, #FDF9DD);
background-image: linear-gradient(to bottom, #C5A773, #FDF9DD);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C5A773, endColorstr=#FDF9DD);
background-image: linear-gradient(to bottom, #C5A773, #FDF9DD);
color:#B3531D;
}
#contents-photo.contents-recommend-each_page .next_prev .next.nothing,
#contents-photo.contents-recommend-each_page .next_prev .prev.nothing,
#contents-photo.column-articles .next_prev .next.nothing,
#contents-photo.column-articles .next_prev .prev.nothing{
background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#D5D5D5));
background-image: -webkit-linear-gradient(top, #F0F0F0, #D5D5D5);
background-image: -moz-linear-gradient(top, #F0F0F0, #D5D5D5);
background-image: -ms-linear-gradient(top, #F0F0F0, #D5D5D5);
background-image: -o-linear-gradient(top, #F0F0F0, #D5D5D5);
background-image: linear-gradient(to bottom, #F0F0F0, #D5D5D5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F0F0F0, endColorstr=#D5D5D5);
background-image: linear-gradient(to bottom, #F0F0F0, #D5D5D5);
color: #B1ACA4;
border-color: #D6D6D6;
}

#contents-photo.column-articles ul.ref{
    margin-top: 2em;
}
#contents-photo.contents-recommend-each_page .next_prev .next,
#contents-photo.column-articles .next_prev .next{
    margin-right:2.5em;
}
#contents-photo.contents-recommend-each_page .next_prev .prev.first,
#contents-photo.contents-column-top_page .next_prev .prev.first{
    margin:0;
}
#contents-photo.contents-recommend-each_page .next_prev .prev,
#contents-photo.column-articles .next_prev .prev{
    margin-left:2.5em;
}
#contents-photo.contents-recommend-each_page .next_prev .next_num,
#contents-photo.contents-recommend-each_page .next_prev .prev_num,
#contents-photo.column-articles .next_prev .next_num,
#contents-photo.column-articles .next_prev .prev_num {
color: #AF8547;

}
#contents-photo.contents-recommend-each_page .next_num,
#contents-photo.column-articles .next_prev .next_num{
margin-right: 1em;
position: absolute;
top: -1.5em;
left: 5.5em;
}
#contents-photo.contents-recommend-each_page .next_prev .prev_num,
#contents-photo.column-articles .next_prev .prev_num{
margin-left: 1em;
position: absolute;
top: -1.5em;
right: 5em;
}
#contents-photo.contents-recommend-each_page .next_prev .next_num:before,
#contents-photo.contents-recommend-each_page .next_prev .prev_num:before,
#contents-photo.column-articles .next_prev .next_num:before,
#contents-photo.column-articles .next_prev .prev_num:before{
    content:"(";
}
#contents-photo.contents-recommend-each_page .next_prev .next_num:after,
#contents-photo.contents-recommend-each_page .next_prev .prev_num:after,
#contents-photo.column-articles .next_prev .next_num:after,
#contents-photo.column-articles .next_prev .prev_num:after{
    content:")";
}
/* 記事タイトル */
div.column .article-cate{ /* 480 */
    font-size: 2rem;
}
div.column .num{
font-size: 85%;
margin-right: 1em;
color: #FFFBA0;
}
div.column .num:before{
  content:"no.";
}
div.column .num:after{
}
div.column .title{
letter-spacing: .075em;
}
div.column .date{
font-size: 75%;
float: right;
display: inline-block; 
}
/* 記事内容 */
div.column .article_one_article img{
    width: 100%;
}
div.column .article_one_article p{
    margin-bottom: 1em;
}
div.column .article_one_article p.start{
  margin-top: 3em;
}
div.column .article_one_article p.start:first-letter{
    font-size: 2.5em;
    line-height: 0;
}
div.column .article_one_article{
    padding-bottom: 2em;
}
#contents-photo.contents-column-each_page.p17 #no6 .youtube-wrapper{
    margin-top: .5em;
}
div.column .article_one_article img.asis {
width: initial;
margin: 0;
}
/* kuku table no.141 */
.tableCntsThaiE.kuku{
    text-align:center;
    width: 90%;
}
.tableCntsThaiE.luckyC tr:nth-child(1) td,
.tableCntsThaiE.kuku tr:nth-child(1) td,
.tableCntsThaiE.kuku tr td:nth-child(1){
background-color: #F3F0CA;
font-style: italic;
font-weight: bold;
color: #BD7737;
}
.tableCntsThaiE.luckyC tr:nth-child(1) td{
font-style: initial;
font-weight: normal;
}
.tableCntsThaiE.kuku td:empty{
border: 1px solid #d0a050;
}
.tableCntsThaiE.kuku td{
width: 7.5%;
padding: .25em .1em;
}

table.stepon-figures {
width: 100%;
max-width: 640px;
background: #fff;
margin: 1em auto;
}
table.stepon-figures td {
width: 33.33%;
text-align:center;
}
table.stepon-figures tr:nth-child(1) td{
  padding: 1em 0 0;
}
table.stepon-figures tr:nth-child(2) td{
  padding: 0 0 1em;
} 
table.stepon-figures img {
width: auto!important;
}
#contents-photo.contents-column-each_page.p8 #no10 table,
#contents-photo.contents-column-each_page.p12 #no7 table{
/* width: 100%; */
margin: 2em 3em 2em 2em;
}
#contents-photo.contents-column-each_page.p8 #no10 td,
#contents-photo.contents-column-each_page.p12 #no7 td{
    padding-bottom:1em;
}
#contents-photo.contents-column-each_page.p8 #no10 td:nth-child(1),
#contents-photo.contents-column-each_page.p12 #no7 td:nth-child(1){
    width: 5em;
    padding:0;
}
#contents-photo.contents-column-each_page.p8 #no10 td:nth-child(1){
    width: 7em;
}
#contents-photo.contents-column-each_page.p8 #no10 td span.speaker,
#contents-photo.contents-column-each_page.p12 #no7 td span.speaker{
font-weight: bold;
}
#contents-photo.contents-column-each_page.p8 #no10 tr:nth-child(2n+1),
#contents-photo.contents-column-each_page.p12 #no7 tr:nth-child(2n+1) {
color: #68512F;
}
#contents-photo.contents-column-each_page.p8 #no10 tr:nth-child(2n),
#contents-photo.contents-column-each_page.p12 #no7 tr:nth-child(2n){
color: #C74800;
}
#contents-photo.contents-column-each_page.p8 #no10 td span.conversation:before,
#contents-photo.contents-column-each_page.p12 #no7 td span.conversation:before{

}
#contents-photo.contents-column-each_page.p8 #no10 td .hosoku,
#contents-photo.contents-column-each_page.p12 #no7 td .hosoku{

}
div.colortable{
    max-width: 600px;
    margin-bottom:4em;
}
.tableCntsThaiE.luckyC {
text-align: center;
width: 100%;
}

table.luckyC tr:nth-child(1){
    
}
table.luckyC td{
  width: 14.28%;    
}
table.luckyC.money tr:nth-child(2) td:nth-child(1){
background-color: purple;
color: white;
}
table.luckyC.money tr:nth-child(2) td:nth-child(2){
background-color: orange;
color: white;
}
table.luckyC.money tr:nth-child(2) td:nth-child(3){
background-color:black;
color: white;
}
table.luckyC.money tr:nth-child(3) td:nth-child(1){
background-color:brown;
color: white;
}
table.luckyC.money tr:nth-child(4) td:nth-child(1){
background-color:darkblue;
color: white;
}
table.luckyC.money tr:nth-child(2) td:nth-child(4){
background-color:red;
color: white;
}
table.luckyC.money tr:nth-child(2) td:nth-child(5){
background-color:pink;

}
table.luckyC.money tr:nth-child(2) td:nth-child(6){
background-color:skyblue;
color: white;
}
table.luckyC.money tr:nth-child(2) td:nth-child(7){
background-color:green;
color: white;
}

table.luckyC.fortune tr:nth-child(2) td:nth-child(1){
background-color:green;
color: white;
}
table.luckyC.fortune tr:nth-child(2) td:nth-child(2){
background-color:purple;
color: white;
}
table.luckyC.fortune tr:nth-child(2) td:nth-child(3){
background-color:orange;
color: white;
}
table.luckyC.fortune tr:nth-child(2) td:nth-child(4){
background-color:blue;
color: white;
}
table.luckyC.fortune tr:nth-child(2) td:nth-child(5){
background-color:yellow;

}
table.luckyC.fortune tr:nth-child(2) td:nth-child(6){
background-color:black;
color: white;
}
table.luckyC.fortune tr:nth-child(2) td:nth-child(7){
background-color:pink;

}
table.luckyC.fortune tr:nth-child(3) td:nth-child(1){
background-color:brown;
color: white;
}
table.luckyC.fortune tr:nth-child(4) td:nth-child(1){
background-color:white;
}
table.luckyC.fortune tr:nth-child(4) td:nth-child(2){
background-color:darkblue;
color: white;
}

table.luckyC.relationship tr:nth-child(2) td:nth-child(1){
background-color:skyblue;
color: white;
}
table.luckyC.relationship tr:nth-child(2) td:nth-child(2){
background-color:red;
color: white;
}
table.luckyC.relationship tr:nth-child(2) td:nth-child(3){
background-color:yellow;

}
table.luckyC.relationship tr:nth-child(2) td:nth-child(4){
background-color:green;
color: white;
}
table.luckyC.relationship tr:nth-child(2) td:nth-child(5){
background-color:orange;
color: white;
}
table.luckyC.relationship tr:nth-child(2) td:nth-child(6){
background-color:pink;

}
table.luckyC.relationship tr:nth-child(2) td:nth-child(7){
background-color:black;
color: white;
}
table.luckyC.relationship tr:nth-child(3) td:nth-child(1){
background-color:brown;
color: white;
}
table.luckyC.relationship tr:nth-child(4) td:nth-child(1){
background-color:darkblue;
color: white;
}
p.eachday,
p.moneyfortunerelationship{
  text-align:center;
  margin: 2em 1em;
  font-size: 150%;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(1){
background-color:yellow;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(2){
background-color:pink;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(3){
background-color:green;
color: white;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(4){
background-color:orange;
color: white;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(5){
background-color:blue;
color: white;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(6){
background-color:purple;
color: white;
}
table.luckyC.eachday tr:nth-child(2) td:nth-child(7){
background-color:red;
color: white;
}
#contents-photo.contents-column-each_page.p1 #no8 .youtube-wrapper{
    margin-top: 0;
}
/*==========================================
 お役立ちサイト
===========================================*/
#contents-ginfo.bookmark .contents-site_description ul.aboutthissite{
    margin-top: 1em;
}
#contents-ginfo.bookmark .article_one_article .links-current_page_all{
    width:auto;
}
#contents-ginfo.bookmark .article_one_article.first{
    margin: 2em 0 0;
}
#contents-ginfo.bookmark .article_one_article p.sub{
    font-size: 140%;
    font-weight: bold;
    margin-bottom: .5em;
}
#contents-ginfo.bookmark td.tdLinksItem1{
display: block;
}
#contents-ginfo.bookmark td.tdLinksItem1{
    position: relative;
}
#contents-ginfo.bookmark td.tdLinksItem1 a:before{
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.45em solid transparent;
border-left-color: #A78D65;
right: 100%;
top: 9px;
}

td.tdLinksItem2 {
display: inline-block;
font-size: 1.3rem;
margin-bottom: 1em;
}
#contents-ginfo.bookmark a.LinksEItemEx.external_link{
background-color: #F0EEEE;
border-radius: 5px;
padding: 5px;
display: block;
}
#contents-ginfo.bookmark a.LinksEItemEx.external_link:hover {
background-color: #FFA07A;
}
.gnav-subnav .mark-triangle.gnav-item-current:before{
    top: 8px;
}
.gnav-subnav .mark-triangle.gnav-item-current{
    border-radius: 5px;
}
#footer .gnav-subnav .gnav-item-current{
width: inherit;
margin-right: 2em;
/* margin-top: 2em; */
background-color: rgba(27, 13, 11, 0.4);
border: 1px solid #72634A;
border-left: 1px solid #947A61;
border-bottom: 1px solid #463625;
height: 2em;
padding: 0 0 0 0;
line-height: 2em;
width: 110px;
color: #DAC37C;
}
#footer .gnav-subnav .gnav-item-current.mark-triangle_w:before{
top: 6px;
border-left-color: #FFB557;
}

/*==========================================
 プロフィール
===========================================*/
#contents-thai.profile table.profile .tdThaiNumT1{
  width: 30%;
}
#contents-thai.profile table.profile .tdThaiNumT2{
  width: 40%;
}
#contents-thai.profile table.profile .tdThaiNumT3{
  width: 30%;
}
#contents-thai.profile table.profile  td{
    padding: 1em;
}
#contents-thai.profile table.profile tr:nth-child(1) td{
    padding: 2em 1em;
}
#contents-thai.profile table.profile img{
vertical-align: middle;
display: block;
margin: 1em 0;
}
#contents-thai.profile table.profile span{
    display: inline-block;
}
#contents-thai.profile table.profile  p{

}
#contents-thai.profile .article-group-main {
margin-bottom: 3em;
}
#contents-thai.profile .article-content-last{
    margin-top: 2em;
}
/*==========================================
 お問い合わせ
===========================================*/
#wrapper .gnav-subnav .gnav-item-current{

}
#wrapper .gnav-subnav .gnav-item-current a{
    
}
.gnav-subnav .gnav-item-current a{
    width: 100%;
    display: block;
    color: #fff;
}
#contents-thai.contact_form form.mailform span.title{
margin-bottom: .25em;
display: inline-block;
}

#contents-thai.contact_form form.mailform span.title:before{
    content:" ";
    display:inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    position: relative;
    top: 0.15em;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    border:1px solid #C49E7C;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBD8AF), to(#8A6124));
    background-image: -webkit-linear-gradient(top, #EBD8AF, #8A6124); 
    background-image: -moz-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: -ms-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: -o-linear-gradient(top, #EBD8AF, #8A6124);
    background-image: linear-gradient(to bottom, #EBD8AF, #8A6124);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBD8AF, endColorstr=#8A6124);

}
#contents-thai.contact_form form.mailform span.hosoku{
    margin-left: 1em;
}
#contents-thai.contact_form div.form_wrapper{
margin: 0 1em 3em;
}
#contents-thai.contact_form input.sendername,
#contents-thai.contact_form textarea.message,
#contents-thai.contact_form input.email{
padding: 0.5em;
font-size: 110%;
font-family:  "Book Antiqua", Palatino, "Palatino Linotype", Palatino, Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif;
margin-bottom: 1em;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
}
#contents-thai.contact_form textarea.message{
width: 95%;
height: 10em;
}
#contents-thai.contact_form input.email,
#contents-thai.contact_form input.sendername{
width: 80%;
}
#contents-thai.contact_form input.contactform_back_btn,
#contents-thai.contact_form input.contactform_confirm_btn{
    width: auto;
    padding-left: 3em;
    padding-right: 3em;
    margin-top: 1em;
font-family:  "Book Antiqua", Palatino, "Palatino Linotype", Palatino, Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif; 
    font-size: 100%;
}
#contents-thai.contact_form div.form_wrapper{
}
#contents-thai.contact_form div.form_wrapper h1{
  font-size: 2rem;
}
#contents-thai.contact_form div.form_wrapper p.message, 
#contents-thai.contact_form div.form_wrapper p.comment{
margin: 1em 0 1em;
}
#contents-thai.contact_form div.form_wrapper p.message.error{
    font-size: 120%;
    margin: 2em 0 1em;
}
#contents-thai.contact_form div.form_wrapper table.error_message{
    width: 100%;
    margin: 0 0 2em;
}
#contents-thai.contact_form div.form_wrapper table.error_message td{
    border: 1px solid #BBA86C;   
}
#contents-thai.contact_form div.form_wrapper table.error_message td{
    padding: .5em;
}
#contents-thai.contact_form div.form_wrapper table.error_message td.key{
    background-color: #F3F0EB;
    width: 8em;
}
#contents-thai.contact_form div.form_wrapper table.error_message td.val{
    background-color: #fff;
    color: red;
}
#contents-thai.contact_form div.form_wrapper table.error_message.confirm td.val{
  color: inherit;
}
#contents-thai.contact_form div.form_wrapper table.error_message td:empty{
  border: 1px solid #BBA86C;
  background-color: #fff;;
}
#contents-thai.contact_form div.form_wrapper .contactform_back_btn.send{
    padding-left: 5em;
    padding-right: 4em;
}
#contents-thai.contact_form input.contactform_back_btn.send {
padding-left: 4.5em;
padding-right: 4em;
margin-left: 2em;
}


/*==========================================
 ご利用規約
===========================================*/
#contents-thai.rules .contents-site_description p.first:after {
content: "＞";
margin-left: .5em;
}
#contents-thai.rules .contents-site_description p.first:before {
content: "＜ ";
margin-right: .5em;
}
#contents-thai.rules .contents-site_description p.first {
font-size: 120%;
/* font-weight: bold; */
}
#contents-thai.rules .contents-site_description p.last{
margin-top: 2em;
}
#contents-thai.rules div.rules div.article_one_article{
  padding-top:2em;
  padding-bottom:4em;
}
#contents-thai.rules div.rules div.article_one_article ul li {
margin-bottom: 1em;
}
#contents-thai.rules div.rules div.article_one_article ul {
list-style: disc;
margin-bottom: 2em;
margin-left: 1em;
}
#contents-thai.rules div.rules div.article_one_article ul ul{
list-style:circle;
}
#contents-thai.rules div.rules div.article_one_article ul ul li{
margin-bottom: .25em;
}
#contents-thai.rules div.rules div.article_one_article p.first{
    margin-bottom: 2em;
}
#contents-thai.rules div.rules div.article_one_article p{
    margin: 1em 0;
}
/*==========================================
 検索結果 msaerch
===========================================*/
#msearch-result .SNSlayout{
    display: none;
}
#msearch-result.all .search_form{
    display:none;
}
#msearch-result #search_result .search_form{
    display:block;
}
#msearch-result .gnav-search .input{
    color: #000;
}

#msearch-result #search_result{
    margin: 0 1em;
}
#msearch-result #search_result .search_form.up .gnav-search{
  margin: 0 0 1em;    
}
#msearch-result #search_result .search_form.down .gnav-search{
  margin: .5em 0 1em;    
}
#msearch-result div.result.summary span:nth-child(3) {
display: none;
}

#msearch-result div.result.summary {
border: 1px solid #E4D4B3;
background-color: #EEE5D0;
padding: .25em;
}
#msearch-result div.result.index {
padding: 1em 0 1em;
font-size: 120%;
}
#msearch-result span.fontem {
font-weight: bold;
/* background-color: #F7CBA2; */
/* padding: 0px 5px; */
/* margin: 0 2px; */
display: inline-block;
-moz-border-radius: 2px;
/* -webkit-border-radius: 2px; */
/* border-radius: 2px; */
}
#msearch-result div.result.list dt {
background: #EEEBD9;
padding: .5em .25em;
}
#msearch-result div.result.list dd {
margin: .5em 0;
}
#msearch-result div.result.list .fontsmaller {
font-size: 90%;
}
#msearch-result span.fontgreen {
color: #AF7C30;
}
#msearch-result span.fontgray {
color: #79726B;
}
#msearch-result a.other_result {
margin: 0 .25em;
}
#msearch-result a.gonext,
#msearch-result a.goback{
display:inline-block;
}
/*==========================================
 フッター
===========================================*/
.sns-bottom{
  width: 500px;
  height: 30px;
  border: 1px solid #999;
  background-color: #555;
}

#footer{
margin-top: 1em;
background-image: url(../imgs/parts/wallppr039.gif);
background-color: #61524D;
}
#wrapper_footer{
    color: #E5D8D1;
    padding: 20px 15px 6em;
    font-size: 1.3rem;
}
#footer a{
    color: #F3C3A6;
}
#footer a:hover{
    color: #634A25;
    background-color: #F1D4B0;
}

.footer-sns-description{

}
ul.footer-sns_btn{

}
.footer-sns_btn li{
    display: inline-block;
    padding: 1em 1em 1em 0;
    text-align: center;
}
.footer-sns_btn li a{
    display: inline-block;
    width: 150px;
}
.footer-sns_btn img{
    display: block;
    margin-bottom: 0.25em;
}

#footer .gnav-english{
    background-color: rgba(66, 39, 23, 0.3);
    border: 1px solid #72634A;
    border-left: 1px solid #947A61;
    border-bottom: 1px solid #463625;
    height: 2em;
}

#footer .gnav-english:hover{
    color: #FFFFFF;
    background-color: rgba(148, 132, 99, 0.56); /* #5B865B */;
    border: 1px solid #524420;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    height: 2em;

    border-width: 0px;
    border-top: 1px solid #5B865B;
    border-right: 1px solid #5B865B;
    border-bottom: 1px solid #325527;
    border-left: 1px solid #8DA77B;
}
/* copyright */
#footer .footer-copyright_wrapper{
    float: left;

    margin-right: 2em;
    margin-bottom: 1em;
}
#footer .footer-copyright1,
#footer .footer-copyright2{
}
/* access counter */
#footer .ac_wrapper{
    display: inline-block;

}
#footer .ac-y-all,
#footer .ac-t-all{
  float: left;
}
#footer .ac-t-all{
    margin-left: 1em;
}
#footer .ac-y-t,
#footer .ac-t-t{
  display: inline-block;
}
#footer .ac-y-i,
#footer .ac-t-i{
  display: inline-block;
  margin-left: 0.25em;

}
.page_bottom_info1{
    margin-top: 1em;
}
/* LoyKraThong
.Loykrathong .contents-site_description img.top3{
    display: inline-block;
    margin-bottom: 1em;
}
.Loykrathong .contents-site_description img.sample{
    display: inline-block;
    margin-bottom: 1em;
    width: 160px;
    height: 106px;
}*/
.Loykrathong .contents-site_description .youtube-wrapper{
    width:380px;
    margin: 1em auto;

}
.Loykrathong .contents-site_description .youtube-wrapper iframe{
    width:380px;
    height:285px;
}
.Loykrathong td.song iframe {
margin-top: .5em;
}
.Loykrathong td.song {
padding: 1em;
}
.item,
.slideitem{
  float: left;
}

#test div.slideitem:nth-child(4n+1){
  width: 30%;
  min-width: 100px;
  max-width: 200px;

  background-color: red;
  border: 1px solid white;
}
#test div.slideitem:nth-child(4n+2){
  width: 30%;
  min-width: 100px;
  max-width: 200px;

  background-color:yellow;
  border: 1px solid white;
}
#test div.slideitem:nth-child(4n+3){
  width: 30%;
  min-width: 100px;
  max-width: 200px;

  background-color: green;
  border: 1px solid white;
}
#test div.slideitem:nth-child(4n){
  width: 30%;
  min-width: 100px;
  max-width: 200px;

  background-color:black;
  border: 1px solid white;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	メディアクリエによる切り替え
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* 小型端末向け：480pxより小さい */
@media screen and (max-width: 479px) {
/* ---------------- header ------------------ */
.header-site_title{
    font-size: 2.20rem;
}
.header-site_title_J{
    font-size: 1.4rem;
}

.header_site_title-sub{
    font-size: 1.2rem;
}

h1.page_title-each_page{
    font-size: 2.25rem;
}
.gnav-item,
.gnav-ginfo:after,
.gnav-weather:after,
.gnav-history:after,
.gnav-bits:after,
.gnav-thai:after,
.gnav-photo:after,
.gnav-wallpaper:after,
.gnav-mustgo:after,
.gnav-column:after{
    font-size: 85%;
}
.gnav-item{
  height: 4.5em;
}

.contents-site_description .article-part {
  border: 15px solid #C5AA8C;
}
.article_one_article,
.contents-site_description .article_one_article{
    padding-left: 0.5em;
	padding-right: 0.5em;
}

/* end very small devices */
}
/* PC向けおよび中型タブレット向けのレイアウトの指定：640～768px */
@media screen and (min-width: 640px) {
#contents .article_one_article .links-current_page_area li a{/* 先頭エリア */
    display: inline-block;
}
.contents-site_description .article_one_article{/* 640 */
    padding: 0 2em 2em;
}
.bx-caption2 .thai{
 
}
.bx-caption2 .meaning{
  display: inline-block;
} 

.section-weather-SunMoon li{
    margin-right: 20px;
}

/*フォトギャラリー*/
.section_place {  /* topページの各地域box */
  width: 50%;
}

.page_title-each_page .thai{
    display: inline-block;

}
.Loykrathong .contents-site_description .youtube-wrapper{
    width:480px;
}
.Loykrathong .contents-site_description .youtube-wrapper iframe{
    width:480px;
    height:360px;
}
/* メーホンソン等のリスト 調整箇所 */
.srtctitem{
width: 50%;
}
.srtctitem .name .linktitle{
font-size: 1.6rem;
}
.srtctitem .name .linktitle:before{
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.45em solid transparent;
border-left-color: #705C3D;
left: 0.75em;
top: 2.35em;
}
.srtctitem .cnt .pic{
   float: none;
}
/* パーイ 2つ地図並べ*/
.north_pai .map_all .map1,
.north_pai .map_all .map2 {
  width: 50%;
  padding: 0.25em;
  float: left;
  box-sizing: border-box;
}
.north_pai .map_all .map1 .tolarge,
.north_pai .map_all .map2 .tolarge{
  padding-bottom: 0;
}
.srtctitem .cnt{
   height: 26em;
}
.contents-recommend-top_page .srtctitem .cnt{
   height:auto;
}
.Lamphun .srtctitem .cnt{ /* 640 */
   height: 18em;  
}
.Chiangmai .srtctitem .cnt{ /* 640 */
   height: 21em;
}

.Lamphun .aboutpic{
    float:right;
    margin: 0 0 .5em 1em;
}
.BKK3 .tdCntsPhoto img:nth-child(1),
.NorthEast .contents-site_description img,
.NongKhai .tdCntsPhoto img:nth-child(1),
.Sukhothai .tdCntsPhoto img:nth-child(1) {
float: left;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 0;
}

.NorthEast .contents-site_description img{
float: right;
margin-left: 1em;
}

.contents-wallpers-top_page .contents-site_description ul.links-current_page_all>li{
width: 47.5%;
padding: .5em .5em 1em .5em;
margin: 0 .5em 1em 0;
    
float: left;
min-height: 19em;
}
.wallpaper-cate-wrapper ul{
    padding: 1em;
}
/* 記事タイトル */
div.column .article-cate{ /* 640 */
    font-size: 2.1rem;
    letter-spacing:normal;
}
div.column .article_one_article img{
    width: 50%;
    max-width: 700px;
    margin-top: 2em;
}
div.column .article_one_article img.smaller{
    width: 40%;
    max-width: 640px;
    margin-top: 0;
}
div.column .article_one_article .youtube-wrapper,
div.column .article_one_article img.imgC{
    width: 100%;
    max-width: 720px;
    margin: 2em auto;
}
#contents-photo.contents-recommend-each_page .next_prev .next_num,
#contents-photo.contents-recommend-each_page .next_prev .prev_num,
#contents-photo.column-articles .next_prev .next_num,
#contents-photo.column-articles .next_prev .prev_num {
position:static;
}
#msearch-result div.result.summary span:nth-child(3) {
display: inline;
float: right;
margin-right: 2em;
}
/* end pc-中型タブレット */
}

/* PC向けおよび大型タブレット向けのレイアウトの指定：768px～960px */
@media screen and (min-width: 768px) {
/* ---------------- header ------------------ */
#home #contents{
  margin-right: 2px;
  margin-left:2px;
}
#contents
{
  margin-right: 2px;
  margin-left: 2px;
}
.wrapper_top_info,
.wrapper_middle_info{
  margin: 0 1em;
}
.bx-caption2 .thai{

}
.srtctitem .cnt{
   height: 22em;
}
.SNSlayout{
    margin-left: 0;
}
  .header-additional,
  .sp-menu_close_btn_style{
    display: none;
  }
  .gnav-list{
    display: block;
    font-size: 1.4rem;
    background-color:#5F4F3B;
  }
  .gnav-ginfo:after,
  .gnav-weather:after,
  .gnav-history:after,
  .gnav-bits:after,
  .gnav-thai:after,
  .gnav-photo:after,
  .gnav-wallpaper:after,
  .gnav-mustgo:after,
  .gnav-column:after
  { font-size: 1.1rem;}

  .gnav-item{
    height: 60px;
  }
  .gnav-item a{
     padding: 5px 3px 10px;
  }

  .gnav-item:nth-child(1){ width: 27%;}
  .gnav-item:nth-child(2){ width: 26%;}
  .gnav-item:nth-child(3){ width: 22%;}
  .gnav-item:nth-child(4){ width: 25%;}

  .gnav-item:nth-child(5){ width: 23%;}
  .gnav-item:nth-child(6){ width: 19%;}
  .gnav-item:nth-child(7){ width: 19%;}
  .gnav-item:nth-child(8){ width: 20%;}
  .gnav-item:nth-child(9){ width: 19%;}

  .gnav-item:nth-child(2n+1){
    border: 0px solid transparent;  
  }
  .gnav-item{
    text-align: center;
    border-bottom: 0px solid transparent;
  }

  #gnav .gnav-item-bottom{
    position: absolute;
    display: block;
    top: -15px;
    right:20px;
    font-size: 1.1rem;
  }

  #gnav .search_btn{
    height: 25px;
  }
  #gnav .search_form{
      margin: 0 0 0 auto;
  }

h1.page_title-top_page{
    font-size: 3.5rem;
}
h1.page_title-each_page{
    font-size: 3.25rem;
}


/* ------------------ shortcut menu -------------------- */
/* ---------- 上の段 ---------- */
.menu-outline-ginfo,
.menu-outline-history,
.menu-outline-weather
{
    width: 25%;
    padding-left: 0;
    padding-right: 0.4em;
}

.menu-outline-bits
{
    width: 25%;
    padding-right: 0;
    padding-left: 0;
}

/* ---------- 中段 ---------- */
.menu-outline-thai,
.menu-outline-photo{
    width: 50%;
}
.menu-outline-thai{
    padding-right: 0.4em;
}
/* ---------- 下段 ---------- */
/* 下段はそのまま */

/* ----------  Home SlideShow ---------- */
.bx-wrapper .bx-caption{
    display: block;
}
.bx-wrapper .bx-caption2{ /* 768 1.6 */
    font-size: 1.6rem;
}
.article-part,
.contents-site_description .article-part{
    border: 1px solid #C5AA8C;
}
.contents-site_description .article-part {
  border: 20px solid #C5AA8C;
}
.article_one_article{
    padding: 0 3em 2em 2em;
}
#contents-weather .article_one_article.weather{
    padding: 0 2em 2em 2em;
}
.info .article_one_article{
padding: 0 2em;
}

/* weather */
.thai_map {
float: left;
margin-right: 40px;
width: 260px;
margin-top: 1em;
}
/* history */
.history_table td:nth-child(2n),
.history_table td:nth-child(2n+1) {
padding: 1em;
}
/* knowledge */
#contents-bits .index_table-header{
    width: 33.33%;
}
/* タイ語にチャレンジ */
/* shortcut btn */
.thai-cate-wrapper:nth-child(1){ /* basics */
  display: block;
  width: 100%;

}
.thai-cate-wrapper:nth-child(1) .thai-cate-btn{
    width: 45%;
    float: left;
    margin: 0 0 0 1em;
}
.thai-cate-wrapper .basics .thai-cate-btn:nth-child(1),
.thai-cate-wrapper .basics .thai-cate-btn:nth-child(2){
    margin-bottom: 1em;
}

.thai-cate-wrapper:nth-child(2){ /* タイ文字関連 */
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 0.5em;
}
.thai-cate-wrapper:nth-child(3){ /* 数字や年月日 */
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 0.5em;
}
.thai-cate-wrapper:nth-child(4){ /* 生活関連 */
  display: block;
  clear: both;
  width: 100%;
}

.thai-cate-wrapper:nth-child(4) .thai-cate-btn{
  width: 50%;
}

.thai-cate-wrapper:nth-child(5){ /* サバイバル */
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 0.5em;
}
.thai-cate-wrapper:nth-child(6){ /* 感情いろいろ */
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 0.5em;
}
.thai-cate-wrapper:nth-child(7){/* 季節やイベント */
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-right: 0.5em;
}
.thai-cate-wrapper:nth-child(8){/* その他（ことわざ） */
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 0.5em;
}

/* タイ文字キーボード */
td.tdThaiKeyT {
  font-size: 1.6rem;
}
td.tdThaiKey1, td.tdThaiKey2, td.tdThaiKeyNo {
  font-size: 2.4rem;
}
.word_table .tdThaiLM{  /* 大好き恋愛編の単語リスト */
    width: 15%;
}
.word_table .tdThaiRM{  /* 大好き恋愛編の単語リスト */
    width: 35%;
}
/* フォトギャラリー */
#contents-photo .thai-cate-btn .cnt_sub{ /* チェンマイなど、コンテンツ内を2つ等に分けたい場合 */
    float: left;
    width: 50%;
}
.section_place {  /* topページの各地域box */
width: 50%;
}

/*フォトギャラリー*/
td.tdCntsPhET{
  text-align: center;
}
td.tdCntsPhoto {
padding: 1em 2em;
}
.japanfesta .stageshow td.video1{
padding: 1em;
}
.srtctitem {
width: 50%;
}
.srtctitem .cnt .pic{
   float: left;
}

.Lamphun .about li:nth-child(1) .title{
  display: inline-block;
  width:auto;
}
#contents-photo.contents-wallpers-each_page .tdCntsWPex a.highslide, 
#contents-photo.contents-wallpers-top_page .tdCntsWPex2 a.highslide {
width: 30%;

}
/* 記事タイトル */
div.column .article-cate{ /* 768 */
    font-size: 2.3rem;
}
#contents-thai.profile table.profile img{
display: inline;
margin: 0 1em 0;
}
table.WiangKumKam_map_map td{
padding: 0 1em 0 1em;
}
}


/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media screen and (min-width: 960px) {
/* ---------------- header ------------------ */
.pageTop a {
width: 150px;
height: 50px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
  .gnav-list{
    font-size: 1.3rem;
  }
  .gnav-ginfo:after,
  .gnav-weather:after,
  .gnav-history:after,
  .gnav-bits:after,
  .gnav-thai:after,
  .gnav-photo:after,
  .gnav-wallpaper:after,
  .gnav-mustgo:after,
  .gnav-column:after
  { font-size: 1.1rem;}



  .gnav-item:nth-child(1){ width: 11.67%;}
  .gnav-item:nth-child(2){ width: 8.33%;}
  .gnav-item:nth-child(3){ width: 8.33%;}
  .gnav-item:nth-child(4){ width: 10.00%;}
  .gnav-item:nth-child(5){ width: 15.00%;}
  .gnav-item:nth-child(6){ width: 13.33%;}
  .gnav-item:nth-child(7){ width: 10.00%;}
  .gnav-item:nth-child(8){ width: 11.67%;}
  .gnav-item:nth-child(9){ width: 11.67%;}

  .gnav-item:nth-child(2n+1){
    border: 0px solid transparent;  
  }
  .gnav-item{
    text-align: center;
    border-bottom: 0px solid transparent;
  }

  #gnav .gnav-item-bottom{
    position: absolute;
    display: block;
    top: -15px;
    right:20px;
    font-size: 1.2rem;
  }

  #gnav .gnav-item-bottom{
    right:5px;
  }/* #wrapper-topにposition relativeを設定して、そこを基準に位置決め */
/* ------------------ shortcut menu -------------------- */
/* nothing changed */

/* ----------  Home SlideShow ---------- */
.bx-wrapper .bx-caption{
  font-size: 115%;    
}
.bx-wrapper .bx-caption2{ /* 960 1.8 */
    font-size: 1.8rem;
}
.bx-caption2 .thai{
    /* font-size: 250%; */
  font-size: 300%; /* gorgai */
}
.bx-caption2 .meaning{
    font-size: 85%;
}
/* ------------------ 全体レイアウト -------------------- */
.article-group-main,
.article-group-sub,
.article-group-sub2{
  display: block;
  box-sizing: border-box;
}
/* 基本形 （2カラム）*/
.article-group-main{
  width: 52%;
  float: left;
}
.article-group-sub{
  width: 48%;
  float: left;
  padding-left: 1em;
}
/* home用 */
#home .article-group-main{
  width: 65%;
  float: left;
}
#home .article-group-sub{
  width: 35%;
  float: left;
  padding-left: 1em;
}
#home .article-group-sub2{
  box-sizing: border-box;
  float: right;
  padding-left: 1em;
}
.map_all .map1 .map, .map_all .map2 .map{/* 960px */
    max-width: 270px;
}
/* 各ページ用 */
#contents-weather .article-group-main{
  width: 65%;
  float: left;
}
#contents-weather .article-group-sub{
  width: 35%;
  float: left;
  padding-left: 1em;
}
#contents-history .article-group-sub2{
  float: none;
  padding-left: 0;
}
/* ThaiLanguage, PhotoGallery, Wallpaper用 2列目はサブメニュー固定幅型 */
#contents-photo .article-group-main,
#contents-thai .article-group-main{
margin-right: -310px;
/* width: auto; */
float: left;
width: 100%;
}
#contents-photo .article-group-main-article_all,
#contents-thai .article-group-main-article_all {  /* サブメニュー固定幅実現のために、articleをひとくくり */
margin-right: 310px;
}
#contents-photo .article-group-sub,
#contents-thai .article-group-sub{
width: 310px;
/* margin-left: -300px; */
float: left;
}

/* Home用3列目用 */
.contents-news-record .article-start{
    margin-top: 1.5em;
}
.contents-whatsnew,
.contents-thailanguage_thisweek,
.contents-column_thisweek,
.contents-info{
  margin: 3em 0;
}

.contents-news-record .article-title{
  font-size: 1.6rem;
}

.contents-news-record .article-start:first-letter{
    font-size: 1.8em;
}

.article_one_article{
    padding: 0 2.5em 2em 2em; /* 2コラムレイアウトにしたため、横方向マージンを若干大目に */
}
#contents-weather .article_one_article.weather {
padding: 0 2em 2em 2em;
}
.contents-news-record .article_one_article{ /* homeの履歴のマージンは変えない */
    padding: 0 1.5em 2em;
}
/* タイ語やフォトギャラリーの右コラムのお知らせ用 */
.article-part.info {
margin-bottom: 2em;
}
/* weather */
#contents-weather .article_one_article.weather.sunmoon {
padding: 0 1em 2em 2em;
}
.section-weather-SunMoon li {
margin-right: 5px;
}
/* history */
.history_table td:nth-child(2n),
.history_table td:nth-child(2n+1) {
padding: 2em;
}

/* サブメニューは全オープン */
.menuSecond-list-thai-Basics,
.menuSecond-list-thai-ThaiLetters,
.menuSecond-list-thai-DateNumber,
.menuSecond-list-thai-Life,
.menuSecond-list-thai-Survive,
.menuSecond-list-thai-Feelings,
.menuSecond-list-thai-Events,
.menuSecond-list-thai-Others{
/*     display: block;  */
}
/* タイ文字キーボード */
td.tdThaiKeyT {
  font-size: 1.6rem;
}
td.tdThaiKey1, td.tdThaiKey2, td.tdThaiKeyNo {
  font-size: 1.4rem;
}

/* フォトギャラリー サブメニュー第三階層*/
p.menuThird-current,
#contents-photo li.submenu-cate ul.third-submenu-all li a {
padding-top: .4em;
padding-bottom: .5em;
}
p.menuThird-current:before, li.submenu-cate ul.third-submenu-all a:before {
top: 0.75em;

}
/* メーホンソン等のリスト 調整箇所 */
.srtctitem .cnt {
 height: 25em;
}
.Lamphun .srtctitem .pic, 
.Chiangmai .srtctitem .pic{
  float:none;
}
.Lamphun .srtctitem .cnt{/* 960 */
   height: 20em;  
}
.Chiangmai .srtctitem .cnt{/* 960 */

}
#contents-photo.contents-wallpers-each_page .tdCntsWPex a.highslide, 
#contents-photo.contents-wallpers-top_page .tdCntsWPex2 a.highslide {
font-size: 80%; 
}
/* 記事タイトル */
div.column .article-cate{ /* 960 */
    font-size: 2.1rem;
}
#contents-thai.profile table.profile tr:nth-child(1) td:nth-child(2) span{
    width: 6em;
}
/* end pc */
}
/* PC向けで大き目画面の限定レイアウトの指定 */
@media screen and (min-width: 1024px) {
#home .article-group-sub2{
    display: block; /* PC向けに限定 3カラム表示用 */
}
#home .article-group-main{
  width: 55%;
}
#home .article-group-sub{
  width: 25%;
}
#home .article-group-sub2{
  width: 20%;
}

.contents-various_info{
    font-size: 1.2rem;
}
.contents-various_info .article-ref{
    font-size: 1.4rem;
    margin-bottom: 0.5em;
}
.contents-various_info .article-title{
    font-size: 1.6rem;
}
.contents-various_info ul{
    margin-bottom: 1em;
}
.contents-various_info .searchengine{
    margin-left: 0.25em;
}
.contents-various_info .article_one_article{
    padding: 0 .5em 2em 1em;
}
td.tdThaiKey1, td.tdThaiKey2, td.tdThaiKeyNo {
  font-size: 2.6rem;
}

/* Home SlideShow */
.bx-wrapper .bx-caption2{ /* 1024 2.0 */
  font-size: 2rem;
}
/* weather */
.section-weather-SunMoon li {
margin-right: 20px;
}
/* フォトギャラリー 地図２つ並びタイプ*/
.map_all .map1, .map_all .map2 {
padding: 0 1em;
}
.map_all .map1 .map, .map_all .map2 .map{ /* 1024px */
/* max-width:none; */
}
#contents-photo .area_name{
  display:inline; /* noneから表示へ */
  font-size: 70%;
}
/* メーホンソン等のリスト 調整箇所 */
.srtctitem{
width: 33.33%;
}
.srtctitem .cnt {
  height: 32em;
}
.srtctitem .name .title{
    font-size: 90%;
}
.srtctitem .name .linktitle{
font-size: 1.6rem;
}
.srtctitem .name .linktitle:before{
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 0.45em solid transparent;
border-left-color: #705C3D;
left: 0.8em;
top: 2.3em;
}
.srtctitem {
width: 33.33%;
}
.contents-recommend-top_page .srtctitem {
width: 33.33%;
}
.srtctitem .cnt .pic{
   float: none;
}
.Lamphun .srtctitem .cnt{/* 1024 */
   height: 24em;  
}
.Chiangmai .srtctitem .cnt{/* 1024 */
  height: 24em;
}
.contents-wallpers-top_page .contents-site_description ul.links-current_page_all>li{/* 1024 */
min-height: 17em;
}
#contents-photo.contents-wallpers-each_page .tdCntsWPex a.highslide, 
#contents-photo.contents-wallpers-top_page .tdCntsWPex2 a.highslide {
font-size: 90%; 
}
/* 記事タイトル */
div.column .article-cate{ /* 1024 */
    font-size: 2.3rem;
}
#contents-thai.profile table.profile tr:nth-child(1) td:nth-child(2) span{
    width:auto;
}
#msearch-result #search_result {
margin: 0 3em;
}
/* end pc大 */
}
/* PC向けでフルスクリーンで見る場合などに変化を付けたい場合限定 */
@media screen and (min-width: 1200px) {
#home #contents{
  margin-right:0;
  margin-left:0;
}
#contents
{
  margin-right: 0;
  margin-left: 0;
}
.contents-site_description .article_one_article{/* 1200 */
    padding: 0 2.5em 2em;
}
.pageTop a {
width: 200px;
height: 75px;
}
.pageTop a {
height: 60px;
font-size: 45px;
line-height: 60px;
}
/*フォトギャラリー*/
/* トップページ */
#contents-photo.contents-photo-top_page .contents-site_description .links-current_page_area div {
padding-top: 2em;
padding-bottom: 4em;
}
.section_place {  /* topページの各地域box */
  width: 50%;
}
.map_all .map1 .map, .map_all .map2 .map{ /* 1200px */
  max-width:none;
}
/* ロイカトーン祭り */
.Loykrathong .contents-site_description .youtube-wrapper{
    float:right;
  margin: 0 0 0 1em;
}

/* メーホンソン：リスト */
.srtctitem .cnt {
  height: 27em;
}
.contents-wallpers-each_page .wallpaper-cate-wrapper .highslide img,
.contents-wallpers-top_page .wallpaper-cate-wrapper .highslide img {
height: 210px;
width: 280px;
}
.contents-wallpers-top_page img.top{

    height: 540px;
}
.contents-wallpers-each_page .highslide:hover img,
.contents-wallpers-top_page .highslide:hover img {
border-width: 12px;
}
.contents-wallpers-each_page .wallpaper-cate-wrapper .highslide:hover img,
.contents-wallpers-top_page .wallpaper-cate-wrapper .highslide:hover img {
border-width: 12px;
height: 210px;
width: 280px;
}
/* 記事タイトル */
div.column .article-cate{ /* 1200 */
    font-size: 2.5rem;
}
/* コラム */
div.column .article_one_article{
  padding-right: 5em;
  padding-left: 3em;
}
#contents-thai.contact_form textarea.message{
height: 15em;
}
/* end pc大大 */
}