@charset "utf-8";
/*------------------------------------
以下2023年1月追加分
------------------------------------ */
/* グーグル検索窓（広告）に変更したためのデザイン指定 */
.search_form .gsc-control-cse {
    padding: 0;
    background: transparent;
}

.search_form table.gsc-search-box {
    width: initial;
    margin-top: .5em;
}

.search_form .gsc-search-button-v2 {
    background: #4D3721;
    border-color: #4D3721;
}

.search_form .gsc-search-button-v2:hover {
    background-color: #726028;
    transition: .3s;
    cursor: pointer;
}

.search_form .gsc-search-button-v2 svg {
    fill: #D3C1A3;
}

.search_form .gsc-search-button-v2:hover svg {
    fill: #fff;
}

.search_form .gsst_a .gscb_a {
    color: red;
}

.search_form .gsst_a:hover .gscb_a {
    color: red;
}


.search_form .gsib_a {
    padding: 2px 9px 2px 9px;
}

/*------------------------------------
以下過去
------------------------------------ */
.fb-comments-init-wrapper{
    border: 1px solid yellow;
    background-color: lightyellow;
    width: 100%;

}
.fb-comments-wrapper{
    border: 1px solid yellow;
    background-color: lightyellow;
    width: 100%;
    margin-bottom: 1em;
}
.renewal{
    display:none;
}

#contents-thai.contents-thai-top_page #contents .renewal,
#contents-thai.contents-thai-each_page .renewal,
#home div.article-part.contents-info .renewal{
    display: block;
}

.renewal .IE{
    display: none;
}

.no-border-top{
    border-top-width:0!important;
}
.no-border-left{
    border-left-width:0!important;
}
.no-border-right{
    border-right-width:0!important;
}
.no-border-bottom{
    border-bottom-width:0!important;
}
.no-padding-top{
    padding-top: 0!important;
}
.no-padding-bottom{
    padding-bottom: 0!important;
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通のスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* 右に出る縦スクロールバーを常に表示させることで画面がカクっとなるのを防止 */
*html body {/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {/*IE7だけに適用*/
   overflow-y:auto;
}

body {
   overflow-y:scroll;
}

/* clearfix */
.cf {
	zoom: 1; /* for IE */
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	content: "";
	clear: both;
}

blockquote{
display: table; /* ドイステープ対応 */
padding: 1em 1em;
/* color: #8F5F0A; */
font-size: 90%;
border: 1px solid #CEC0A1;
border-style: dotted;
margin: 1em 0;
background-color: #F8F3E5;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
table blockquote {  /* フォトギャラリーなど、テーブル内だとradiusなどがきかなくなるため */
display: block;
}
.youtube-wrapper{
    max-width: 645px;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 100%;
    overflow: hidden;
}
 
.youtube iframe,  
.youtube object,  
.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*==========================================
 SNSボタン
===========================================*/
.SNSlayout{
    margin-top: 10px;
    margin-left: 10px;
}
#contents-thai.contact_form .SNSlayout{
    display:none;
}
iframe.twitter-share-button {
    width: 105px !important;
}
div.pocket-btn {
display: inline;
vertical-align: middle;
}
iframe[src*="www.facebook.com/plugins/like.php"]{
width:90px !important;
}
div#___plusone_0{
    width:65px !important;
}

.fb-comments iframe {

}
.fbFeedbackContent .composer{
    background-color:rgba(179, 149, 117, 0.2)!important;
}
/*==========================================
 タイ語ボタン
===========================================*/
.listen-for-words, /* インラインで、単語の後にすぐ再生ボタンを置きたい場合 */
.listen,  /* 通常サイズボタン */
.listen-s,  /* 年月日ページなどの若干小さいサイズ用 */
.listen-ss,  /* 数字ページなどの小さいサイズ用 */
.listen-top{ /* タイ語にチャレンジ：トップページ用 */
 width: 80px;
 height: 35px;
    
 background-color:#E9CB9B;
 text-align: center;
 letter-spacing: 1px;
 cursor: pointer;

 border-style: solid;
 border-width: 3px;
 border-top-color:#F4E2D0;
 border-right-color:#BD9D5F;
 border-left-color:#F4E2D0;
 border-bottom-color:#BD9D5F;

 font-size: 1.3rem;
 font-weight:bold;
 color:#7C4916;

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

  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.listen-ss,
.listen-s,
.listen{ /* タイ語にチャレンジ中の通常のボタン配置 */
     float: right;
}
.listen-for-words{ /* インラインで、単語の後にすぐ再生ボタンを置きたい場合 */
    display:inline-block;
}

.listen-for-words{ /* インラインで、単語の後にすぐ再生ボタンを置きたい場合 */
width: 40px;
height: 2em;
margin-left: 0.5em;
margin-bottom: 0.5em;
}
.play_btn_left input {/* インラインで、単語の”前”にすぐ再生ボタンを置きたい場合 t東西南北 */
margin: 0 0.5em 0.5em 0;
}
input.listen-for-words.stc { /* 普通に文章中に使用したい場合：驚き編 */
margin-left: 0.25em;
margin-right: 0.5em;
}
.listen-ss{
    width:35px;
}
.listen-s{
    width:60px;
}
.listen-for-words:hover, /* インラインで、単語の後にすぐ再生ボタンを置きたい場合 */
.listen:hover,
.listen-s:hover,
.listen-ss:hover,
.listen-top:hover{
background-color: #F8EECE;
color: #7C4916;
border-width: 2px 1px 1px 2px;
border-top-color: #BD9D5F;
border-right-color: #F4E2D0;
border-left-color: #BD9D5F;
border-bottom-color: #F4E2D0;
}
.listen-for-words:active, /* インラインで、単語の後にすぐ再生ボタンを置きたい場合 */
.listen:active,
.listen-s:active,
.listen-ss:active,
.listen-top:active{
color: white;
background-color: #8D5F34;
}
.hosoku{
font-size: .85em;
color: #A2823E;
}
.bigger{
    font-size: 110%;
}
.smaller{
    font-size: 90%;
}
.small{
font-size: .85em;
}
.strong{
    font-weight: bold;
}
.ta-left{
    text-align: left;
}
/* hislides */
.highslide-container div {
  font-family:  "Book Antiqua", Palatino, "Palatino Linotype", Palatino, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "MS UI Gothic",sans-serif;
  font-size: 13px; /* captionの文字の大きさに影響 */
  margin: 0.25em;
  text-align: center;
}
.highslide-container table{
    table-layout:auto;
    
}
/*==========================================
 body
===========================================*/
.highslide:hover{
  background-color: transparent;    
}
html {
    font-size: 62.5%; /* 10px基準 */
}

body {
	width: 100%;
	background-color:#FDFAF4;

    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: 1.5rem; /* 基準 */
    line-height: 1.5; /* 一般的に見やすいと言われる行間 1.5ぐらい */
}
a{
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
a, a:hover { 
    text-decoration: underline;
}
#header a, 
#header a:hover,
#gnav a,
#gnav a:hover,
#footer a,
#footer a:hover{
    text-decoration: none;
}

a:link, 
a:visited
{ color: #c40000;}

a:active{ color: #ff0000;}
a:hover {
  color: #800000; /* maroon */
  background-color: #FFA07A; /* 'lightsalmon';*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;
}
.external_link:after{
content: "";
margin-right: 0.5em;
background-image: url(../imgs/parts/external_link.gif);
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 15px;
height: 13px;
}

h1 { font-size: 4rem;} /* 40px */
h2 { font-size: 3rem;} /* 30px */
h3 { font-size: 2rem;} /* 20px */
h4 { font-size: 1.75rem;} /* 15px */
h5 { font-size: 1.5rem;} /* 15px */
h6 { font-size: 1.5rem;} /* 15px */

/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}
table {
  max-width: 100%; 
  height:auto;
  table-layout: fixed;
}
img{
    vertical-align: bottom;
}
.icatch,
.icatch_bigger{ /* 各章の先頭画像 */
  max-width: 100%;    
}
.imgCtoL,
.imgCtoR{ /* 480時にセンター、640以上で左右のどちらかへ */
    display: block;
    float: none;
}
.imgL{
    margin: 0.75em 1em 0.5em 0;
}
.imgR{
    margin: 0.5em 0 0.5em 0.75em;
}
.imgCtoL,
.imgCtoR,
.imgC{
  margin: 1em auto;
	text-align: center;
  display: block;
}


.imgR10{
    margin: 0.5em 0 1em 1.0em;
}
.nomgn_top{
    margin-top: 0;
}
.nomgn_bottom{
    margin-bottom: 0;
}
.mgn10b{

    margin-bottom: 1em;
}
.mgn05b{

    margin-bottom: .5em;
}
.floatL{
    float: left;
}
.floatR{
    float: right;
}


/*==========================================
 CM
===========================================*/
.cm-sponsored-link{
    text-align:center;
    margin-bottom: 1em;
    clear: both;
}
.cm-res-up,
.cm-res-middle,
.cm-res-down{

}
.cm-res-up,
.cm-res-down{
      margin-bottom: 2em;
}
.cm-res-middle{
  margin-top: -2em;
  margin-bottom: 2em;
}
.cm-res-up{
    padding: 0 .25em;
}
.cm-up-h{ /* test */
/*   background-color: gray; */  
}
.cm-down-h2{ /* test 960未満の下部（サブメニュー上） */
/*  border:1px solid pink; */   
/* background-color:pink; */    
}
.cm-middle{ /* test */
/*  border:1px solid green; */   
/* background-color: green; */    
}

.cm-middle2{/* test 960以上で切り替わりタイプ */
/*  background-color:lightgreen; */   
/*  border:1px solid lightgreen; */  
}
.cm-down-h1{ /* test 960以上時の下部（サブメニュー下） */
/* border:1px solid  purple; */    
/* background-color: purple;    */    
}
.cm-down-h{ /* test 960以上時の下部（サブメニュー下） */
/* border:1px solid black; */    
/* background-color: black; */
}
.cm-side{
/*    border: 1px solid red; */ 
}
#home .cm-up-h{
    margin: 1em auto 0;
}
#msearch-result .cm-up-h{ /* 上部 水平方向;  */
  margin: 0 auto 2em;
  text-align: center;
}
#msearch-result .cm-down-h2, /* 960未満の下部（サブメニュー上） */
#msearch-result .cm-down-h1, /* 960以上時の下部（サブメニュー下） */
#msearch-result .cm-down-h{ /* 下部 水平方向;  */
    margin: 1em auto 2em;
    text-align: center;
}

.cm-up-h{ /* 上部 水平方向;  */
  margin: 0 auto 2em;
  text-align: center;
  display: block;
}
.cm-down-h2, /* 960未満の下部（サブメニュー上） */
.cm-down-h1, /* 960以上時の下部（サブメニュー下） */
.cm-down-h{ /* 下部 水平方向;  */
    margin: 1em auto 2em;
    text-align: center;
    display: block;
}


.cm-middle2,
.cm-middle{
    margin: 2em auto 2em;
    text-align: center;
    display: block;
}

.cm-side{
    margin: 1em 0;
}
.mark-triangle:before{
/* 三角を付加 absolute使用で実現のため、親をrelativeに */
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 0.5em solid transparent;
    border-left-color: #705C3D;
    right: 100%;
    top: 4px;
}
.mark-triangle_w:before{
/* 三角を付加 absolute使用で実現のため、親をrelativeに */
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 0.5em solid transparent;
    border-left-color: #D8CAB8;
    right: 100%;
    top: 3px;
}

.mark-circle-brown-s:before,
.mark-circle-brown:before,
.mark-circle-red:before{
    content:" ";
    display:inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25em;
    position: relative;
     top: 0.15em; 
    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.mark-circle-brown-s:before{
    width: 0.75em;
    height: 0.75em;
}
.mark-circle-red:before{
    border:1px solid #F3B7B7;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#F8BCA0), to(#F33A2A));
    background-image: -webkit-linear-gradient(top, #F8BCA0, #F33A2A);
    background-image: -moz-linear-gradient(top, #F8BCA0, #F33A2A);
    background-image: -ms-linear-gradient(top, #F8BCA0, #F33A2A);
    background-image: -o-linear-gradient(top, #F8BCA0, #F33A2A);
    background-image: linear-gradient(to bottom, #F8BCA0, #F33A2A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F8BCA0, endColorstr=#F33A2A);   
}
.mark-circle-brown-s:before,
.mark-circle-brown:before{
    border:1px solid #DFCFBA;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#E2C082), to(#7C5326));
    background-image: -webkit-linear-gradient(top, #E2C082, #7C5326);
    background-image: -moz-linear-gradient(top, #E2C082, #7C5326);
    background-image: -ms-linear-gradient(top, #E2C082, #7C5326);
    background-image: -o-linear-gradient(top, #E2C082, #7C5326);
    background-image: linear-gradient(to bottom, #E2C082, #7C5326);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E2C082, endColorstr=#7C5326);

}
.mark-square-brown-s:before,
.mark-square-brown:before,
.mark-square-purple:before,
.mark-square-orange: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;
}
.mark-square-brown-s:before{
    width: 0.75em;
    height: 0.75em;
}
.mark-square-brown:before{
    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);
}
.mark-square-purple:before{
    border:1px solid #E2BADD;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBAFEB), to(#D82279));
    background-image: -webkit-linear-gradient(top, #EBAFEB, #D82279); 
    background-image: -moz-linear-gradient(top, #EBAFEB, #D82279);
    background-image: -ms-linear-gradient(top, #EBAFEB, #D82279);
    background-image: -o-linear-gradient(top, #EBAFEB, #D82279);
    background-image: linear-gradient(to bottom, #EBAFEB, #D82279);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBAFEB, endColorstr=#D82279);
}
.mark-square-orange:before{
    border:1px solid #F1B1B6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EBAFAF), to(#F15F0E));
    background-image: -webkit-linear-gradient(top, #EBAFAF, #F15F0E); 
    background-image: -moz-linear-gradient(top, #EBAFAF, #F15F0E);
    background-image: -ms-linear-gradient(top, #EBAFAF, #F15F0E);
    background-image: -o-linear-gradient(top, #EBAFAF, #F15F0E);
    background-image: linear-gradient(to bottom, #EBAFAF, #F15F0E);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EBAFAF, endColorstr=#F15F0E);
}
ul.mark-no{
    list-style-type:none;  
}
ul.ulSubTitle2,
ul.mark-disc,
ul.ulnormal,
ol.olnormal{
    list-style-type: disc;
    margin-left: 1.5em;
}
ol.olnormal{
  list-style-type:decimal;
    
}
ul.mark-circle{
    list-style-type: circle;
    margin-left: 1.5em;
}
.ul-space,
.li-space>li{
    margin-bottom: 0.5em;
}
.ul-space-more,
.li-space-more li{
    margin-bottom: 1em;
}
.ul-space-2more,
.li-space-2more>li{
    margin-bottom: 2em;
}
.li-nospace li{
    margin-bottom: 0;
}
.inline-block{
    display: inline-block;
}
.line-space-up{
    margin-top: 1em;
}
.line-2space-up{
    margin-top: 2em;
}
.line-space{
    margin-bottom: 1em;
}
.line-2space{
    margin-bottom: 2em;
}
img{
-webkit-box-shadow:  2px 3px 10px 1px rgba(29, 13, 2, 0.4);
-moz-box-shadow: 2px 3px 10px 1px rgba(29, 13, 2, 0.4);
box-shadow: 2px 3px 10px 1px rgba(29, 13, 2, 0.4);
    border-radius: 7px;
}
.img-noradius{    
    border-radius:0;
}
.img-noshadow{
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}
/*==========================================
 ヘッダーのスタイル
===========================================*/

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
.bread{
margin: 0.5em;
background-color: #EEE5D0;
padding: 0.25em 1em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #CFC5B3;
font-size: 85%;
}
.bread div{
    display: inline-block;
}
.bread-next{
    margin-right: 0em;
}
.bread_area_name{
  color: #BD6E18;   
}
a .bread_area_name{
  color: #FFE6BA;   
}
.bread-next a {
margin: 1px 0;
display: inline-block;
border: 1px solid rgb(235, 214, 172);
background-color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px 0.75em 2px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#CEC48D), to(#966C46));
background-image: -webkit-linear-gradient(top, #CEC48D, #966C46);
background-image: -moz-linear-gradient(top, #CEC48D, #966C46);
background-image: -ms-linear-gradient(top, #CEC48D, #966C46);
background-image: -o-linear-gradient(top, #CEC48D, #966C46);
background-image: linear-gradient(to bottom, #CEC48D, #966C46);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CEC48D, endColorstr=#966C46);
color: #FFF;
text-decoration: none;

}
.bread-next a:hover {
color: white;
background-image: linear-gradient(to bottom, #685F2D, #F1D9C4);
}
.bread-next:after{
    content:" >";
    padding-right: 0px;
}
/*==========================================
 コンテンツエリア -> google map 系
===========================================*/
.googlemap{
  border: 10px solid #fff;
  -webkit-box-shadow:  2px 3px 10px 1px rgba(29, 13, 2, 0.4);
  -moz-box-shadow:  2px 3px 10px 1px rgba(29, 13, 2, 0.4);
  box-shadow: 2px 3px 10px 1px rgba(29, 13, 2, 0.4);
  border-radius: 7px;
  box-sizing: border-box;
}
.mapDivR{
  display: block;
  margin: 1em auto;
  text-align: center;

  box-sizing: border-box;
  border: 5px solid #FFF;
  -webkit-box-shadow: 2px 3px 10px 1px rgba(29, 13, 2, 0.4);
  -moz-box-shadow: 2px 3px 10px 1px rgba(29, 13, 2, 0.4);
  box-shadow: 2px 3px 10px 1px rgba(29, 13, 2, 0.4);
  border-radius: 7px;
}
.mapFont {
font-size: 85%;
}

/*==========================================
 コンテンツエリア -> NEWSのスタイル
===========================================*/

/*==========================================
 コンテンツエリア -> INFORMATIONのスタイル
===========================================*/

/*==========================================
 ページトップへボタンのスタイル
===========================================*/
.pageTop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 3%;
}
.pageTop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: transparent;

	text-align: center;
	color: #D87676 !important;
	font-size: 30px;
	text-decoration: none;
	line-height: 45px;
    
    border: 5px solid #D87676;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.pageTop a:hover {
    background-color: #F8D2D2;
    opacity: 0.6;
    color: #F84D4D;
    border-color: #F84D4D;
}
.kaomoji, .ow{ /* ow: one word: 一塊の文字列として扱いたい場合 */
    display: inline-block;
}
/*==========================================
 フッターのスタイル
===========================================*/

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	メディアクリエによる切り替え
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* 小型端末向け：480pxより小さい */
@media screen and (max-width: 479px) {
/* ---------------- header ------------------ */
.mark-triangle:before{
/* 三角を付加 absolute使用で実現のため、親をrelativeに */
    top: 3px;
}

/* end 小型 */
}

/* PC向けおよび中型タブレット向けのレイアウトの指定：640～768px */
@media screen and (min-width: 640px) {
  .cm-res-up{
    padding: 0 1.5em;
  }
.mapDivR{
  display: block;
  float: right;
  margin: 1em 5px 1em 1em;
  text-align: right;
  max-width: 350px;
}
#contents-photo.contents-recommend-each_page .mapDivR{
  max-width: 300px;
}
.imgCtoR{
    float: right;
}
.icatch{ /* 各章の先頭画像 */
  max-width: 49%;    
}
.icatch_bigger{ /* 各章の先頭画像 */
  max-width: 60%;    
}
.imgCtoL{
    float:left;
}
.imgL, .imgCtoL{
    margin: 0.75em 1em 0.5em 0;
}
.imgR, .imgCtoR{
    margin: 0.5em 0 0.5em 0.75em;
}
.nomgn_top {
margin-top: 0;
}
.line-space-up{
    margin-top: 1em;
}
.line-2space-up{
    margin-top: 2em;
}
.line-space{
    margin-bottom: 1em;
}
.line-2space{
    margin-bottom: 2em;
}
/* end pc-中型タブレット */
}
/* cm-up-h showad_up1/2の切り替え用 */
@media screen and (min-width: 761px) {
.cm-up-h{ /* 760px以上 */
    margin: 1.5em auto 0;
}
}
/* PC向けおよび大型タブレット向けのレイアウトの指定：768px～960px */
@media screen and (min-width: 768px) {
.mark-triangle:before{
/* 三角を付加 absolute使用で実現のため、親をrelativeに */
    top: 3px;
}
.cm-up-h{ /* 上部 水平方向;  */
  margin-left: 0;
  text-align: left;
}

.cm-down-h2, /* 960未満の下部（サブメニュー上） */
.cm-down-h1, /* 960以上時の下部（サブメニュー下） */
.cm-down-h{ /* 下部 水平方向;  */
  margin-left: 0;
  text-align: left;
}
/* end  PC向けおよび大型タブレット向け */
}

/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media screen and (min-width: 960px) {
  .cm-middle2,
  .cm-down-h2{
    display: none;
  }
  .cm-res-up{
    padding: 0 2em;
  }
.bread{
  font-size: 90%;
}
.renewal .IE{
    display: inline-block;
}
.fb-comments iframe {
  width: 760px!important;
}
.contents-column-each_page .fb-comments iframe {
  width: 630px!important;
}
}

/* PC向けで大き目画面の限定レイアウトの指定 */
@media screen and (min-width: 1024px) {
.contents-column-each_page .fb-comments iframe {
  width: 690px!important;
}
}
/* PC向けでフルスクリーンで見る場合などに変化を付けたい場合限定 */
@media screen and (min-width: 1200px) {
.fb-comments iframe {
  width: 760px!important;
}
.bread{
  margin: 0.5em 0;
}
/*フォトギャラリー*/
.section_place {  /* topページの各地域box */
  width: 50%;
}
/* end pc大大 */
}