@charset "utf-8";


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

.ng_mg80 {
	margin-top: -5.0em;
}

/*---------------------------------------------------------

    トップ

---------------------------------------------------------*/
#mv {
	position: relative;
	background: #000;
}
#mv video {
	margin: 0 0 1.6em;
}
/*---------------------------------------------------------

    タイトル

---------------------------------------------------------*/
#index_title_wrap {
	color: #FFF;
	background: url(/img/restaurant/index/index_title_bg.jpg) no-repeat center bottom #000;
	background-size: 180%;
	padding: 2.0em 0 2.8em;
}
#index_title_wrap h2 {
	position: relative;
	z-index: 1;
    width: 80%;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 2.4em;
}
#index_title_wrap .en_title {
	position: relative;
	z-index: 1;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
}


#index_title_wrap dl.two_box {
}
#index_title_wrap dl.two_box dt {
	width: 36%;
	margin: 0 auto 3.0em;
	padding: 1.2em 0 0;
}
#index_title_wrap dl.two_box dd {
	width: 100%;
	text-align: center;
}

#index_title_wrap dl.two_box dd p.lead_text {
	font-size: 1.4em;
	line-height: 2.0em;
	margin: 0 0 0.8em;
}
#index_title_wrap dl.two_box dd p.sub_text {
	font-size: 1.0em;
	line-height: 2.0em;
	text-align: left;
}

/*---------------------------------------------------------

  お知らせ枠

---------------------------------------------------------*/
#container_wrap {
	margin: 0 auto 0;
	padding: 3.2em 0 0;
}

/*---------------------------------------------------------

  バナー枠

---------------------------------------------------------*/
.banner_area {
	padding: 1.6em 0 0;
}

/*---------------------------------------------------------

  メニュー枠

---------------------------------------------------------*/
#top_menu {
	padding: 3.0em 0;
	background: #ecebe1;
}

#top_menu .box_white {
	padding: 3%;
	background: #FFF;
	margin: 0 0 2.0em;
}
#top_menu .box_white:last-child {
	margin: 0 0 0;
}
#top_menu .box_border {
	border: 3px double #CCC;
	padding: 1.8em 3%;
}

#top_menu h3 {
	font-size: 1.8em;
	text-align: center;
	margin: 0 0 0.8em;
}
#top_menu p.lead_text {
	font-size: 1.3em;
	text-align: center;
	margin: 0 0 1.2em;
	line-height: 1.8em;
}
#top_menu div.img_90 {
	width: 100%;
	margin: 0 auto 2.0em;
}
#top_menu p.space_text {
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 0 0 1.0em;
}
#top_menu p.room_text {
	width: 80%;
	font-size: 1.1em;
	line-height: 2.4em;
	margin: 0 auto 0;
}
#top_menu dl.pic_text {
	width: 90%;
	margin: 0 auto;
}
#top_menu dl.pic_text dt {
	width: 100%;
	margin: 0 auto 1.4em;
}
#top_menu p.subtext{
	text-align: right;
	font-size: 10px;
	padding: 0.4em 0;
}
#top_menu dl.pic_text dd {
	padding: 1.0em 0;
	text-align: center;
}
#top_menu dl.pic_text dd h4 {
	font-size: 1.8em;
	margin: 0 0 0.8em;
}
#top_menu dl.pic_text dd p.price {
	font-size: 1.2em;
	margin: 0 0 1.6em;
}
#top_menu dl.pic_text dd p.detail {
	font-size: 1.0em;
	margin: 0 0 1.0em;
	line-height: 2.2em;
}
#top_menu dl.pic_text dd p.detail span {
	font-size: 0.9em;
}
#top_menu dl.pic_text dd p.detail.menu_border {
	margin: 0 0 2.0em;
	padding: 0 0 2.0em;
	border-bottom: 1px dotted #CCC;
}
#top_menu ul.menu_list {
	margin: 0 0 2.4em;
}
#top_menu ul.menu_list > li {
	font-size: 1.0em;
	margin: 0 0 1.2em;
	padding: 1.2em 0 0;
	border-top: 1px dotted #CCC;
}

#top_menu ul.menu_list > li span.small{
	font-size: 80%;
}
#top_menu dl.pic_text dd > div.menu_sample {
	border: 1px dotted #CCC;
	background: #f3f3f3;
	padding: 2.0em;
	font-size: 12px;
	line-height: 2.0em;
}
#top_menu dl.pic_text dd > div.menu_sample b {
	font-weight: bolder;
}

#top_menu dl.two_column {
	width: 90%;
	margin: 0 auto;
}
#top_menu dl.two_column dt {
	width: 90%;
	margin: 0 auto 3.0em;
}
#top_menu dl.two_column dd {
	width: 90%;
	margin: 0 auto 0;
}

#top_menu div.container .box_white .btn_single {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 1.6em 0 0;
}
#top_menu div.container .box_white .btn_single a {
	display: block;
	color: #FFF;
	background: #4f7664;
	background-size: 3px 5px;
	padding: 10px 0;
	font-size: 1.1em;
	position: relative;
}
#top_menu div.container .box_white .btn_single a.white {
	background: #FFF;
	color: #4f7664;
}
#top_menu div.container .box_white .btn_single a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}
#top_menu div.container .box_white .btn_single a.white:after {
	border-top: 1px solid #4f7664;
	border-right: 1px solid #4f7664;
}

/*---------------------------------------------------------

  営業時間&ご予約

---------------------------------------------------------*/
#reservation_wrap {
	padding: 3.0em 0;
	background: #9f9272;
}
#reservation_wrap ul.two_box {
	padding: 0;
}
#reservation_wrap ul.two_box li {
	background: #FFF;
	padding: 2.0em 2.4em;
	margin: 0 0 1.2em;
}
#reservation_wrap h3 {
	font-size: 2.4em;
	text-align: center;
	margin: 0 0 0.8em;
	color: #FFF;
}
#reservation_wrap h4 {
	font-size: 1.6em;
	text-align: center;
	margin: 0 0 0.8em;
}

#reservation_wrap dl.hour {
	margin: 0 0 1.4em;
}
#reservation_wrap dl.hour dt {
	float: left;
	width: 24%;
	background: #9f9272;
	color: #FFF;
	text-align: center;
	font-size: 1.0em;
	padding: 4px 0;
}
#reservation_wrap dl.hour dd {
	float: right;
	width: 70%;
	font-size: 1.0em;
	padding: 4px 0;
}
#reservation_wrap dl.hour dd span {
	font-size: 80%;
}
#reservation_wrap dl.hour dd a {
	color: #666;
}
#reservation_wrap dl.hour dd a:hover {
	color: #666;
	text-decoration: underline;
}

/*---------------------------------------------------------

  予約ボタン

---------------------------------------------------------*/

ul.btn_wrap {
	background: #FFF;
	padding: 2.4em 2.4em;
}
ul.btn_wrap li {
	width: 100%;
	margin: 0 auto 1.4em;
	text-align: center;
	font-size: 1.2em;
}
ul.btn_wrap li.text_attention {
	color: red;
	width: 100%;
	font-size: 0.9em;
	line-height: 1.6em;
}
ul.btn_wrap li:last-child {
	margin: 0 auto;
}
ul.btn_wrap li a {
	display: block;
	background: #333;
	color: #FFF;
	padding: 1.2em 0;
	position: relative;
}
ul.btn_wrap li a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}

/*---------------------------------------------------------

  マネージャー紹介

---------------------------------------------------------*/
#manager {
	background: #444444;
	color: #FFF;
	padding: 3.6em 0;
}
#manager h3 {
	font-size: 2.4em;
	text-align: center;
	margin: 0 0 0.8em;
	color: #FFF;
}
#manager dl dt {
	width: 65%;
	margin: 0 auto 2.0em;	
}
#manager dl dd {
	width: 86%;
	margin: 0 auto;
}
#manager dl dd p.katagaki {
	font-size: 2.0em;
	color: #CCC;
	margin: 0 0 0.8em;
	font-family: nautica, sans-serif;
	font-weight: 400;
	font-style: normal;
}
#manager dl dd h4 {
	font-size: 2.0em;
	margin: 0 0 1.2em;
}
#manager dl dd p.profile {
	font-size: 1.0em;
	line-height: 2.0em;
	margin: 0 0 1.2em;
}
#manager dl dd ul.award {
	padding: 1.6em;
	border: 3px double #666;
}
#manager dl dd ul.award li {
	font-size: 1.0em;
	line-height: 1.9em;
	margin: 0 0 1.2em;
	padding: 0 0 0 12px;
}
#manager dl dd ul.award li:last-child {
	margin: 0;
}
#manager dl dd ul.award li:before {
	content: "- ";
}
#manager dl dd ul.award li.title {
	font-weight: bolder;
	padding: 0;
	text-align: center;
}
#manager dl dd ul.award li.title:before {
	content: none;
}


/*---------------------------------------------------------

  ご利用に関して

---------------------------------------------------------*/
#attention_wrap {
	padding: 3.0em 0;
	background: #CCC;
}
#attention_wrap .box_white {
	padding: 2.0em;
	background: #FFF;
}
#attention_wrap h3 {
	font-size: 2.0em;
	text-align: center;
	margin: 0 0 0.8em;
}
#attention_wrap p.attention_text {
	font-size: 11px;
	line-height: 2.2em;
}


/*---------------------------------------------------------

  動画紹介

---------------------------------------------------------*/
#movie_long {
	background: #000;
	padding: 3.0em 0;
}
#movie_long div.container > h3 {
	font-size: 2.0em;
	text-align: center;
	color: #FFF;
	margin: 0 0 1.0em;
}
#movie_long .video{
	width:100%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
	margin: 0 auto;
}
#movie_long .video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*---------------------------------------------------------

  Instagram

---------------------------------------------------------*/
#instagram_list {
	background: #F9F9F9;
	padding: 3.0em 0;
}
#instagram_list div.container {
	width: 90%;
	margin: 0 auto;
}
#instagram_list div.container > h3 {
	font-size: 2.0em;
	text-align: center;
	color: #666;
	margin: 0 0 1.0em;
}
#instagram_list div.container div.list ul {
	text-align: center;
	margin: 0 0 1.2em;
}
#instagram_list div.container div.list ul li {
	display: inline-block;
	margin: 0 1% 2%;
}
#instagram_list div.container div.list ul li a {
	width: 20vw;
	height: 20vw;
	display: block;
}
#instagram_list div.container .btn_single {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
#instagram_list div.container .btn_single a {
	display: block;
	color: #FFF;
	background: #4f7664;
	background-size: 3px 5px;
	padding: 10px 0;
	font-size: 1.1em;
	position: relative;
}
#instagram_list div.container .btn_single a.white {
	background: #FFF;
	color: #4f7664;
}
#instagram_list div.container .btn_single a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}
#instagram_list div.container .btn_single a.white:after {
	border-top: 1px solid #4f7664;
	border-right: 1px solid #4f7664;
}
}

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

.ng_mg80 {
	margin-top: -80px;
}

/*---------------------------------------------------------

    トップ

---------------------------------------------------------*/

#mv {
	position: relative;
	width: 100%;
    margin: auto;
    overflow: hidden;
    background: #000;
}
#mv video {
	margin: 0 0 0;
}
#mv #crossfade {
}
#mv #crossfade li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	background-size: cover;
}
#mv #crossfade li.vs01 {
	background-image:  url(/img/restaurant/index/mv_pc01.jpg);
}
#mv #crossfade li.vs02 {
	background-image:  url(/img/restaurant/index/mv_pc05.jpg);
}
#mv #crossfade li.vs03 {
	background-image:  url(/img/restaurant/index/mv_pc03.jpg);
}
#mv #crossfade li.vs04 {
	background-image:  url(/img/restaurant/index/mv_pc06.jpg);
}


/*---------------------------------------------------------

    タイトル

---------------------------------------------------------*/
#index_title_wrap {
	background: #000;
	color: #FFF;
	background: url(/img/restaurant/index/index_title_bg.jpg) no-repeat center bottom #000;
	background-size: contain;
	padding: 10px 0 50px;
}
#index_title_wrap h2 {
	position: relative;
	z-index: 999;
    max-width: 960px;
    margin: 0 auto 12px;
    text-align: center;
    font-size: 40px;
}
#index_title_wrap .en_title {
	position: relative;
	z-index: 999;
    margin: 0 auto;
    text-align: center;
    color: #999;
}


#index_title_wrap dl.two_box {
	margin: 0 0 50px;
}
#index_title_wrap dl.two_box dt {
	width: 16%;
	margin: 0 auto 40px;
}
#index_title_wrap dl.two_box dd {
	width: 100%;
	text-align: center;
	color: #FFF;
}

#index_title_wrap dl.two_box dd p.lead_text {
	font-size: 20px;
	line-height: 1.6em;
	margin: 0 0 0.8em;
}
#index_title_wrap dl.two_box dd p.sub_text {
	font-size: 13px;
	line-height: 1.8em;
}

/*---------------------------------------------------------

  お知らせ枠

---------------------------------------------------------*/
#container_wrap {
	margin: 0 auto 0;
	padding: 30px 0 0;
}

/*---------------------------------------------------------

  バナー枠

---------------------------------------------------------*/
.banner_area {
	width: 640px;
	margin: 0 auto 0;
	padding: 30px 0 0;
}


/*---------------------------------------------------------

  メニュー枠

---------------------------------------------------------*/
#top_menu {
	padding: 40px 0;
	background: #ecebe1;
}

#top_menu .box_white {
	padding: 10px;
	background: #FFF;
	margin: 0 0 30px;
}
#top_menu .box_white:last-child {
	margin: 0 0 0;
}
#top_menu .box_border {
	border: 3px double #CCC;
	padding: 25px 20px;
}

#top_menu h3 {
	font-size: 26px;
	text-align: center;
	margin: 0 0 20px;
}
#top_menu h3 span {
	font-size: 16px;
}
#top_menu p.lead_text {
	font-size: 16px;
	text-align: center;
	margin: 0 0 24px;
}
#top_menu div.img_90 {
	width: 90%;
	margin: 0 auto 24px;
}
#top_menu p.space_text {
	font-size: 14px;
	text-align: center;
	line-height: 1.8em;
	margin: 0 0 16px;
}
#top_menu p.room_text {
	width: 30%;
	font-size: 12px;
	text-align: left;
	line-height: 2.4em;
	margin: 0 auto 0;
}

#top_menu dl.pic_text {
	width: 90%;
	margin: 0 auto;
}
#top_menu dl.pic_text dt {
	float: left;
	width: 50%;
}
#top_menu p.subtext{
	text-align: right;
	font-size: 10px;
	padding: 4px 0;
}
#top_menu dl.pic_text dd {
	float: right;
	width: 45%;
	padding: 15px 0;
}
#top_menu dl.pic_text dd h4 {
	font-size: 24px;
	margin: 0 0 15px;
}
#top_menu dl.pic_text dd p.price {
	font-size: 13px;
	margin: 0 0 24px;
}
#top_menu dl.pic_text dd p.detail {
	font-size: 13px;
	margin: 0 0 15px;
	line-height: 1.8em;
}
#top_menu dl.pic_text dd p.detail span {
	font-size: 11px;
}
#top_menu dl.pic_text dd p.detail.menu_border {
	margin: 0 0 25px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #CCC;
}
#top_menu ul.menu_list {
	margin: 0 0 20px;
}
#top_menu ul.menu_list > li {
	font-size: 14px;
	margin: 0 0 16px;
	padding: 16px 0 0;
	border-top: 1px dotted #CCC;
}
#top_menu ul.menu_list > li span.small{
	font-size: 80%;
}
#top_menu dl.pic_text dd > div.menu_sample {
	border: 1px dotted #CCC;
	background: #f3f3f3;
	padding: 20px 20px;
	font-size: 12px;
	line-height: 2.2em;
}
#top_menu dl.pic_text dd > div.menu_sample b {
	font-weight: bolder;
}

#top_menu dl.two_column {
	width: 90%;
	margin: 0 auto;
}
#top_menu dl.two_column dt {
	float: left;
	width: 45%;
}
#top_menu dl.two_column dd {
	float: right;
	width: 45%;
}

#top_menu div.container .box_white .btn_single {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 0;
}
#top_menu div.container .box_white .btn_single a {
	display: block;
	color: #FFF;
	background: #4f7664;
	background-size: 3px 5px;
	padding: 10px 0;
	position: relative;
}
#top_menu div.container .box_white .btn_single a.white {
	background: #FFF;
	color: #4f7664;
}
#top_menu div.container .box_white .btn_single a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}
#top_menu div.container .box_white .btn_single a.white:after {
	border-top: 1px solid #4f7664;
	border-right: 1px solid #4f7664;
}



/*---------------------------------------------------------

  営業時間&ご予約

---------------------------------------------------------*/
#reservation_wrap {
	padding: 40px 0;
	background: #9f9272;
}
#reservation_wrap ul.two_box {
	background: #FFF;
	padding: 30px 0 0;
}
#reservation_wrap ul.two_box li {
	float: left;
	width: 42%;
	background: #FFF;
	padding: 0 4%;
	margin: 0;
}

#reservation_wrap h3 {
	font-size: 26px;
	text-align: center;
	margin: 0 0 20px;
	color: #FFF;
}
#reservation_wrap h4 {
	font-size: 22px;
	text-align: center;
	margin: 0 0 20px;
}
#reservation_wrap dl.hour {
	margin: 0 0 12px;
}
#reservation_wrap dl.hour dt {
	float: left;
	width: 20%;
	background: #9f9272;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 4px 0;
}
#reservation_wrap dl.hour dd {
	float: right;
	width: 76%;
}
#reservation_wrap dl.hour dd span {
	font-size: 80%;
}
#reservation_wrap dl.hour dd a {
	color: #666;
}
#reservation_wrap dl.hour dd a:hover {
	color: #666;
	text-decoration: underline;
}

/*---------------------------------------------------------

  予約ボタン

---------------------------------------------------------*/

ul.btn_wrap {
	width: 900px;
	padding: 40px 30px 30px;
	background: #FFF;
	text-align: center;
}
ul.btn_wrap li {
	display: inline-table;
	width: 40%;
	padding: 0 2%;
}
ul.btn_wrap li.text_attention {
	color: red;
	width: 100%;
	font-size: 90%;
	line-height: 1.6em;
	text-align: center;
	display: block;
	margin: 0 0 20px;
}
ul.btn_wrap li a {
	display: block;
	background: #333;
	color: #FFF;
	padding: 12px 0;
	position: relative;
}
ul.btn_wrap li.sp {
	display: none;
}
ul.btn_wrap li a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}

/*---------------------------------------------------------

  マネージャー紹介

---------------------------------------------------------*/
#manager {
	background: #444444;
	color: #FFF;
	padding: 40px 0;
}
#manager h3 {
	font-size: 26px;
	text-align: center;
	margin: 0 0 20px;
	color: #FFF;
}
#manager dl dt {
	float: right;
	width: 260px;	
}
#manager dl dd {
	float: left;
	width: 580px;
}
#manager dl dd p.katagaki {
	font-size: 25px;
	color: #CCC;
	margin: 0 0 15px;
	font-family: nautica, sans-serif;
	font-weight: 400;
	font-style: normal;
}
#manager dl dd h4 {
	font-size: 24px;
	margin: 0 0 20px;
}
#manager dl dd p.profile {
	font-size: 13px;
	line-height: 2.0em;
	margin: 0 0 15px;
}
#manager dl dd ul.award {
	padding: 24px;
	border: 3px double #666;
}
#manager dl dd ul.award li {
	font-size: 13px;
	line-height: 1.6em;
	margin: 0 0 10px;
	padding: 0 0 0 12px;
}
#manager dl dd ul.award li:last-child {
	margin: 0;
}
#manager dl dd ul.award li:before {
	content: "- ";
}
#manager dl dd ul.award li.title {
	font-weight: bolder;
	padding: 0;
}
#manager dl dd ul.award li.title:before {
	content: none;
}
/*---------------------------------------------------------

  ご利用に関して

---------------------------------------------------------*/
#attention_wrap {
	padding: 40px 0;
	background: #CCC;
}
#attention_wrap .box_white {
	padding: 30px 50px;
	background: #FFF;
}
#attention_wrap h3 {
	font-size: 26px;
	text-align: center;
	margin: 0 0 20px;
}
#attention_wrap p.attention_text {
	font-size: 11px;
	line-height: 1.8em;
}

/*---------------------------------------------------------

  動画紹介

---------------------------------------------------------*/
#movie_long {
	background: #000;
	padding: 40px 0 40px;
}
#movie_long div.container > h3 {
	font-size: 24px;
	text-align: center;
	color: #FFF;
	margin: 0 0 20px;
}
#movie_long .video{
	width:80%;              /*横幅いっぱいにwidthを指定*/
	padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
	height:0px;              /*高さはpaddingで指定するためheightは0に*/
	position: relative;
	margin: 0 auto;
}
#movie_long .video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*---------------------------------------------------------

  Instagram

---------------------------------------------------------*/
#instagram_list {
	background: #F9F9F9;
	padding: 30px 0 30px;
}
#instagram_list div.container {
	padding: 30px 30px 30px;
}
#instagram_list div.container > h3 {
	font-size: 24px;
	text-align: center;
	color: #666;
	margin: 0 0 20px;
}
#instagram_list div.container div.list ul {
	text-align: center;
	margin: 0 0 20px;
}
#instagram_list div.container div.list ul li {
	display: inline-block;
	margin: 0 0.75% 1%;
}
#instagram_list div.container div.list ul li a {
	width: 120px;
	height: 120px;
	display: block;
}
#instagram_list div.container .btn_single {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}
#instagram_list div.container .btn_single a {
	display: block;
	color: #FFF;
	background: #4f7664;
	background-size: 3px 5px;
	padding: 10px 0;
	position: relative;
}
#instagram_list div.container .btn_single a.white {
	background: #FFF;
	color: #4f7664;
}
#instagram_list div.container .btn_single a:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	position:absolute;
	right:16px;
	top:50%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform:rotate(45deg) translateY(-60%);
	-moz-transform:rotate(45deg) translateY(-60%);
	transform:rotate(45deg) translateY(-60%);
}
#instagram_list div.container .btn_single a.white:after {
	border-top: 1px solid #4f7664;
	border-right: 1px solid #4f7664;
}


}


/***************************************
	
	メニューリスト
	
***************************************/
@media screen and (max-width: 768px) {
	#menu_list {
		padding: 2.6em 0;
		background: #333;
		color: #FFF;
	}
	#menu_list h3 {
		font-size: 2.0em;
		text-align: center;
		margin: 0 0 1.0em;
	}
	#menu_list .lead {
		font-size: 1.1em;
		text-align: left;
		margin: 0 0 2.0em;
	}
	#menu_list ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#menu_list ul li {
		width: 90%;
		margin: 0 auto 1.6em;
		padding: 0 0 1.6em;
		border-bottom: 1px dotted #666;
		cursor: pointer;
		vertical-align: top;
	}
	#menu_list ul li:last-child {
		margin: 0 auto;
		padding: 0;
		border: none;
	}
	#menu_list ul li a {
		color: #FFF;
	}
	#menu_list ul li dl dt {
		float: left;
		width: 40%;
		margin: 0 0;
	}
	#menu_list ul li dl dd {
		float: right;
		width: 55%;
		text-align: left;
		padding: 1.6em 0 0;
	}
	#menu_list ul li dl dd h4 {
		font-size: 1.4em;
		margin: 0 0 0.5em;
	}
	#menu_list ul li dl dd h4 span {
		font-size: 0.7em;
	}

}

@media screen and (min-width: 769px) {
	#menu_list {
		padding: 50px 0;
		background: #333;
		color: #FFF;
	}
	#menu_list h3 {
		font-size: 24px;
		text-align: center;
		margin: 0 0 15px;
	}
	#menu_list .lead {
		font-size: 14px;
		text-align: center;
		margin: 0 0 30px;
	}
	#menu_list ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#menu_list ul li {
		display: inline-block;
		width: 22%;
		margin: 0 1%;
		cursor: pointer;
		vertical-align: top;
	}
	#menu_list ul li a {
		color: #FFF;
	}
	#menu_list ul li dl dt {
		margin: 0 0 15px;
	}
	#menu_list ul li dl dd {

	}
	#menu_list ul li dl dd h4 {
		font-size: 15px;
		margin: 0 0 6px;
	}
	#menu_list ul li dl dd h4 span {
		font-size: 12px;
	}
}

/***************************************
	
	サブコンテンツ 
	
***************************************/
@media screen and (max-width: 768px) {
	#sub_wrap {
		padding: 2.6em 0;
		background: #F3F3F3;
		color: #333;
	}
	#sub_wrap ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#sub_wrap ul li {
		width: 90%;
		margin: 0 auto 3.2em;
	}
	#sub_wrap ul li:last-child {
		margin: 0 auto;
	}
	#sub_wrap ul li a {
		color: #333;
	}
	#sub_wrap ul li h4 {
		padding: 1.0em 0 0;
		font-size: 1.4em;
		margin: 0 0 0.3em;
	}
	#sub_wrap ul li p {
		font-size: 1.0em;
		margin: 0 0 1.6em;
	}
	#sub_wrap ul li div.btn {
		background: #333;
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	#sub_wrap ul li div.btn a {
		display: block;
		color: #FFF;
		padding: 0.8em 0;
	}
}

@media screen and (min-width: 769px) {
	#sub_wrap {
		padding: 50px 0;
		background: #F3F3F3;
		color: #333;
	}
	#sub_wrap ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#sub_wrap ul li {
		display: inline-block;
		width: 30%;
		margin: 0 1.5%;
	}
	#sub_wrap ul li a {
		color: #333;
	}
	#sub_wrap ul li h4 {
		padding: 12px 0 0;
		font-size: 16px;
		margin: 0 0 8px;
	}
	#sub_wrap ul li p {
		font-size: 12px;
		margin: 0 0 20px;
	}
	#sub_wrap ul li div.btn {
		background: #333;
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}
	#sub_wrap ul li div.btn a {
		display: block;
		color: #FFF;
		padding: 12px 0;
	}
}