@charset "UTF-8" ;



/* ボディ */

body

{

	margin: 0 ;		/* スペース */

	padding: 0 ;		/* 余白 */

	font-size: 20px ;	/* 文字サイズ */

       	line-height: 1.222 ;	/* 行の高さ */

        color: #3A1F00;

        backGround-color: #ffffff ;

}



/* 地図 */

.ggmap {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}



/* タブレットだけに適用するCSS */

@media screen and (max-width:767px)

{

	/* ボディ */

	body

	{

		font-size: 19px ;	/* 文字サイズ */

	}

}



/* スマホだけに適用するCSS */

@media screen and (max-width:479px)

{

	/* ボディ */

	body

	{

		font-size: 18px ;	/* 文字サイズ */

	}

}



/* ヘッダー */

.header

{

	border-bottom: 0px solid #888 ;		/* 枠線 */

	text-align: center ;			/* テキスト、画像の真ん中寄せ */

	padding: 0.2em 0 ;			/* 上下の余白 */

	margin-bottom:  0.1em ;			/* 他のブロックとのスペース */

	background: #fffaf0 ;			/* 背景色(確認用) */

}



/* ロゴ画像を囲むh1 */

.logo-wrapper

{

	margin: 0 ;

	padding: 0 ;

	line-height: 0.5 ;

}



/* ロゴ画像 */

.logo

{

	width: 250px ;

	height: 50px ;

}



/* 地図 */

.ggmap iframe,

.ggmap object,

.ggmap embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}



/* タブレットだけに適用するCSS */

@media screen and (max-width:767px)

{

	/* ロゴ画像 */

	.logo

	{

		width: 300px ;

	}

}



/* スマホだけに適用するCSS */

@media screen and (max-width:479px)

{

	/* ロゴ画像 */

	.logo

	{

		width: 250px ;

	}

}



/* フッター */

.footer

{

	border-top: 3px solid #888 ;		/* 枠線 */

	text-align: center ;			/* テキスト、画像の真ん中寄せ */

	margin-top: 2em ;			/* 他のブロックとのスペース */

	padding: 1em 0 ;			/* 上下の余白 */

	background: #fffaf0 ;

}



/* 全体(デスクトップPCとスマホ)に適用するCSS */

.wrapper

{

	width: 1000px ;

	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */

	padding: 0 ;			/* 上下左右の余白を0にしておく */

}



/* タブレットだけに適用するCSS */

@media screen and (max-width:767px)

{

	.wrapper

	{

		width: auto ;

		padding: 0 10px ;

	}

}



/* スマホだけに適用するCSS */

@media screen and (max-width:479px)

{

	.wrapper

	{

		width: auto ;

		padding: 0 10px ;

	}

}





/* 全体(デスクトップPCとスマホ)に適用するCSS */

.main

{

	width: 618px ;

	padding: 20px ;					/* 上下左右に20pxの余白 */

	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */

}



.side

{

	width: 320px ;

}



/* タブレットだけに適用するCSS */

@media screen and (max-width:767px)

{

	.main

	{

		width: auto ;

		padding: 0 ;		/* 余白 */

		border: none ;		/* 枠線 */

	}



	.side

	{

		width: auto ;

	}

}



/* スマホだけに適用するCSS */

@media screen and (max-width:479px)

{

	.main

	{

		width: auto ;

		padding: 0 ;		/* 余白 */

		border: none ;		/* 枠線 */

	}



	.side

	{

		width: auto ;

	}

}



/* 全体(デスクトップPCとスマホ)に適用するCSS */

.main

{

	float: left ;		/* 左に寄せる */

}



.side

{

	float: right ;		/* 右に寄せる */

}



/* タブレットだけに適用するCSS */

@media screen and ( max-width:767px )

{

	.main

	{

		float: none ;		/* floatを無効する */

	}



	.side

	{

		float: none ;		/* floatを無効する */

	}

}



/* スマホだけに適用するCSS */

@media screen and ( max-width:479px )

{

	.main

	{

		float: none ;		/* floatを無効する */

	}



	.side

	{

		float: none ;		/* floatを無効する */

	}

}



.wrapper

{

	overflow: hidden ;

}





/* 画像の最大幅を指定する */

img

{

	max-width: 96% ;		/* 横幅の96% */

	height: auto ;			/* 縦幅を自動調整 */

}



/* リンク画像を光らせる */

a:hover img{

opacity:0.8;

filter:alpha(opacity=80);

-ms-filter: “alpha( opacity=80 )”;

}



/* フローティング */

#floatingmenu {

display: block;

width: 100%;

position: fixed;

left: 0px;

bottom: 0px;

z-index: 9999;

text-align: center;

padding: 0 auto;

}

	

/*PCの場合*/

.pc	{ display:inline!important; }

.mb	{ display:none!important; }

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

/*タブレット、スマホの場合*/

.pc	{ display:none!important; }

.mb { display:inline!important; }

}



/*メニュー部分*/

.acd-check{

    display: none;

}

.acd-label{

    background: #F2B9A1;

    color: #EA6264;

    display: block;

    margin-bottom: 1px;

    padding: 10px;

}

.acd-content{

    border: 1px solid #000;

    height: 0;

    opacity: 0;

    padding: 0 10px;

    transition: .5s;

    visibility: hidden;

}

.acd-check:checked + .acd-label + .acd-content{

    height: 10px;

    opacity: 1;

    padding: 10px;

    visibility: visible;

}



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

.acd-label{

    display:none;

  }

}



/*箇条書き*/



ul {

  border: solid 2px #ffb03f;

  padding: 0.5em;

  position: relative;

  margin-top: 2em;

}

ul li {

  line-height: 1.5;

  padding: 0.5em 0 0.5em 1.4em;

  border-bottom: dashed 1px silver;

  list-style-type: none!important;

}

ul li:last-of-type {

  border-bottom: none;

}

ul li:before {

  /*リスト内のアイコン*/

  font-family: "Font Awesome 5 Free";

  content: "\f138";/*アイコン種類*/

  position: absolute;

  left : 0.5em; /*左端からのアイコンまで*/

  color: #ffb03f; /*アイコン色*/

}

ul li:after {

  /*タイトルタブ*/

  background: #ffb03f;

  color: #fff;

  font-weight: bold;

  position: absolute;

  left: -2px;

  bottom: 100%;

  padding: 1px 7px;

  content: "Check'";/*タブの文字*/

  letter-spacing: 0.05em;/*字間*/

}



h1 {

margin: 0.2em 0;

font-size: 100%;

}



h2 {

margin: 1em 0;

font-size: 120%;

}



h2 {

margin: 1em 0;

font-size: 110%;

}



.under {

  background: linear-gradient(transparent 70%, #ff99ab 70%);

}



.cp_qa *, .cp_qa *:after, .cp_qa *:before {

	font-family: sans-serif;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

}

.cp_qa {

	margin: 0 0 2em 10px;

	padding: 1em 1em 0.5em 1em;

	background: #fffaf0;

}

.cp_qa h1 {

	font-size: 1.2em;

	position: relative;

	margin-right: 1em;

	margin-left: -26px;

	padding: 0.3em;

	color: #ffffff;

	background-color: #42a5f5;

	box-shadow: 0 1px 1px rgba(0,0,0,0.2);

}

.cp_qa h1::after {

	position: absolute;

	bottom: -10px;

	left: 0;

	display: inline-block;

	width: 0;

	height: 0;

	content: '';

	border-width: 0 10px 10px 0;

	border-style: solid;

	border-color: transparent #1976d2 transparent transparent;

}

.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: #f5deb3;

}

.cp_qa dd {

	margin-bottom: 1em;

	margin-left: 0;

	padding: 0.5em 1em 1.5em 3em;

}

/* QAアイコン */

.cp_qa dt::before,.cp_qa dd::before{

	font-size: 1.5em;

	color: #ffffff;

}

.cp_qa dt::before {

	margin: 0.3em 0.3em 0 -1em;

	content: 'Q';

}

.cp_qa dd::before {

	margin: 0 0.5em 0 -2em;

	padding: 0.2em 0.4em;

	content: 'A';

	border-radius: 0.2em;

	background: #F067A6;

}



/* ビデオ */

div.vid_contents {

width: 60%;/*背景色を横幅いっぱいに広げる*/

text-align: center;

margin: auto;

padding: 1% 1% 1% 1%;/*ここで動画の周りの余白を調整*/

background: #e6e6e6;/*余白の背景色*/

}

video.vid_main {

width: 100%;

max-width: 479px;/*PC版での最大幅*/

}