@charset "UTF-8";

html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

/*フォントサイズを上書きするためpxで指定。行の高さをフォントサイズと同じにして余白をリセット（※padding:0;は省略しても違いが見られなかったためmargin:0;のみ）*/
body{
	background:#f5f5f5;/*背面を薄いグレー*/
	color:#333333;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;/*英語サイトと兼用のフォント */
	font-size:16px;/*フォントを固定。calcが効かない場合を想定して使用*/
	font-size:calc(0.8em + 1vw);/*上記のフォントサイズを画面サイズで可変する関数を使用*/
	line-height:1.5;
	margin:0;
}

/*ブロックレベル要素の余白をリセット（※padding:0;は省略しても違いが見られなかったためmargin:0;のみ）*/
h1,h2,h3,h4,h5,h6,p{
	margin:0;
}

/*HTML5での新規追加要素のデフォルトをブロック要素へ変更（※Android2.1以前のブラウザではインライン要素となっている）*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav{
	display:block;
}

/*リスト要素のリストスタイルと余白をリセットする（※margin:0;は省略しても違いが見られなかったためpadding:0;のみ）*/
ul{
	list-style:none;
	padding:0;
}

ol{
	list-style:none;
	padding:0;
}

li{
	padding:0;
}

/*縦方向の揃え位置を中央揃えに指定*/
input,select{
	vertical-align:middle;
}

/*スマートフォンサイトではタップしやすいようにaタグはあらかじめブロックレベルとしておく*/
a{
	display:block;
	-webkit-tap-highlight-color:transparent;/*スマートフォンサイトでaタグをタップしたときにでるハイライトの色を消す*/
}

#wrap{
	background-color: #fffcf9;
	width:100%;
	overflow: hidden;
}


/*----------------------- 共通 ----------------------------- */

/*flexの親要素*/
.container{/*ブラウザ幅が1024px以上で反映するようにする。ブラウザ幅が1024px未満は無視*/
}

.div01{
	margin:2em 1em 0em 1em;/*divのマージン。上、右、下、左*/
}

.p01{
	margin-top: 1em;
}

.p02{
	margin-top: 1em;
}

.p03{
	margin-top: 2em;
	font-size: 1.5em;
	text-align: center;
}

.p04{
	margin-top: 3em;
}

.p05{
	margin: 1em 0em 2em 0em;
}

.p06{
	margin-bottom: 2em;
	padding: .25em 0 .5em .75em;
	border-left: 5px solid #880000;
	border-bottom: 1px solid #880000;
	width: 75%;
}

.wf-sawarabimincho {
	font-family: "sawarabimincho";
}

.return{
	display: block;/*スマホでは改行 */
}

.inline{
	display:inline;
}

.h3_01 {
	margin: 2em 0em 0em 0em;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ffcccc;
	border-bottom: 1px solid #ffcccc;
}

h1{
	color: dimgray;
}

#h1_01{
	text-align: center;
	font-size: 1.5em;
	padding: 0.5em;/*文字周りの余白*/
	color: #483d8b;/*文字の色*/
  	background: #ffcccc;/*背景色*/
	font-weight: normal;/*文字を太くしない*/
}

.p_summery{
	margin: 2em 1em;
	color: gray;
	font-size: 0.7em;
}

.div_center{
	text-align: center;
}

/*----------------------- ヘッダー ----------------------------- */

/*ハンバーガーメニューをスマホ画面のみ表示*/
#toggle1{
	cursor:pointer;
}

#open1{
	display:none;
}

#toggle2{
	cursor:pointer;
}

#open2{
	display:none;
}

/*ヘッダー半透明の部分*/
#head_01{
	align-items:center;/*垂直中央揃え*/
	background:rgba(255,255,255,0.6);/*RGBAカラー 赤 緑 青 透明度*/
	display:flex;/*フレックスボックス指定*/
	height:6em;
	justify-content:space-between;/*両端揃え。これによりアイコンが両端に揃う*/
	width:100%;
}

#header_logo{
	background-image: url(../photo/header_logo.png);
	background-repeat: no-repeat;
	background-size:contain;/*縦横比保持の最大サイズ*/
 	height:5em;
	margin-left:1em;
	text-decoration:none;/*テキスト装飾線なし*/
	width:4em;
}

#logo_text li{
	display:inline-block;
	vertical-align: middle;
}

#logo_text1{
	font-size: 0.8em;
	color: #b22222;
	text-decoration:none;/*テキスト装飾線なし*/
	text-shadow: 0px 0px 1px #db7093, 1px 1px 2px #db7093;
}

/*トグルボタンの背面*/
#head_03{
	background:#ffffff;
	background-size:contain;
	border:solid 1px #f1f1f1;/*罫線　種類 幅 色*/
	border-radius:8px;/*要素の四隅を角丸。*/
	display:inline-block;
 	height:3em;
	text-decoration:none;/*テキスト装飾線なし*/
	width:3em;
}

/*トグルボタンのber*/
#head_03:after{
	color:#888888;
	content:"\f0c9";
	font-family:"Font Awesome 5 Free";
	font-size:2em;
	font-weight:bold;/*boldにしないと表示されない*/
	margin-left:0.175em;/*berの横方向中央揃え*/
}

/*globeボタンの背面*/
#head_05{
	background:#ffffff;
	background-size:contain;
	border:solid 1px #f1f1f1;/*罫線　種類 幅 色*/
	border-radius:8px;/*要素の四隅を角丸。*/
	display:inline-block;
 	height:3em;
	margin-right:0.5em;
	text-decoration:none;/*テキスト装飾線なし*/
	width:3em;
}

/*globeボタンのアイコンフォント*/
#head_05:after{
	color:#888888;
	content:"\f0ac";
	font-family:"Font Awesome 5 Free";
	font-size:2em;
	font-weight:bold;/*boldにしないと表示されない*/
	margin-left:0.175em;/*アイコンフォントの横方向中央揃え*/
}

/*トグルボタンとglobeボタンの背面*/
#head_07{
	width:8em;/*#head_01で両端揃えしているため幅は固定*/
}


/**--------------------- パンくずリストCSS ------------------**/

.breadcrumb {
  margin: 0em 0em 0.5em 1em;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:last-child{
	text-decoration: none;
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child{
color: dimgray;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
	display: inline-block;
  text-decoration: none;
  color: gray;
}

.breadcrumb li a:hover {
  text-decoration: underline;
	color: #ff6666;
}


/*----------------------- indexページ ----------------------------- */

#top_image01{
	background-image: url(../photo/top_image.jpg);
	background-size: cover;
	background-position: center;
  	height:30em;
	width:100%;
}


#h1_top{
	color: #ffffff;
	position: relative;
	text-align: center;
	top: 15em;
	font-weight: normal;
	font-size: 1.4em;
	background-color: rgba(0,0,0,.4);
}

.infobox {
	height: 14em;
  	overflow: auto;/* 高さが14emからはみ出たときにスクロールバー表示 */
  	border: red 1px dashed;
   	background-color: #fff0f0;
	margin: 2em 0.5em 0em 0.5em;
	font-size: 0.8em;
	padding: 0.5em;
}

.infobox dl{
	border-bottom: 0.1px dashed gray; /* 各記事下の破線 */
}


.h3_news{
	color: red;
	font-style:italic;
	text-shadow: 0px 0px 1px #db7093, 1px 1px 2px #db7093;
	font-size: 1.2em;
	margin-right: 2em;
}

.info_dt{
	float: left;/* 日付と記事横並び */

}

.info_dd{
	margin-left: 5em;
}

.new{
	background-color: #ff6347;
	margin-left: 1em;
	padding: 0 0.5em 0 0.5em;
	color: #ffffff;
	border-radius: 20px;

}

.h2_01{
	font-size: 1.3em;
	margin-top: 2em;
}


/* 考え事風吹き出し（左側） */
.div_q01 {
	position: relative;
	margin: 2em 0 2em 40px;
	padding: 15px;
	background: #badfdb;
	border-radius: 30px;
}

.div_q01:before {
	content: "";
	position: absolute;
	left: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #badfdb;
	border-radius: 50%;
}

.div_q01:after {
	content: "";
	position: absolute;
	left: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #badfdb;
	border-radius: 50%;
}

.div_q01 div_q02 p {
	margin: 0;
	padding: 0;
}

/* 考え事風吹き出し（右側） */
.div_q02 {
	position: relative;
	margin: 2em 40px 2em 0;
	padding: 15px;
	background: #badfdb;
	border-radius: 30px;
}

.div_q02:before {
	content: "";
	position: absolute;
	right: -38px;
	width: 13px;
	height: 12px;
	bottom: 0;
	background: #badfdb;
	border-radius: 50%;
}

.div_q02:after {
	content: "";
	position: absolute;
	right: -24px;
	width: 20px;
	height: 18px;
	bottom: 3px;
	background: #badfdb;
	border-radius: 50%;
}

.div_cont_01{
	margin-top: 1em;
}

.div_cont_02{
	margin-top: 1em;
}

#top_photo01{
	background-image: url(../photo/top_photo01.png);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

#top_photo02{
	margin-top: 2em;
	background-image: url(../photo/top_photo02.png);
	background-position: center;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

#top_photo03{
	margin-top: 2em;
	background-image: url(../photo/top_photo03.png);
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

.div_waku01{
	margin: 1em 0 0 0;
	font-weight: bold;
	padding: 1em;
	border: solid  2px #49beb7;/* 枠線 */
 	background-color: #e0ffff; /* 背景色 */
	border-radius: 10px;
 	box-shadow: 0.3em 0.3em 0 0 #49beb7;
}

#p_top01{
	margin-top: 2em;
	color: #ff8a5c;
	text-align: center;
	font-weight: bold;
	font-style: oblique;
	font-size: 1.4em;
	text-shadow: 1px 1px 2px silver;
}

#top_image02{
	margin-top: 1em;
	background-image: url(../photo/top_image02.png);
	background-position: center;
	background-size: cover;
	height: 20em;
	width: 100%;
}

.li_note{
	font-size: 0.85em;
	margin-top: 1em;
}

.decor_noline{
	text-decoration: none;
}

/*----------------------- newsページ ----------------------------- */

.dl_news dt{
	border-top: 1px dotted #ccc;
	padding: 0.5em 0 0 0;
	margin: 1em 0 0.5em 0;
}

.dl_news dd{
	margin-left: 0em;
	margin-bottom: 1em;
}

.dl_news .dt_noborder {
 	border: 0px none;
	background-color: #e0fff0;
	margin: 1em 0;
	padding: 0.5em;
}

.span_borderbottom{
	background: linear-gradient(transparent 70%, #ff99ab 70%);
}

#news_01{
	background-image: url(../photo/news_01.jpg);
	margin-top: 1em;
	width: 100%;
   	height: auto;
	background-size: cover;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 77.3%;
	background-repeat: no-repeat;
}

#news_0924{
	background-image: url(../photo/news_0924.jpg);
	margin-top: 1em;
	width: 100%;
   	height: auto;
	background-size: cover;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 133.3%;
	background-repeat: no-repeat;
}

#news_1221{
	background-image: url(../photo/news_1221.jpg);
	margin-top: 1em;
	width: 100%;
   	height: auto;
	background-size: cover;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 59.5%;
	background-repeat: no-repeat;
}

#news_0408{
	background-image: url(../photo/news_0408.jpg);
	margin-top: 1em;
	width: 100%;
  	height: auto;
	background-size: cover;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.3%;
	background-repeat: no-repeat;
}

#news_0616{
	background-image: url(../photo/news_0616.png);
	margin-top: 1em;
	width: 100%;
  	height: auto;
	background-size: cover;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 36.6%;
	background-repeat: no-repeat;
}

#news_230822{
	background-image: url(../photo/news_230822.jpg);
	margin-top: 1em;
	width: 100%;
  	height: auto;
	background-size: cover;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 133.3%;
	background-repeat: no-repeat;
}
/*----------------------- profileページ ----------------------------- */

#prof01{
	background-image: url(../photo/prof01.jpg);/* 表示する画像 */
	background-repeat: no-repeat;
    	width:  20em;       /* ※縦横を同値に */
   	height: 20em;       /* ※縦横を同値に */
   	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
	border: 1px solid #fff5ee;
    	background-position: top;  /* 横長画像のまん中、上を基準に表示 */
	margin-left: auto;
	margin-right: auto;
}

.h2_prof{
	font-size: 1.2em;
	margin-top: 2em;
}

#illust01{
	background:#ffffff;
	background-image: url(../photo/illust01.png);
	margin-top: 0em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: cover;
}

#illust02{
	background:#ffffff;
	background-image: url(../photo/illust02.png);
	margin-top: 0em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: cover;
}

#illust03{
	background:#ffffff;
	background-image: url(../photo/illust03.png);
	margin-top: -1em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: cover;
}

#prof001{
	background-image: url(../photo/prof001.jpg);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

#prof002{
	background-image: url(../photo/prof002.jpg);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

#prof003{
	background-image: url(../photo/prof003.jpg);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

#prof004{
	background-image: url(../photo/prof004.jpg);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

#prof005{
	background-image: url(../photo/prof005.jpg);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

#prof006{
	background-image: url(../photo/prof006.jpg);
	margin-top: 2em;
	height: 0;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 53.1%;
	background-size: cover;
}

/*----------------------- ツアープラン ----------------------------- */

#tour_map{
	background-image: url(../photo/tour_map.png);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 70%;
	background-size: cover;
	margin-top: 3em;
}

.h3_02 {
	margin: 1em 0em 0em 0em;
}

.div_access{
	margin: 1em 0em 2em 0em;
	font-size: 0.9em;
}

.span_small{
	font-size: 0.8em;
}

.minute1{
	margin-left: 5em;
	font-size: 0.8em;
}

.minute2{
	margin-left: 9em;
	font-size: 0.8em;
}

.kakomi{
	background-color: #880000;
	padding: 0.5em 0em;
	color: #ffffff;
}

.under{
	border-bottom: solid 5px #777777;
  }

#tour_n001{
	background-image: url(../photo/tour_n001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	border: solid 1.5px;
	border-color: #f6b352;
}

#tour_n002{
	background-image: url(../photo/tour_n002.jpg);
	position: relative;
	width: 100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	border: solid 1.5px;
	border-color: #f6b352;
}

#tour_n003{
	background-image: url(../photo/tour_n003.jpg);
	position: relative;
	width: 100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	border: solid 1.5px;
	border-color: #f6b352;
}

#tour_u001{
	background-image: url(../photo/tour_u001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	margin-bottom: 3em;
	border: solid 1.5px;
	border-color: #f68655;
}

#tour_bf001{
	background-image: url(../photo/tour_bf001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	margin-bottom: 3em;
	border: solid 1.5px;
	border-color: #79bd9a;
}

#tour_bf002{
	background-image: url(../photo/tour_bf002.jpg);
	position: relative;
	width: 100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	border: solid 1.5px;
	border-color: #79bd9a;
}

#tour_nu001{
	background-image: url(../photo/tour_nu001.jpg);
	position: relative;
	width: 100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	margin-bottom: 3em;
	border: solid 1.5px;
	border-color: #cd5c5c;
}

#tour_op{
	background-image: url(../photo/tour_op.jpg);
	position: relative;
	width: 100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin-top: 3em;
	border: solid 1.5px;
	border-color:  #bdb76b;
	border-radius: 30px 30px 0px 0px;
}



.tour_p01{
	text-decoration: none;
	position: absolute;
	top: -1.5px;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #F6B352;
	color: #ffffff;
	font-weight: bold;
	width: 8em;
	height: 1.5em;
}

.tour_p02{
	text-decoration: none;
	position: absolute;
	bottom: -2em;
	left: -1.5px;
	background-color: #F6B352;
	color: #ffffff;
	font-weight: normal;
	width: 100.7%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.tour_p03{
	text-decoration: none;
	position: absolute;
	top: -1.5px;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #F68655;
	color: #ffffff;
	font-weight: bold;
	width: 8em;
	height: 1.5em;
}

.tour_p04{
	text-decoration: none;
	position: absolute;
	bottom: -2em;
	left: -1.5px;
	background-color: #F68655;
	color: #ffffff;
	font-weight: normal;
	width: 100.7%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.tour_p05{
	text-decoration: none;
	position: absolute;
	top: -1.5px;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #79BD9A;
	color: #ffffff;
	font-weight: bold;
	width: 8.5em;
	height: 1.5em;
}
.tour_p06{
	text-decoration: none;
	position: absolute;
	bottom: -2em;
	left: -1.5px;
	background-color: #79BD9A;
	color: #ffffff;
	font-weight: normal;
	width: 100.7%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.tour_p07{
	text-decoration: none;
	position: absolute;
	top: -1.5px;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #cd5c5c;
	color: #ffffff;
	font-weight: bold;
	width: 9em;
	height: 1.5em;
}

.tour_p08{
	text-decoration: none;
	position: absolute;
	bottom: -2em;
	left: -1.5px;
	background-color: #cd5c5c;
	color: #ffffff;
	font-weight: normal;
	width: 100.7%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.tour_p09{
	text-decoration: none;
	position: absolute;
	top: -1.5px;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #bdb76b;
	color: #ffffff;
	font-weight: bold;
	width: 10em;
	height: 1.5em;
	border-radius: 30px 0 30px 0;
}
.tour_p10{
	text-decoration: none;
	position: absolute;
	bottom: -2em;
	left: -1.5px;
	background-color: #bdb76b;
	color: #ffffff;
	font-weight: normal;
	width: 100.7%;
	line-height: 1.8em;
	border-radius: 0px 0 30px 30px;
	text-indent: 1.8em;
}
.span_tour_bold{
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 1em;
}
.kurumaisu{
	position: absolute;
	top: -0.8em;
	right: -0.8em;
	padding: 0.4em 0.15em 0.4em 0.5em;
	color: #ffffff;
	background-color: #2e8b57;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.blind{
	position: absolute;
	top: -0.8em;
	right: 4em;
	padding: 0.4em 0em 0.15em 0.9em;
	color: #ffffff;
	background-color: #2e8b57;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.handheart{
	position: absolute;
	bottom: 0.5em;
	right: -0.8em;
	padding:0.4em 0.4em 0.4em 0.6em;
	color: #ffffff;
	background-color: #f08080;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	z-index: 1;
}

/* 吹き出し本体 */
.div_q03{
	position: relative;
	padding: 20px;
	border-radius: 10px;
	background-color: #badfdb;
	margin-top: 3em;
	margin-left: 7em;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.div_q03 .icon01{
	position: absolute;
	left: -8em;
	top:-1em;
}

.div_q03 .name01{
	position: absolute;
 	left: -7.5em;
	top: 6.5em;
	font-size: 0.8em;
}

/* 三角アイコン */
.div_q03::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -15px;
	top: 20px;
	border-right: 15px solid #badfdb;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

/* 吹き出し本体 */
.div_q04{
	position: relative;
	padding: 20px;
	border-radius: 10px;
	background-color: #ffcccc;
	margin-top: 3em;
	margin-right: 7em;          /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.div_q04 .icon02{
	position: absolute;
	right: -8em;
	top: -1em;
}

.div_q04 .name02{
	position: absolute;
	right: -7.5em;
	top: 6.5em;
	font-size: 0.8em;
}


/* 三角アイコン */
.div_q04::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -15px;
	top: 20px;
	border-left: 15px solid#ffcccc;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.icon01{
 	background-image: url(../photo/icon01.png);
	width:  6em;       /* ※縦横を同値に */
   	height: 6em;       /* ※縦横を同値に */
       	background-position: left;  /* 左に表示 */
	background-position: top;  /* 横長画像のまん中、上を基準に表示 */
	background-repeat: no-repeat;
}

.icon02{
	background-image: url(../photo/icon02.png);
	width:  6em;       /* ※縦横を同値に */
   	height: 6em;       /* ※縦横を同値に */
       	background-position: right;  /* 右に表示 */
	background-repeat: no-repeat;
}

.arrow01{
	color: #cccccc;
	text-align: center;
	margin-top: 3em;
}

#icon0102{
	background-image: url(../photo/icon0102.png);
	width: 100%;
   	height: auto;
	background-size: cover;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 77%;
	background-repeat: no-repeat;
	background-position: center top;
     	margin-top: 2em;
}

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


#tour_n001_t{
	background-image: url(../photo/tour_n001.jpg);
	position: relative;
	max-width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.tour_n_h1_left{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #F6B352;
	color: #ffffff;
	font-size: 1em;
	width: 8em;
	height: 1.5em;
}

.tour_n_p021_left{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 0em;
	background-color: #F6B352;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.border-point{
	margin:2em 0;
	position: relative;
	padding: 0.5em 1.5em;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	border-color: #ffcccc;
}
.border-point:before, .border-point:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: #ffcccc;
}
.border-point:before {left: 10px;}
.border-point:after {right: 10px;}
.border-point p {
	margin: 0;
	padding: 0;
	color: #b22222;
}

.decor_line{
	color: blue;
}

.fa-arrow-down{
	color: gray;
	margin: 1em;
}

.fa-bus-alt .fa-taxi .fa-walking{
	color: dimgray;
	margin: 1em;
}

.or{
	margin: 0.5em;
}

#nikko_illust{
	background-image: url(../photo/nikko_illust.png);
	width: 100%;
	height: auto;
	padding-top: 93%;
	background-size: cover;
	margin-top: 1em;
}

#nikko_food01{
	background-image: url(../photo/nikko_food01.jpg);
	width: 100%;
	height: auto;
	padding-top: 33.3%;
	background-size: cover;
}

#nikko_food02{
	background-image: url(../photo/nikko_food02.jpg);
	width: 100%;
	height: auto;
	padding-top: 33.3%;
	background-size: cover;
}

.p_mo_center{
	text-align: center;
	font-size: 1.2em;
	margin-top: 2em;
}

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

#tour_n002_t{
	background-image: url(../photo/tour_n002.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}


#tour_n002_t1{
	background-image: url(../photo/tour_n002_t1.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
	margin-top: 1em;
}

 .tour_n_h1_right{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #F6B352;
	color: #ffffff;
	font-size: 1em;
	width: 8em;
	height: 1.5em;
}

.tour_n_p021_right{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 0em;
	background-color: #F6B352;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	text-indent: 1.3em;
}


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

#tour_n003_t{
	background-image: url(../photo/tour_n003.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.h4_01{
	margin-top: 2em;
}

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


#tour_u001_t{
	background-image: url(../photo/tour_u001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.tour_u_h1_right{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #f68655;
	color: #ffffff;
	font-size: 1em;
	width: 8em;
	height: 1.5em;
}

.tour_u_p021_right{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 0em;
	background-color: #f68655;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

#miyary{
	background-image: url(../photo/miyary.jpg);
	max-width: 100%;
	height: auto;
	padding-top: 69%;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: right;
     	margin-top: 3em;
}

#gyouza{
	background-image: url(../photo/gyouza.png);
	width: 100%;
	height: auto;
	padding-top: 100%;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: left;
     	margin-top: 8em;
}

#utsunomiya_food01{
	background-image: url(../photo/utsunomiya_food01.jpg);
	width: 100%;
	height: auto;
	padding-top: 33.3%;
	background-size: cover;
}

#utsunomiya_food02{
	background-image: url(../photo/utsunomiya_food02.jpg);
	width: 100%;
	height: auto;
	padding-top: 33.3%;
	background-size: cover;
}

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

#tour_bf001_t{
	background-image: url(../photo/tour_bf001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.tour_bf_h1_left{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #79BD9A;
	color: #ffffff;
	font-size: 1em;
	width: 9em;
	height: 1.5em;
}

.tour_bf_p021_left{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 0em;
	background-color: #79BD9A;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.kurumaisu01{
	position: absolute;
	top: -1.5em;
	right: 0em;
	padding: 0.4em 0.15em 0.4em 0.5em;
	color: #ffffff;
	background-color: #2e8b57;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.blind01{
	position: absolute;
	top: -1.5em;
	right: 4.6em;
	padding: 0.4em 0em 0.15em 0.9em;
	color: #ffffff;
	background-color: #2e8b57;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.handheart01{
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	padding:0.4em 0.4em 0.4em 0.6em;
	color: #ffffff;
	background-color: #f08080;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	z-index: 1;
}

#nikko_illust_b{
	background-image: url(../photo/nikko_illust_b.png);
	width: 100%;
	height: auto;
	padding-top: 71%;
	background-size: cover;
	margin-top: 1em;
}

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

#tour_bf002_t{
	background-image: url(../photo/tour_bf002.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.tour_bf_h1_right{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #79BD9A;
	color: #ffffff;
	font-size: 1em;
	width: 9em;
	height: 1.5em;
}

.tour_bf_p021_right{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 0em;
	background-color: #79BD9A;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

.kurumaisu02{
	position: absolute;
	top: -1.5em;
	right: 0em;
	padding: 0.4em 0.15em 0.4em 0.5em;
	color: #ffffff;
	background-color: #2e8b57;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.blind02{
	position: absolute;
	top: -1.5em;
	right: 4.6em;
	padding: 0.4em 0em 0.15em 0.9em;
	color: #ffffff;
	background-color: #2e8b57;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
}

.handheart02{
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	padding:0.4em 0.4em 0.4em 0.6em;
	color: #ffffff;
	background-color: #f08080;
	width: 3.5em;
	height: 3.5em;
	border-radius: 50%;
	z-index: 1;
}


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

#tour_nu001_t{
	background-image: url(../photo/tour_nu001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.tour_nu_h1_left{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #cd5c5c;
	color: #ffffff;
	font-size: 1em;
	width: 9em;
	height: 1.5em;
}

.tour_nu_p021_left{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 0em;
	background-color: #cd5c5c;
	color: #ffffff;
	font-weight: normal;
	width: 100%;
	line-height: 1.8em;
	text-indent: 1.3em;
}

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

#tour_op_t{
	background-image: url(../photo/tour_op.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 2em 0 3em 0;
}

.tour_op_h1_right{
	position: absolute;
	top: 0em;
	left: 0em;
	padding: 0.4em 1em 0.4em 1em;
	background-color: #bdb76b;
	color: #ffffff;
	font-size: 1em;
	width: 9em;
	height: 1.5em;
}

.tour_op_p021_right{
	position: absolute;
	bottom: -2em;
	padding: 0.4em 0em 0.4em 1em;
	background-color: #bdb76b;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	line-height: 1.8em;
}

table{
	border-collapse: collapse;
	background-color: white;
	width: 100%;
}

table th, table td {
	border: solid 1px #333333;
	padding: 0.5em;
 }

table th{
	color: #444444;
}

.tour_op_w01{
	width: 4.5em;
}

.tour_op_h01{
	height: 8em;
}

.tour_op_bg01{
	background-color: #FFF0F5;
}

.tour_op_bg02{
	background-color: #F0F8FF;
}

.tour_op_bg03{
	background-color: #FAF0E6;
}



#tour_op_01{
	background-image: url(../photo/tour_op_01.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

#tour_op_02{
	background-image: url(../photo/tour_op_02.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

#tour_op_03{
	background-image: url(../photo/tour_op_03.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

#tour_op_04{

	background-image: url(../photo/tour_op_04.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

#tour_op_05{
	background-image: url(../photo/tour_op_05.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

#tour_op_06{
	background-image: url(../photo/tour_op_06.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.6%;
	background-size: cover;
}

.em_tour_op{
	color: red;
	font-weight:bold;
}

.fa-arrow-right{
	color: gray;
	margin: 0em 0.5em 0em 0.5em;
}

.th_op_font{
	font-size: 1.4em;
}

/*---------------------- 日光＆宇都宮　観光お役立ち情報 --------------------- */

#p_title{
	text-align: center;
	font-size: 1.5em;
	padding: 0.5em;/*文字周りの余白*/
	color: #483d8b;/*文字の色*/
  	background: #ffcccc;/*背景色*/
	font-weight: normal;/*文字を太くしない*/
}

#h1_tourspot{
	font-size: 1.2em;
	font-weight: normal;/*文字を太くしない*/
	text-align: center;
}

#r_shinkyou{
	background-image: url(../photo/r_shinkyou.jpg);
}

#r_futaarasan{
	background-image: url(../photo/r_futaarasan.jpg);
}

#r_sanfutudou{
	background-image: url(../photo/r_sanfutudou.jpg);
}

#r_taiyuuin{
	background-image: url(../photo/r_taiyuuin.jpg);
}

#r_syouyouen{
	background-image: url(../photo/r_syouyouen.jpg);
}

#r_toushouguu{
	background-image: url(../photo/r_toushouguu.jpg);
}

#r_houmotsukan{
	background-image: url(../photo/r_houmotsukan.jpg);
}

#r_tamozawa{
	background-image: url(../photo/r_tamozawa.jpg);
}

#r_kanaya{
	background-image: url(../photo/r_kanaya.jpg);
}

#r_kanman{
	background-image: url(../photo/r_kanman.jpg);
}

#r_roapway{
	background-image: url(../photo/r_roapway.jpg);
}

#r_kegon{
	background-image: url(../photo/r_kegon.jpg);
}

#r_fune{
	background-image: url(../photo/r_fune.jpg);
}

#r_chuzenji{
	background-image: url(../photo/r_chuzenji.jpg);
}

#r_italy{
	background-image: url(../photo/r_italy.jpg);
}

#r_british{
	background-image: url(../photo/r_british.jpg);
}

#r_kanehon{
	background-image: url(../photo/r_kanehon.jpg);
}

#r_shiryoukan{
	background-image: url(../photo/r_shiryoukan.jpg);
}

#r_ooyaji{
	background-image: url(../photo/r_ooyaji.jpg);
}

#r_kannon{
	background-image: url(../photo/r_kannon.jpg);
}

#r_church{
	background-image: url(../photo/r_church.jpg);
}

#r_castle{
	background-image: url(../photo/r_castle.jpg);
}

#r_u_futaarayama{
	background-image: url(../photo/r_u_futaarayama.jpg);
}

#r_wakayama{
	background-image: url(../photo/r_wakayama.jpg);
}

#r_shinkyou, #r_futaarasan, #r_sanfutudou, #r_taiyuuin, #r_syouyouen, #r_toushouguu, #r_houmotsukan, #r_tamozawa, #r_kanaya, #r_kanman, #r_roapway, #r_kegon, #r_fune, #r_chuzenji, #r_italy, #r_british, #r_kanehon, #r_shiryoukan, #r_ooyaji, #r_kannon, #r_church, #r_castle, #r_u_futaarayama, #r_wakayama{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
	margin: 0em 0em 0.8em 0em;
}


.bgc_r01{
	background-color: #add8e6;
}

.bgc_r02{
	background-color: #dcdcdc;
}

.th01{
	width:60%;
	height: 1.5em;
}

.th02{
	width:40%;
	height: 1.5em;
}

table td a{
	word-break: break-all;
}

.th_font{
	font-size: 1.2em;
}

/*---------------------- ガイド料 ----------------------------- */

.table_guide_fee th{
	background-color: #dddddd;
}

.th03{
	width: 35%;
}

.c_card{
	color: #808080;
}

#btn{
	padding: 0em 0em 0em 3em;
	font-size: 1.2em;
}

/*---------------------- review ----------------------------- */

.div_review {
	margin: 3em auto;
	padding: 1em 1.5em;
	width: 75%; /*幅の調節*/
	color: #777777; /* 文字色 */
	background-color: #fff; /* 背景色 */
	border: 4px solid #B0E0E6; /*線の太さ・色*/
	border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}

.div_cont_03{
	order: 1;
	width:100%;
}

.div_cont_04{
	order: 2;
	width:100%;
}

.div_cont_05{
	order: 2;
	width:100%;
}

.div_cont_06{
	order: 1;
	width:100%;
}

#review2111{
	background-image: url(../photo/review2111.jpg);
}

#review2111{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: 85%;
  background-repeat: no-repeat;
	background-position: center;
}

#review_221123{
	background-image: url(../photo/review_221123.jpg);
}

#review_221123{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: 85%;
  background-repeat: no-repeat;
	background-position: center;
}

#review_221201{
	background-image: url(../photo/review_221201.jpg);
}

#review_221201{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 78%;
	background-size: 85%;
  background-repeat: no-repeat;
	background-position: center;
}

#review_230201{
	background-image: url(../photo/review_230201.jpg);
}

#review_230201{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: 85%;
  background-repeat: no-repeat;
	background-position: center;
}
#review_230415{
	background-image: url(../photo/review_230415.jpg);
}

#review_230415{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: 85%;
  background-repeat: no-repeat;
	background-position: center;
}

#review_230601{
	background-image: url(../photo/review_230601.jpg);
}

#review_230601{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 100%;
	background-size: 85%;
  background-repeat: no-repeat;
	background-position: center;
}

/*----------------------- faqページ ----------------------------- */
#h1_02{
	display: inline;
	font-size: 1.5em;
	color: #483d8b;/*文字の色*/
  	font-weight: normal;/*文字を太くしない*/
	padding: 0.5em 0 0.5em 0;
}

.p_h1{
	display: inline-block;
	font-size: 1.5em;
	color: #483d8b;/*文字の色*/
	margin-left: 1em;
	padding: 0.5em 0 0.5em 0;
}

.div_h1_center{
	height: 3.8em;
	text-align: center;
	background: #ffcccc;/*背景色*/
}

.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #badfdb;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.cp_qa dt::before{
	font-size: 1.5em;
	color: #008080;
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';

}

.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #ffcccc;
}


/*----------------------- privacy policyページ ----------------------------- */

.dl_privacy dt{
	margin: 1em 0em 0.5em 0em;
	font-weight: bold;
}

.dl_privacy dd{
	margin-left: 0em;
	margin-bottom: 1em;
}

#icon_mail{
	background-image: url(../photo/icon_mail.png);
	padding-top: 13.3%;
	background-size: cover;
	background-repeat: no-repeat;
	margin: -2.3em 0em 0em 1.2em;
}

.div_margintop{
	margin-top: 2em;
}

.btn-square-soft {
	display: inline-block;
 	position: relative;
  	text-decoration: none;
	margin-top: 0.5em;
 	width: 13em;
 	height: 2.7em;
 	line-height: 50px;
 	border-radius: 5px;
        text-align: left;
    	font-weight: bold;
	font-size: 90%;
        background: linear-gradient(#eeeeee 0%, #bbbbbb 100%);
   	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	padding: 0em 1em 0em 1em;
}

.btn-square-soft:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
	color: #0000ff;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}


/*---------------------- inquiry ----------------------------- */

#h1_03{
	display: inline;
	font-size: 1.2em;
	color: #483d8b;/*文字の色*/
  	font-weight: normal;/*文字を太くしない*/
	padding: 0.5em 0 0.5em 0;
}


.table_inquiry th{
	border-bottom: none;
	width:50%;
	height:6em;
	font-size: 80%;
}

.table_inquiry td{
	border-top: none;
	height: 7.5em;
}

.th_n{
	background-color: #f6b352;
}

.th_u{
	background-color: #f68655;
}

.th_bf{
	background-color: #79bd9a;
}

.th_nu{
	background-color:  #cd5c5c;
}

.th_op{
	background-color:  #bdb76b;
}

.box-img:hover {
  filter: opacity(70%);
  cursor: pointer;
}

#tour_inq_n001{
	background-image: url(../photo/tour_n001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
}

#tour_inq_n002{
	background-image: url(../photo/tour_n002.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
}

#tour_inq_n003{
	background-image: url(../photo/tour_n003.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
}

#tour_inq_u001{
	background-image: url(../photo/tour_u001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
}

#tour_inq_bf001{
	background-image: url(../photo/tour_bf001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
}

#tour_inq_bf002{
	background-image: url(../photo/tour_bf002.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;
}

#tour_inq_nu001{
	background-image: url(../photo/tour_nu001.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;

}

#tour_inq_op{
	background-image: url(../photo/tour_op.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 75%;
	background-size: cover;

}

/*---------------------- フッター ----------------------------- */

#footer{
	margin-top: 2em;
	max-width: 100%;
	background: #ffcccc;
	padding: 1em;
}

#footer01 li{
	display: inline-block;
	margin-right: 1em;
}

#footer01 a{
	text-decoration: none;
	color: #DB7093;
}

#footer01 i{
	color: #DB7093;
}

.return_footer{
	display: block;/*スマホでは改行 */
}


/*------------------------- swiper ------------------------------ */

.swiper-container{
	height:auto;
	margin-top:0.5em;
	width:100%;
}

.swiper-slide{
	height:auto;
	margin-top:0.5em;
	width:100%;
}

.swiper-img{
	height:auto;
	max-width:100%;
	width:100%;
}

/*------------------------ page-top ------------------------------ */

/*先頭行に戻るボタン*/
#pagetop{
	background:rgba(255,102,102,0.7);/*RGBAカラー 赤 緑 青 透明度*/
	border-radius:8px;/*要素の四隅を角丸。*/
	bottom:1em;
	cursor:pointer;/*マウスオーバー時にカーソルが指マーク*/
	display:block;
	height:3em;
	position:fixed;/*スクロールしても固定*/
	right:1em;
	text-align:center;
	width:3em;
	z-index:1;/*重なり前面*/
}

/*先頭行に戻るボタンのテキスト"top"*/
#pagetop-text{
	color:#ffffff;
	display:block;
	font-size:10px;
	margin-top:1em;
	text-align:center;
}

/*先頭行に戻るボタンの矢印 "↑"*/
#pagetop-text:before{
	content:"\f062";
	display:block;
	font-family:"Font Awesome 5 Free";
	font-weight:bold;/*boldにしないと表示されない*/
}

/*●●●●●●●●●● ブラウザ幅が768px以上 ●●●●●●●●●●●*/

@media screen and (min-width:768px){

/*------------------------ privacy policy ------------------------------ */
a[href^="tel:"]{
	pointer-events: none;
}


#icon_mail{
	background-image: url(../photo/icon_mail@2x.png);
	padding-top: 13.3%;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: -2em 0 0 1.2em;
}

/*------------------------ page-top ------------------------------- */

/*margin-topと文字の大きさの変更*/
#pagetop-text{
	font-size:16px;
	margin-top:0.5em;
}

}/* /min-width:768px */

/*●●●●●●●●●● ブラウザ幅が1024px以上 ●●●●●●●●●●●*/

@media screen and (min-width:1024px){

/*----------------------- body ------------------------------ */

body{
	font-size:16px;
}

#wrap{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;/*相対配置の親要素を追加。#head_04に影響する*/
}

/*----------------------- 共通 ----------------------------- */

/*flexの親要素*/
.container{
	display:flex;
}

.return{
	display: none;/*PCでは改行なし */
}

/*------------------------- ヘッダー ---------------------------- */

/*ブラウザ幅が1024px以上のハンバーガーメニューの非表示*/
#toggle1{
	cursor:initial;
	display:none;
}

#toggle2{
	cursor:initial;
	display:none;
}

/*head_04はPC幅のみで表示するように設定*/
#head_04{
	position:absolute;/*#wrapと連動*/
	right:1em;
	top:2.5em;
}

/*head_06はPC幅のみで表示するように設定*/
#head_06{
	position:absolute;/*#wrapと連動*/
	right:1em;
	top:0em;
}

/*head_07のPC幅ではwidth指定を解除する*/
#head_07{
	width:initial;
}

/*------------------------ パンくずリスト ------------------------*/

.breadcrumbs01:hover{
	color:#ff6666;/*ブラウザ幅が1024px以上でホバーが実行される*/
}

.breadcrumbs02:hover{
	color:#ff6666;/*ブラウザ幅が1024px以上でホバーが実行される*/
}

.breadcrumbs_gn01:hover{
	color:#ff6666;/*ブラウザ幅が1024px以上でホバーが実行される*/
}

/*----------------------- ナビゲーション1 -------------------------- */

/*▼メニューバーの装飾*/
ul.ddmenu{
	margin:0px;/*メニューバー外側の余白(ゼロ)*/
	padding:0px 0px 0px 15px;/*メニューバー内側の余白(左に15px)*/
}

/*▼メインメニュー項目の装飾*/
ul.ddmenu li{
	font-size: 0.95em;
	display:inline-block;/*横並びに配置する*/
	list-style-type:none;/*リストの先頭記号を消す*/
	position:relative;/*サブメニュー表示の基準位置にする*/
	width:125px;/*メニュー項目の横幅(125px)*/
}

ul.ddmenu a{
	background-color:#ffffff;/*メニュー項目の背景色*/
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	border-radius:3px;/*要素を角丸*/
	color:#555555;/*メニュー項目の文字色*/
	display:block;/*項目内全域をリンク可能にする*/
	line-height:35px;/*メニュー項目のリンクの高さ(40px)*/
	text-align:center;/*メインメニューの文字列の配置(中央寄せ)*/
	text-decoration:none;/*メニュー項目の装飾(下線を消す)*/
}

ul.ddmenu a:hover{
	background-color:#ffffff;/*メニュー項目にマウスが載ったときの背景色*/
	color:#ff6666;/*メニュー項目にマウスが載ったときの文字色*/
}

ul.ddmenu i{
	color: #ff6666;
}

/*▼サブメニューがある場合に開く処理。※サブメニューが1階層しか存在しない場合の記述*/
ul.ddmenu li:hover ul{
	display:block;/*マウスポインタが載っている項目の内部にあるリストを表示する*/
}

/*▼サブメニューの装飾*/
ul.ddmenu ul{
	display:none;/*標準では非表示にする*/
	margin:0px;/*サブメニュー外側の余白(ゼロ)*/
	padding:0px;/*サブメニュー内側の余白(ゼロ)*/
	position:absolute;/*絶対配置にする*/
	width: 360px;
}

/*▼サブメニュー項目の装飾*/

ul.ddmenu ul li{
	/*サブメニュー1項目の横幅(180px)*/
	font-size: 0.8em;
	padding: 0;
    	margin: 0;
    	list-style-type:none;
   	float: left;
    	width: 50%;
}

ul.ddmenu ul li a{
	line-height:28px;/*サブメニュー1項目の高さ(23px)*/
	padding-left:0.5em;/*文字列前方の余白*/
	text-align:left;/*文字列の配置(左寄せ)*/
	border-bottom:1px solid #ffd700;/*項目下側の枠線*/
	border-right: 0.5px solid #ffd700;/*項目右側の枠線*/
	border-left: 0.5px solid #ffd700;/*項目左側の枠線*/
	background-color: #fffff0;

}

ul.ddmenu ul li a:hover{
	background-color:#ffffe0;/*サブメニュー項目にマウスが載ったときの背景色*/
	color:#32cd32;/*サブメニュー項目にマウスが載ったときの文字色*/
}

/*----------------------- ナビゲーション2 言語 -------------------------- */

/*▼メニューバーの装飾*/
ul.ddmenu2{
	margin:0px;/*メニューバー外側の余白(ゼロ)*/
	padding:0px;/*メニューバー内側の余白(左に15px)*/
}

/*▼メインメニュー項目の装飾*/
ul.ddmenu2 li{
	display:inline-block;/*横並びに配置する*/
	list-style-type:none;/*リストの先頭記号を消す*/
	position:relative;/*サブメニュー表示の基準位置にする*/
	font-size: 0.95em;
	width:120px;/*メニュー項目の横幅(120px)*/
}

ul.ddmenu2 a{
	background-color:#FFCCCC;/*メニュー項目の背景色*/
	border-bottom:1px solid #ee8c4e;/*項目下側の枠線*/
	border-radius:3px;/*要素を角丸*/
	color:#555555;/*メニュー項目の文字色*/
	display:block;/*項目内全域をリンク可能にする*/
	line-height:35px;/*メニュー項目のリンクの高さ(40px)*/
	text-align:center;/*メインメニューの文字列の配置(中央寄せ)*/
	text-decoration:none;/*メニュー項目の装飾(下線を消す)*/
}

ul.ddmenu2 a:hover{
	background-color:#ffffff;/*メニュー項目にマウスが載ったときの背景色*/
	color:#ff6666;/*メニュー項目にマウスが載ったときの文字色*/
}


/*▼サブメニューがある場合に開く処理。※サブメニューが1階層しか存在しない場合の記述*/
ul.ddmenu2 li:hover ul{
	display:block;/*マウスポインタが載っている項目の内部にあるリストを表示する*/
}

/*▼サブメニューの装飾*/
ul.ddmenu2 ul{
	display:none;/*標準では非表示にする*/
	margin:0px;/*サブメニュー外側の余白(ゼロ)*/
	padding:0px;/*サブメニュー内側の余白(ゼロ)*/
	position:absolute;/*絶対配置にする*/
}

/*▼サブメニュー項目の装飾*/

ul.ddmenu2 ul{
	width:250px;/*サブメニュー1項目の横幅(125px)*/
}

ul.ddmenu2 ul li a{
	line-height:35px;/*サブメニュー1項目の高さ(35px)*/
	padding-left:1em;/*文字列前方の余白*/
	text-align:left;/*文字列の配置(左寄せ)*/
}

ul.ddmenu2 ul li a:hover{
	background-color:#ffffff;/*サブメニュー項目にマウスが載ったときの背景色*/
	color:#98ca98;/*サブメニュー項目にマウスが載ったときの文字色*/
}




/*------------------------- フッター ------------------------------ */

#footer01 li{
	display: inline-block;
	margin-right: 1em;
}

.return_footer{
	display: none;/*PCでは改行なし */
}

.footer_space{
	margin-left: 0.5em;
}

/*----------------------- indexページ ----------------------------- */
#top_image01{
	background-image: url(../photo/top_image_pc.jpg);
	background-position: center;
	padding-top: 42.5%;
	background-size: cover;
	height: auto;
	max-width: 100%;
}

#h1_top{
	color: #ffffff;
	position: absolute;
	top: 12em;
	left: 7em;
	font-size: 1.7em;
	background-color: rgba(0,0,0,.4);
}

.infobox {
	margin: 2em 2em 0em 2em;
	font-size: 1em;
	padding: 1em;
}

.h2_01{
text-align: center;
}

.div_q01{
	width: 70%;
	left: 2em;
}

.div_q02{
	width: 70%;
	left: 11em;
}

.div_cont_01{
	order: 1;
	width:100%;
	margin: 2em 1em 1em 1em;
}

.div_cont_02{
	order: 2;
	width:100%;
	margin: 2em 1em 1em 1em;
}

.div_waku01{
	width: 70%;
	margin: 2em auto;
	max-width: 42em;
}

/*----------------------- news ----------------------------- */
#news_01{
	background-image: url(../photo/news_01.jpg);
	margin-top: 1em;
	margin-bottom: -18em;
	width: 100%;
   	height: auto;
	background-size: 50%;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 77.3%;
	background-repeat: no-repeat;
}

#news_0924{
	background-image: url(../photo/news_0924_pc.jpg);
	margin-top: 1em;
	margin-bottom: -4em;
	width: 100%;
   	height: auto;
	background-size: 80%;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 37.3%;
	background-repeat: no-repeat;
}

#news_1221{
	background-image: url(../photo/news_1221.jpg);
	margin-top: 1em;
  margin-bottom: -17em;
	width: 100%;
   	height: auto;
	background-size: 50%;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 59.5%;
	background-repeat: no-repeat;
}

#news_0408{
	background-image: url(../photo/news_0408.jpg);
	margin-top: 1em;
  margin-bottom: -17em;
	width: 100%;
   	height: auto;
	background-size: 50%;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 66.3%;
	background-repeat: no-repeat;
}

#news_0616{
	background-image: url(../photo/news_0616.png);
	margin-top: 1em;
  margin-bottom: -3em;
	width: 100%;
  	height: auto;
	background-size: 80%;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 36.6%;
	background-repeat: no-repeat;
}

#news_230822{
	background-image: url(../photo/news_230822.jpg);
	margin-top: 1em;
  margin-bottom: -50em;
  width: 100%;
    height: auto;
  background-size: 33%;
    	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 133.3%;
	background-repeat: no-repeat;
}
/*----------------------- ツアープランページ ----------------------------- */

#tour_map{
	background-image: url(../photo/tour_map_pc.png);
}

.div_access{
	font-size: 1em;
}
.span_small{
	font-size: 1em;
}

.minute1{
	margin-left: 5em;
	font-size: 1em;
}

.minute2{
	margin-left: 7em;
	font-size: 1em;
}

.div_q03{
	width: 62%;
	max-width: 40em;
	margin: 2em 7em;
}

.div_q04{
	width: 62%;
	max-width: 40em;
	margin: 2em 12em;
}

#icon0102{
	background-image: url(../photo/icon0102pc.png);
	background-size: 60% auto;
	margin-bottom: -14em;
}

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

#tour_n001_t{
	background-image: url(../photo/tour_n001_t_pc.jpg);
	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 30px 0 30px 0;
}


.tour_n_h1_left{
	top: 1em;
	left: 1em;
	background-color: transparent;
}

.tour_n_p021_left{
	bottom: 2em;
	left: 1em;
	background-color: transparent;
}

#nikko_food02{
	margin-left: -2.2em;
}

.p_mo_center{
	text-align: left;
}


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

#tour_n002_t{
	background-image: url(../photo/tour_n002_t_pc.jpg);
	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 0 30px 0 30px;
}

.tour_n_h1_right{
	top: 1em;
	left: 50em;
	background-color: transparent;
}

.tour_n_p021_right{
	bottom: 2em;
	left: 38em;
	background-color: transparent;
}

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

#tour_n003_t{
	background-image: url(../photo/tour_n003_t_pc.jpg);
	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 30px 30px 30px 0;
}

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

#tour_u001_t{
	background-image: url(../photo/tour_u001_t_pc.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 0 30px 0 30px;
}

.tour_u_h1_right{
	top: 1em;
	left: 49em;
	background-color: rgba(0,0,0,.3);
}

.tour_u_p021_right{
	bottom: 2em;
	left: 41em;
	background-color: rgba(0,0,0,.3);
	width: 17em;
}

#gyouza{
	background-image: url(../photo/gyouza.png);
}

#utsunomiya_food02{
	margin-left: -2.2em;
}

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

#tour_bf001_t{
	background-image: url(../photo/tour_bf001_t_pc.jpg);
	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 30px 0 30px 0;
}


.tour_bf_h1_left{
	top: 1em;
	left: 1em;
	background-color: transparent;
}

.tour_bf_p021_left{
	bottom: 2em;
	left: 1em;
	background-color: transparent;
}


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

#tour_bf002_t{
	background-image: url(../photo/tour_bf002_t_pc.jpg);
	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 0 30px 0 30px;
}


.tour_bf_h1_right{
	top: 1em;
	left: 49em;
	background-color: transparent;
}

.tour_bf_p021_right{
	bottom: 2em;
	left: 41em;
	background-color: transparent;
}

.kurumaisu02{
	position: absolute;
	top: -1.5em;
	left: 0em;
}

.blind02{
	position: absolute;
	top: -1.5em;
	left: 4.6em;
}

.handheart02{
	position: absolute;
	bottom: 0.5em;
	left: 0.5em;
}

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

#tour_nu001_t{
	background-image: url(../photo/tour_nu001_t_pc.jpg);
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
   	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 30px 0 30px 0;
}

.tour_nu_h1_left{
	top: 1.2em;
	left: 0.2em;
	background-color: rgba(0,0,0,.3);
}

.tour_nu_p021_left{
	bottom: 2em;
	left: 0em;
	background-color: rgba(0,0,0,.3);
	width: 23em;
}

#gyouza{
	background-image: url(../photo/gyouza.png);
}

#utsunomiya_food02{
	margin-left: -2.2em;
}


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

#tour_op_t{
	background-image: url(../photo/tour_op_t_pc.jpg);
	padding-top: 33.3%;
	background-size: cover;
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 30px;
}

.tour_op_h1_right{
	top: 1em;
	left: 49.5em;
	width: 9em;
	background-color: transparent;
}

.tour_op_p021_right{
	bottom: 1em;
	left: 49.5em;
	width: 10em;
	background-color: transparent;

}
/*------------------------ 観光お役立ち情報 ------------------------------ */
#h1_tourspot{
	text-align: left;
}

/*---------------------- review ----------------------------- */

.div_cont_03{
	order: 1;
	width:40%;
	margin: 2em 1em 1em 1em;
}

.div_cont_04{
	order: 2;
	width:60%;
	margin: 2em 1em 1em 1em;
}

.div_cont_05{
	order: 2;
	width:40%;
	margin: 2em 1em 1em 1em;
}

.div_cont_06{
	order: 1;
	width:60%;
	margin: 2em 1em 1em 1em;
}

#review2111{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 100%;
	background-size: 100%;
  background-repeat: no-repeat;
	background-position: center top;
}

#review_221123{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 100%;
	background-size: 100%;
  background-repeat: no-repeat;
	background-position: center top;
}

#review_221201{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 78%;
	background-size: 100%;
  background-repeat: no-repeat;
	background-position: center top;
}

#review_230201{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 100%;
	background-size: 100%;
  background-repeat: no-repeat;
	background-position: center top;
}

#review_230415{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 100%;
	background-size: 100%;
  background-repeat: no-repeat;
	background-position: center top;
}

#review_230601{
	position: relative;
	width:  100%;
   	height: auto;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 100%;
	background-size: 100%;
  background-repeat: no-repeat;
	background-position: center top;
}
/*------------------------ privacy policy ------------------------------ */

a[href^="tel:"]{
    pointer-events: none;
  }

#icon_mail{
	background-image: url(../photo/icon_mail@2x.png);
	padding-top: 13.3%;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: -2.4em 0 0 1.2em;
}

/*------------------------ inquiry ------------------------------ */
.table_inquiry_right{
	margin-left: -2em;
}

/*------------------------ page-top ------------------------------ */

/*margin-topと文字の大きさの変更*/
#pagetop-text{
	font-size:13px;
	margin-top:0.5em;
}

/* /min-width:1024px */
}