@charset "UTF-8";

/* 
======================================================================================================
	ver1.0 2016.05.25
	**- S.V.N Event Page -**
	 -- Common Style (SP) --
	URL: https://event.ff14-svn.com/collaboration/
	author:Yuhki Delis
======================================================================================================
 */

@import url(basefont_sp.css);
@import url(reset.css);
@import url(all.min.css);
@import url(headhesive_sp.css);

/*====================================================================================================
	Clearfix
======================================================================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
* html .clearfix {
	height: 1em;
	overflow: visible;
}

/*====================================================================================================
	BASE SET
======================================================================================================*/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html,body{
	width: 100%;
}
BODY {
	position: relative;
	color: #555;
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

a {
	color: #34b494;
	text-decoration: underline;
}
a:hover {
	color: #34b494;
}

br				{ letter-spacing: 0; }
br.blank		{ display: none; }

.br-pc { display:none; }
.br-sp { display:block; }

.img_pc, .txt_pc { display: none; }
.img_sp, .txt_sp {  }

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
.clear_cont {
	clear: both;
}

p				{ padding-top: 2em; line-height: 2em; }
p.pnopadding	{ padding-top: 0 !important; }

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


/*====================================================================================================
	Layout: Header
======================================================================================================*/
header{
	position: relative;
	margin: 0 auto;
	padding-top: 30px;
	width: 100%;
	height: 100vh;
	background: url("../images_sp/bg_header.jpg") no-repeat 50% 0 /cover;
	text-align: center;
	overflow: hidden;
	z-index: 0;
}
header .ff14logo {
	margin: 0 auto;
	width: 62.5vw;
	height: 18.75vw;
	background: url("../images/img_ff14logo.png") no-repeat 50% 0 /contain;
}
header .subtitle {
	margin: 2vw auto;
	padding: 0;
	color: #333;
	font-size: 4vw;
	font-family: 'ModeMinALargeStd-B';
}
header h1{
	margin: 2vw auto 5vw;
	width: 100%;
	height: 43.75vw;
	background: url("../images_sp/img_mainlogo.png") no-repeat 50% 0 /contain;
}
header .head_period {
	margin: 0 auto;
	padding: 0 5vw;
	background: #c3e4da;
	border-radius: 100px;
	font-size: 3vw;
	font-family: 'ModeMinALargeStd-E';
	width: 90vw;
	height: 9.5vw;
	line-height: 9.5vw;
}
header .head_period span {
	font-size: 4vw;
	text-decoration: line-through;
}

.btn_moreinfo {
	position: absolute;
	top: 90vw;
	left: 50%;
	margin-left: -15vw;
	width: 30vw;
	height: 30vw;
}
.btn_moreinfo img {
	width: 100%;
	height: auto;
}

/* btn_move
------------------------------------------------------------------------------------------------------*/
.btn_move {
	-webkit-animation:btn_move 3s infinite linear alternate;
	animation:btn_move 3s infinite linear alternate;
}
@-webkit-keyframes btn_move { 
	0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
	50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
	100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}
@keyframes btn_move {
	0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
	50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
	100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

/* Palalax
------------------------------------------------------------------------------------------------------*/
header #plx {
	display: none;
}
/*
header #plx li {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}
header #plx li .bg {
	background: url("../images_sp/bg_header.jpg") no-repeat 50% 0 /cover;
	bottom: 0;
	position: absolute;
	width: 120%;
	height: 120%;
	left: -10%;
	top: -10%;
}
header #plx li .img {
	position: absolute;
	bottom: 0;
}
header #plx li .img.char01 { left: 50%; margin-left: 5vw;}
header #plx li .img.char02 { display: none; }
header #plx li .img.char03 { left: 50%; margin-left: 10vw;}
header #plx li .img.char04 { display: none; }
header #plx li .img.char05 { display: none; }
header #plx li .img.char06 { display: none; }
header #plx li .img.char07 { display: none; }
header #plx li .img.char08 { left: 50%; margin-left: -60vw;}
header #plx li .img.char09 { display: none; }
header #plx li .img.char10 { left: 50%; margin-left: -85vw;}
header #plx li .img.char11 { left: 50%; margin-left: -70vw;}
header #plx li .img.char12 { display: none; }
header #plx li .img.char13 { left: 50%; margin-left: -40vw;}
header #plx li .img.char14 { left: 50%; margin-left: 30vw;}
header #plx li .img.char15 { display: none; }
header #plx li .img.char16 { left: 50%; margin-left: -150px;}
header #plx li .img.char17 { left: 50%; margin-left: 190px;}
header #plx li .img.char18 { left: 50%; margin-left: 345px;}
*/

/*====================================================================================================
	Menu Bar
======================================================================================================*/
.syncer-acdn-child { display: none ; }

.icon_acdn_open {
	position: fixed;
	width: 9.375vw;
	height: 9.375vw;
	display: block;
	top: 1vw;
	right: 2.5vw;
	z-index: 99999;
}
header .icon_acdn_open:before {
	content: "";
	display: inline-block;
	width: 9.375vw;
	height: 9.375vw;
	background: url("../images_sp/btn_menu.png") no-repeat 50% 0 /contain;
	vertical-align: middle;
}
header .icon_acdn_open.clicked:before {
	content: "";
	display: inline-block;
	width: 9.375vw;
	height: 9.375vw;
	background: url("../images_sp/btn_close.png") no-repeat 50% 0 /contain;
	vertical-align: middle;
	z-index: 99999;
}
#HeadNav {
	position: fixed;
	top: 0;
	right: 0;
	padding: 6vw 0 0;
	background-color: #c3e4da;
	color: #fff;
	z-index: 9999;
	width: 100%;
}
#HeadNav ul {
	background-color: #c3e4da;
}
#HeadNav li {
	position: relative;
	width: 100%;
	height: 15vw;
	border-bottom: 1px solid #34b494;
	background-color: #c3e4da;
}
#HeadNav li:last-of-type {
	border-bottom: 0;
}
#HeadNav li a{
	color: #555;
	display: inline-block;
	width: 100%;
	height: 15vw;
	font-size: 5vw;
	line-height: 15vw;
	text-indent: 1em;
	text-decoration: none;
}


/*====================================================================================================
	Layout: Main Contents
======================================================================================================*/
/* Main Article and Heading
------------------------------------------------------------------------------------------------------*/
article section {
	margin: 0 auto;
	padding: 11vw 5vw;
	background: #c3e4da;
}
article h2,
article h3,
article h4 {
	clear: both;
	font-weight: bold;
	text-align: left;
}
article h2 {
	margin: 0 auto;
	font-size: 8vw;
	font-family: 'GospelStd-EB';
	width: 100%;
}
article h2 span {
	font-size: 4vw;
	font-family: 'ModeMinALargeStd-B';
}
article h3 {

}
/* Spacer
------------------------------------------------------------------------------------------------------*/
article .block_spacer {
	display: block;
	height: 40vw;
	clear: both;
	overflow: hidden;
	background: transparent;
}
/* Event Overview
------------------------------------------------------------------------------------------------------*/
#EventOverview p {
	margin: 0 auto;
}
#EventOverview dl {
	position: relative;
	margin: 8vw auto 0;
	width: 85vw;
}
#EventOverview dt {
	padding-top: .5em;
	width: 6em;
	float: left;
}
#EventOverview dd {
	margin-left: 6.5em;
	padding-top: .5em;
}
#EventOverview dd:after{
	display: block;
	content: "";
	clear: both;
}
#EventOverview dd .fab { font-size: 110%; }


/* Guest
------------------------------------------------------------------------------------------------------*/
#Guest p {
	margin: 0 auto;
}
#Guest ul {
	margin: 1em auto 0;
}
#Guest ul li {
	margin-right: 5vw;
	width: 42vw;
	height: 55vw;
	float: left;
}
#Guest ul li:nth-of-type(2n) {
	margin-right: 0;
}
#Guest ul li a {
	padding-top: 42vw;
	width: 42vw;
	display: block;
	color: #555;
	font-size: 15px;
}
#Guest ul li a:hover { color: #34b494; }
#Guest ul::after {
	display: block;
	content: "";
	clear: both;
}
#Guest ul li.guest01 { background: url("../images/img_guest01.jpg") no-repeat 50% 0 /contain; }
#guest01 .box_profile { background: url("../images/img_guest01.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest02 { background: url("../images/img_guest02.jpg") no-repeat 50% 0 /contain; }
#guest02 .box_profile { background: url("../images/img_guest02.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest03 { background: url("../images/img_guest03.jpg") no-repeat 50% 0 /contain; }
#guest03 .box_profile { background: url("../images/img_guest03.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest04 { background: url("../images/img_guest04.jpg") no-repeat 50% 0 /contain; }
#guest04 .box_profile { background: url("../images/img_guest04.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest05 { background: url("../images/img_guest05.jpg") no-repeat 50% 0 /contain; }
#guest05 .box_profile { background: url("../images/img_guest05.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest06 { background: url("../images/img_guest06.jpg") no-repeat 50% 0 /contain; }
#guest06 .box_profile { background: url("../images/img_guest06.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest07 { background: url("../images/img_guest07.jpg") no-repeat 50% 0 /contain; }
#guest07 .box_profile { background: url("../images/img_guest07.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest08 { background: url("../images/img_guest08.jpg") no-repeat 50% 0 /contain; }
#guest08 .box_profile { background: url("../images/img_guest08.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest09 { background: url("../images/img_guest09.jpg") no-repeat 50% 0 /contain; }
#guest09 .box_profile { background: url("../images/img_guest09.jpg") no-repeat 50% 0 /50vw 50vw; }
#Guest ul li.guest10 { background: url("../images/img_guest10.jpg") no-repeat 50% 0 /contain; }
#guest10 .box_profile { background: url("../images/img_guest10.jpg") no-repeat 50% 0 /50vw 50vw; }

.con_hide {
	padding: 4.5vw 5vw;
	width: 90vw;
	min-height: 80vh;
	display:none;
}
.con_hide .box_profile{
	padding-top: 50vw;
	min-height: 60vw;
}
.con_hide .guest_name {
	font-size: 4.7vw;
	text-align: center;
	line-height: 6vw;
}
.con_hide .box_url {
	display: inline-block;
	margin-top: 10px;
	padding: 0 30px;
	background: #c3e4da;
	border-radius: 100px;
}
.con_hide .box_url a { color: #34b494; }
.con_hide .box_url a:hover { color: #fff; }

.con_hide .guest_profile {
	padding-top: 1em;
	line-height: 1.5em;
}
.con_hide .ttl {
	padding-top: 1.5em;
	font-size: 5vw;
	display: flex;
	align-items: center;
}
.con_hide .ttl::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	margin-left: .4em;
	background: linear-gradient(90deg, #888, transparent);
}
.con_hide .txt {
	padding-top: 0;
	font-family: 'NewCinemaAStd-D';

}


/* Present
------------------------------------------------------------------------------------------------------*/
#Present .ttl {
	margin: 0 auto;
	font-size: 5.5vw;
	line-height: 7vw;
	text-align: center;
}
.box_present {
	margin: 0 auto;
	padding-bottom: 60vw;
	width: 90vw;
	background: url("../images/bg_present.png") no-repeat 50% 100% /contain;
}
.box_present ul{
	margin-top: 1em;
}
.box_present ul li{
	line-height: 1.5em;
}
.box_present ul li:nth-of-type(1) {
	color: #ec9800;
	font-size: 8vw;
	font-weight: bold;
}
.box_present ul li:nth-of-type(2) {
	color: #808080;
	font-size: 7vw;
	font-weight: bold;
}
.box_present ul li:nth-of-type(3) {
	color: #a67e4e;
	font-size: 6vw;
	font-weight: bold;
}



/* Special
------------------------------------------------------------------------------------------------------*/
#Special .ttl {
	margin: 0 auto;
	padding: 1em 0;
	font-size: 5.5vw;
	line-height: 7vw;
	text-align: center;
	font-weight: 900;
}
#Special p {
	margin: 0 auto;
}
#Special .img_secretguest {
	margin: 0 auto;
	width: 90vw;
	height: 49.5vw;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/img_secret.png") no-repeat 50% 0 /contain;
}
.txt_center { text-align: center; }



/* Notice
------------------------------------------------------------------------------------------------------*/
#Notice p,
#Notice ul {
	margin: 0 auto;
}
#Notice ul {
	padding-top: 1em;
}
#Notice ul li {
	text-indent: -1em;
	padding-left: 1.5em;
}
#Notice ul li::before {
	content:"\f00c";
	margin-right: 5px;
}
#Notice ul ul {
	padding: 0 0 .5em;
}
#Notice ul li li::before {
	content:"\f0da";
	font-weight: 900;
}

/*====================================================================================================
	Layout:Contents bottom
======================================================================================================*/

/* Page To Top
------------------------------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 3vw;
	right: 3vw;
	z-index:1000;
}
#page-top a {
	width: 10vw;
	height: 10vw;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/img_btntotop.png") no-repeat 0 0 /cover;
}
#page-top a:hover {
	background: url("../images/img_btntotop.png") no-repeat 0 -10vw /cover;
}

/*====================================================================================================
	Layout: Footer
======================================================================================================*/
footer{
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 10vw 5vw;
	text-align: center;
	width: 100%;
	background-color: #000;
}
footer .copyright {
	color: #ccc;
	margin: 0 auto;
	padding: 0;
	font-size: 3vw;
}

/*====================================================================================================
	Common Style
======================================================================================================*/
.img_txt {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*====================================================================================================
	Common Style:Template Parts
======================================================================================================*/
.img_pc { display: none !important; }
.img_sp { display: block; }

/* SNS button
------------------------------------------------------------------------------------------------------*/
.shareList {
	margin: 2em auto 0;
	padding: 0;
	font-family: 'icomoon','Font Awesome 5 Brands','Font Awesome 5 Pro' !important;
	list-style:none;
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	width: 95vw;
}
.shareList__item {
	margin-right: 1.5vw;
	position: relative;
	background: rgba(255,255,255,0.3);
	width: 8vw;
	height: 8vw;
	line-height: 8vw;
	text-align:center;
	font-size: 3vw;
	border-radius: 5px;
}
.shareList__item a {
	position: absolute;
	top:0;
	left: 0;
	display: block;
	width: 100%;
	height: 8vw;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.shareList .icon-twitter      { border: 1px solid #55acee; }
.shareList .icon-facebook     { border: 1px solid #3b5998; }
.shareList .icon-hatebu       { border: 1px solid #008fde; }
.shareList .icon-pocket       { border: 1px solid #eb4654; }
.shareList .icon-tumblr       { border: 1px solid #36465d; }
.shareList .icon-feedly       { border: 1px solid #6cc655; }
.shareList .icon-pinterest    { border: 1px solid #cb2027; }
.shareList .icon-linkedin     { border: 1px solid #0e76a8; }
.shareList .icon-line         { border: 1px solid #1dcd00; }
.shareList .icon-rss          { border: 1px solid #ff9900; }
.shareList .icon-link         { border: 1px solid #ff9900; }

.shareList .icon-twitter:hover      { background: #cce6fa; }
.shareList .icon-facebook:hover     { background: #c4cde0; }
.shareList .icon-hatebu:hover       { background: #b2ddf5; }
.shareList .icon-pocket:hover       { background: #f9c7cb; }
.shareList .icon-tumblr:hover       { background: #c2c7ce; }
.shareList .icon-feedly:hover       { background: #d3eecc; }
.shareList .icon-pinterest:hover    { background: #efbcbe; }
.shareList .icon-linkedin:hover     { background: #b6d6e5; }
.shareList .icon-line:hover         { background: #bbf0b2; }
.shareList .icon-rss:hover          { background: #ffe0b2; }
.shareList .icon-link:hover         { background: #ffe0b2; }

.icon-twitter:before     { color: #55acee; content: "\ea96"; }
.icon-facebook:before    { color: #3b5998; content: "\ea90"; }
.icon-hatebu:before      { color: #008fde; content: "\e903"; }
.icon-pocket:before      { color: #eb4654; content: "\e902"; }
.icon-tumblr:before      { color: #36465d; content: "\f173"; }
.icon-feedly:before      { color: #6cc655; content: "\e900"; }
.icon-pinterest:before   { color: #cb2027; content: "\ead2"; }
.icon-linkedin:before    { color: #0e76a8; content: "\eaca"; }
.icon-line:before        { color: #1dcd00; content: "\e90a"; }
.icon-rss:before         { color: #ff9900; content: "\ea9b"; }
.icon-link:before        { color: #ff9900; content: "\f0c1"; }

/* Page Navigation
------------------------------------------------------------------------------------------------------*/
.pagenavi{
	position: relative;
	margin: 1.5625vw auto 0;
	width: 93.75vw;
	height: 5.625vw;
	color:#c7afa0;
	background:url("../images_sp/common/bg_news_pagenav.png") no-repeat 50% 0 /cover;
	font-size:1.875vw;
	overflow: hidden;
	text-align: center;
}
.pagenavi ul{
	top: 1vw;
	padding-top:1px;
	position: relative;
	display: inline-block;
}
.pagenavi li{
	position: relative;
	text-align:center;
	display: inline-block;
}
.pagenavi li.denied,
.pagenavi li.pgnav_first a,
.pagenavi li.pgnav_prev a,
.pagenavi li.pgnav_next a,
.pagenavi li.pgnav_last a {
	width: 9.375vw;
	height: 0;
	padding-top: 3.90625vw;
	display: inline-block;
	overflow: hidden;
}
.pagenavi li.pgnav_first a				{ background: url("../images_sp/common/bg_pgnav_first.png") no-repeat 50% 0 /cover; }
.pagenavi li.pgnav_first a:hover		{ background: url("../images_sp/common/bg_pgnav_first.png") no-repeat 50% -3.90625vw /cover; }
.pagenavi li.pgnav_first.denied			{ background: url("../images_sp/common/bg_pgnav_first.png") no-repeat 50% -7.8125vw /cover; }
.pagenavi li.pgnav_prev a				{ background: url("../images_sp/common/bg_pgnav_prev.png") no-repeat 50% 0 /cover; }
.pagenavi li.pgnav_prev a:hover			{ background: url("../images_sp/common/bg_pgnav_prev.png") no-repeat 50% -3.90625vw /cover; }
.pagenavi li.pgnav_prev.denied			{ background: url("../images_sp/common/bg_pgnav_prev.png") no-repeat 50% -7.8125vw /cover; }
.pagenavi li.pgnav_next a				{ background: url("../images_sp/common/bg_pgnav_next.png") no-repeat 50% 0 /cover; }
.pagenavi li.pgnav_next a:hover			{ background: url("../images_sp/common/bg_pgnav_next.png") no-repeat 50% -3.90625vw /cover; }
.pagenavi li.pgnav_next.denied			{ background: url("../images_sp/common/bg_pgnav_next.png") no-repeat 50% -7.8125vw /cover; }
.pagenavi li.pgnav_last a				{ background: url("../images_sp/common/bg_pgnav_last.png") no-repeat 50% 0 /cover; }
.pagenavi li.pgnav_last a:hover			{ background: url("../images_sp/common/bg_pgnav_last.png") no-repeat 50% -3.90625vw /cover; }
.pagenavi li.pgnav_last.denied			{ background: url("../images_sp/common/bg_pgnav_last.png") no-repeat 50% -7.8125vw /cover; }

.pagenavi li.pager{
	top:-1.5625vw;
	height: 3.90625vw;
}

.pagenavi li.pager a{
	display: inline-block;
	width: 4.375vw;
	height: 3.90625vw;
	line-height: 3.90625vw;
	color:#6b5744;
}
.pagenavi li.pager a:hover				{ background: url("../images_sp/common/bg_pgnav_link.png") no-repeat 50% 0 /cover; }

.pagenavi li.pgnav_current{
	top:-1.5625vw;
}
.pagenavi li.pgnav_current span{
	display: inline-block;
	width: 4.375vw;
	height: 3.90625vw;
	line-height:3.90625vw;
	color:#6b5744;
	font-weight:bold;
	background:url("../images_sp/common/bg_current.png") no-repeat 50% 0 /contain;
}

/* Bottom Navigation
------------------------------------------------------------------------------------------------------*/
#bottomnavi {
	position: relative;
	margin: 1.5625vw auto 0;
	width: 93.75vw;
	height: 5.625vw;
	color:#c7afa0;
	background:url("../images_sp/common/bg_news_pagenav.png") no-repeat 50% 0 /cover;
	font-size:1.875vw;
	overflow: hidden;
	text-align: center;
}
#bottomnavi ul {
	margin: 0 auto;
	padding: 0;
}

#bottomnavi li.navprev{
	position: absolute;
	padding-left: 20px;
	left: 10px;
	line-height: 5.625vw;
	display: block;
	background: url("../images/common/bg_bnav_prev.png") no-repeat 5px 50%;
}
#bottomnavi li.navcurrent {
	font-weight:bold;
	text-align:center;
	line-height: 5.625vw;
}
#bottomnavi li.navnext{
	position: absolute;
	padding-right: 20px;
	top: 0;
	right: 10px;
	line-height: 5.625vw;
	display: block;
	background: url("../images/common/bg_bnav_next.png") no-repeat 100% 50%;
}

.articleimage {
	margin: 0 auto;
	text-align: center;
}

/* float
------------------------------------------------------------------------------------------------------*/
.floatright {
	clear: both;
	float: right;
}
.floatleft {
	clear: both;
	float: left;
}
.txt_right {
	text-align: right;
}
.txt_center {
	text-align: center;
}
.imgright {
	margin: 0 0 3vw 3vw;
}
.imgleft {
	margin: 0 3vw 3vw 0;
}

/* float clear
----------------------------------------------------------------------------- */
.c-both {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 1px;
}

.line {
	clear: both;
	margin: 50px auto 30px;
	border: 0;
	height: 4px;
	background: #d8d8d8;
}

/* table style
----------------------------------------------------------------------------- */
article:not(.googleresult) table {
	margin:1em auto 0;
	width: 98vw !important;
	background-color:#c7afa0;
	border-collapse:separate;
	border-spacing:1px;
}
article:not(.googleresult) table table { margin: .5em auto; width: 100% !important; }
article:not(.googleresult) table th {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	padding:1.5vw;
	background-color:#f4e7d3;
	font-size: 2.8vw;
	font-weight:bold;
}
article:not(.googleresult) table td {
	padding: 1.5vw;
	background-color:#fff;
	font-size: 2.8vw;
}
table.noborder {
	background: none;
	border: none;
}
table.noborder th {
	padding:1.5625vw 2.34375vw;
	background: none;
}
table.noborder td {
	padding:1.5625vw 2.34375vw;
	background: none;
}

table.tb_gray {
	background-color:#bbb;
}
table.tb_gray th {
	background-color:#eee;
}

table.tb_typea {
	background-color:none;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 3px solid #c7afa0;
}
table.tb_typea th {
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;

}
table.tb_typea td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.tb_typeb {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.tb_typeb th {
	color: #6b5744;
	background: #fff;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typeb td {
	border-bottom: 1px solid #ccc;
}

table.tb_typec {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.tb_typec th {
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typec td {
	border-bottom: 1px solid #ccc;
}

table.tb_typed {
	background: #fff;
	border-collapse: collapse;
}
table.tb_typed th {
	color: #6b5744;
	border-top: 3px solid #c7afa0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.tb_typed td {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.tb_typee {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.tb_typee th {
	background: none;
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typee td {
	background: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typee tr:nth-child(even) {
	background-color:#f4e7d3;
}
/* blockquote
----------------------------------------------------------------------------- */
article blockquote {
	position: relative;
	width: 95vw;
	margin: 1em auto;
	padding: 1.5em 1.2em 1.5em;
	border: 1px solid #c7afa0;
	border-radius: 5px;
	background: #fffaf0;
}
article blockquote p {
	padding: 1em 0 0;
}
article blockquote:before,
article blockquote:after{
	position: absolute;
	font-size: 5em;
	opacity: .1;
	font-family: 'Arial Black';
}
article blockquote:before{
	top: 5vw;
	left: 2vw;
	content: '“';
}
article blockquote:after{
	bottom: 0px;
	right: 2vw;
	content: '”';
}
article  blockquote footer{
	clear: none;
	margin: 2vw auto;
	padding: 0.5em;
	text-align: left;
	width: 86vw;
	height: auto;
	font-size: 2.5vw;
	background: none;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	border-radius: 50px;
}
article blockquote footer,
article blockquote footer a,
article blockquote footer a:hover		{ color: #003d84; }


/* List Style Reset
----------------------------------------------------------------------------- */
article ul li ul,
article ul li ol,
article ul li dl,
article ol li ol,
article ol li ul,
article ol li dl,
article dl dt ul,
article dl dd ul,
article dl dt ol,
article dl dd ol { width: auto !important; }

/* List Style, Awesome Icon
======================================================================================================*/
.listicon {
	margin: 1em auto 0;
	padding: 0.5em 2em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.listicon li ul,
.listicon li ol {
	margin: 0 auto;
	padding: 0.5em 1em;
}
.listicon li {
	margin: 0 auto 0.15em;
	padding-left: calc(1em + 10px );
	text-indent: calc(-1em - 5px);
	line-height: 1.5em;
}
.listicon li:before,
.awesomeicon:before {
	padding-right: 5px;
	color: #ae9666;
	font-weight: 700;
}
.listicon li li {
	padding-left: .5em;

}
.listicon.li_style1 li:before,
.listicon .li_style1:before { content:"\f105"; padding: 0 5px 0 6px; }
.listicon.li_style2 li:before,
.listicon .li_style2:before { content:"\f0a9"; }
.listicon.li_style3 li:before,
.listicon .li_style3:before { content:"\f069"; }
.listicon.li_style4 li:before,
.listicon .li_style4:before { content:"\f0da"; padding: 0 6px 0 7px; }
.listicon.li_checkbox1 li:before,
.listicon .li_checkbox1:before { content:"\f00c"; }
.listicon.li_checkbox2 li:before,
.listicon .li_checkbox2:before { content:"\f058"; font-weight: 400; }
.listicon.li_caution1 li:before,
.listicon .li_caution1:before { content:"\f071"; }
.listicon.li_caution2 li:before,
.listicon .li_caution2:before { content:"\f06a"; }
.listicon.li_bookmark li:before,
.listicon .li_bookmark:before { content:"\f02e"; padding: 0 6px 0 3px; }
.listicon.li_times li:before,
.listicon .li_times:before { content:"\f00d"; padding: 0 6px 0 4px; }

/* nest reset (ul ol ver) */
article ul li ol {
	margin: 0 auto;
	padding: 0;
}
article ul li ol li {
	text-indent: 0 !important;
}
article ul li ol.ol_style2 {
	margin: 0 auto;
}
article ul li ol.ol_style2 li {
	clear: left;
	margin: 0;
	padding-top: .5em;
	padding-left: 0;
	padding-bottom:0;
}
article ul li ol.ol_style2 li:before {
	content: none;
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fffaf0;
	border: 1px solid #ae9666;
	color: #ae9666;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
}
article ul.listicon li ol.ol_style2 li {
	text-indent: 0 !important;
}
article ul.listicon li ol.ol_style2 li:before {
	content: ""counter(my-counter) !important;
	line-height: 20px;
	margin-left: -30px;
	margin-right: 0;
	padding-right: 0 !important;
}

/* List Style OL
----------------------------------------------------------------------------- */
article ol.ol_basic,
article ol.ol_style2 {
	counter-reset: my-counter;
	margin: 1em auto 0;
	width: 95vw;
}
article ol.ol_basic li,
article ol.ol_style2 li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
article ol.ol_basic li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #ae9666;
	color: #fff;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -25px;
	text-align: center;
	font-size: 2.5vw;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
article ol.ol_style2 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	color: #ae9666;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -25px;
	text-align: center;
	font-size: 2.5vw;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
/* nest reset (ol ul ver) */
article ol.ol_basic li ul,
article ol.ol_style2 li ul {
	margin: 0 auto;
}
article ol.ol_basic li ul li,
article ol.ol_style2 li ul li {
	text-indent: 0 !important;
}
article ol.ol_basic li ul li::before,
article ol.ol_style2 li ul li::before {
	content: none;
	padding-left: 20px;
	margin-left: -40px;
	width: auto;
	height: auto;
	background: none;
	border: none;
	border-radius: 0;
	color: #ae9666;
}

/* nest reset2 (ol ol ver) */
article ol.ol_basic li ol,
article ol.ol_style2 li ol {
	margin: 0 auto 1em;
}

article ol.ol_basic li ol li,
article ol.ol_style2 li ol li {
	margin-bottom: 10px;
	padding-left: 0;
}


/* List Style DT
----------------------------------------------------------------------------- */
article dl.dl_basic,
article dl.dl_style1 {
	margin: 0 auto;
	width: 95vw;
}
article dl.dl_basic dt {
	margin-top: 1em;
	padding-left: 10px;
	border-left: 5px solid #c7afa0;
	color: #6b5744;
	font-size: 3vw;
	font-weight: bold;
}
article dl.dl_basic dd {
	padding-left: 10px;
	border-left: 5px solid #c7afa0;
}
article dl.dl_style1 dt {
	margin-top: 1em;
	padding: 10px 5px;
	color: #6b5744;
	font-size: 3vw;
	font-weight: bold;
	background: #f4e7d3;
	border: 1px dotted #c7afa0;
}
article dl.dl_style1 dd {
	padding: 10px 5px 10px 15px;
	border-right: 1px dotted #c7afa0;
	border-left: 1px dotted #c7afa0;
	border-bottom: 1px dotted #c7afa0;
}
/* nest reset2 (dt ol ver) */
article dl.dl_basic dd ul,
article dl.dl_basic dd ol,
article dl.dl_style1 dd ul,
article dl.dl_style1 dd ol {
	margin: 0 auto;
	padding: 0 0 .25em 30px;
}
article dl.dl_basic dd ul li,
article dl.dl_basic dd ol li,
article dl.dl_style1 dd ul li,
article dl.dl_style1 dd ol li {
	margin-bottom: 10px;
	padding-left: 0;
}

/* hr style
----------------------------------------------------------------------------- */
hr {
	border: 0;
	margin: 1.35em auto;
	max-width: 90%;
	background-position: 50%;
	box-sizing: border-box;
	height: 1px;
	color: #bea981;
	background-image: linear-gradient(90deg, rgba(255,0,0,0), #bea981 50%, rgba(255,0,0,0) 100%);
}
hr.hr_style01 {
	border-top: 1px dashed #bea981;
}
hr.hr_style02 {
	height: 6px;
	background: url("../images/common/img_hr01.png") repeat-x 0 0;
	border: 0;
}
hr.hr_style03 {
	height: 6px;
	background: url("../images/common/img_hr02.png") repeat-x 0 0;
	border: 0;
}

/* Chat Talk
----------------------------------------------------------------------------- */
.chat-talk {
	clear: both;
	margin: 1em auto 0;
	width: 93.75vw;
	font-size: 2.5vw;
	background: url("../images_sp/common/bg_talk-content.jpg") no-repeat 50% 100% /cover;
}
.talk-icon img {
	margin: 1.5625vw;
	width: 7.8125vw;
	height: 7.8125vw;
	background: #fff;
	float: left;
}
.talk-content {
	padding: 4.6875vw 4.6875vw 4.6875vw 17.1875vw;
	background: url("../images_sp/common/bg_chat-talk.jpg") no-repeat 50% 0 /contain;
}

.chat-talk.righttalk {
	background: url("../images_sp/common/bg_talk-content_right.jpg") no-repeat 50% 100% /cover;
}
.chat-talk.righttalk .talk-icon img {
	float: right;
}
.chat-talk.righttalk .talk-content {
	padding: 4.6875vw 17.1875vw 4.6875vw 4.6875vw;
	background: url("../images_sp/common/bg_chat-talk_right.jpg") no-repeat 50% 0 /contain;
}

/* Error Message
----------------------------------------------------------------------------- */
/* common */
.alerts_msg {
	margin: 1em 3vw 0;
	padding: .5em 1em .5em 2.5em;
	border-radius: 5px;
	text-indent: -1.3em;
}
.alerts_msg i { text-indent: 0; }
.alerts_msg::before {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 5px;
	font-weight: 900;
}

/* kind */
.alerts_msg.question,
.alerts_msg.success {
	border: 1px solid #c2dab8;
	background-color: #dff0d8;
	color: #3c763d;
}
.alerts_msg.question::before {
	content:"\f059";
}
.alerts_msg.success::before {
	content:"\f058";
}
.alerts_msg.notice {
	border: 1px solid #aecbd9;
	background-color: #d9edf7;
	color: #31708f;
}
.alerts_msg.notice::before {
	content:"\f05a";
}
.alerts_msg.warning {
	border: 1px solid #e5d5b5;
	background-color: #fcf8e3;
	color: #8a6d3b;
}
.alerts_msg.warning::before {
	content:"\f071";
}
.alerts_msg.error {
	border: 1px solid #eec3cc;
	background-color: #ffe9ee;
	color: #a94442;
}
.alerts_msg.error::before {
	content:"\f05e";
}


/* form parts
----------------------------------------------------------------------------- */
article section input,
article section select,
article section textarea {
	font-family: 'メイリオ', Meiryo,Arial, Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
/* ================input type text================ */
article section input[type="text"],
article section input[type="password"] {
	padding: 2vw;
/*	height: 40px; */
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
/*	text-indent: 1em; */
}
article section input[type="text"]:focus,
article section input[type="password"]:focus {
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
/*	text-indent: 1em; */
}

/* placeholder color */
::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}
:-moz-placeholder {
	color: #ccc;
}
::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #ccc;
}
:placeholder-shown {
	color: #ccc;
}

/* ================textarea================ */
article section textarea {
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
/*	text-indent: 1em; */
}
article section textarea:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
	outline: none;
}
/* ================SelectBox================ */
article section select {
/*	height: 40px; */
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
/*	text-indent: 1em; */
}
article section select:focus {
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
/*	text-indent: 1em; */
}
/* ================input type checkbox================ */
article section input[type="checkbox"] {
/*
	width: 18px;
	height: 18px;
*/
	border: 1px solid #c7afa0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: middle;
}

/* ================input type submit================ */
article section input[type="submit"],
article section input[type="reset"] {
/*	height: 50px; */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4e7d3));
	background: -webkit-linear-gradient(top, #fff, #f4e7d3);
	background: linear-gradient(to bottom, #fff, #f4e7d3);
	border: 1px solid #c7afa0;
	border-radius: 5px;
}
article section input[type="submit"]:hover,
article section input[type="reset"]:hover,
article section input[type="submit"]:focus,
article section input[type="reset"]:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#f2e7e0));
	background: -webkit-linear-gradient(top, #f4e7d3, #f2e7e0);
	background: linear-gradient(to bottom, #f4e7d3, #f2e7e0);
}

/* ================button common================ */
article section button {
	padding: 1.5625vw 2.34375vw;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4e7d3));
	background: -webkit-linear-gradient(top, #fff, #f4e7d3);
	background: linear-gradient(to bottom, #fff, #f4e7d3);
	border: 1px solid #c7afa0;
	border-radius: 5px;
	cursor: pointer;
	font-size: 2.1875vw;
}

/* ================button layout================ */
.btn_form {
	clear: both;
	margin: 0 auto;
	padding: 3vw 0;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0;
	text-align: center;
}
/*
.btn_form.btn_single		{ width: 400px; }
.btn_form.btn_2dvs			{ width: 500px; }
.btn_form.btn_3dvs			{ width: 500px; }
*/

.btn_form.btn_single li,
.btn_form.btn_2dvs li,
.btn_form.btn_3dvs li {
	display: table-cell;
}
.btn_form.btn_single button {width: 62.5vw; }
.btn_form.btn_2dvs button {width: 36vw; }
.btn_form.btn_3dvs button {width: 24vw; }


/* ================button arrange style================ */
.btn_normal,
.btn_form button,
.btnstyle {
	padding: 2vw 3vw;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	text-decoration: none;
	background: #6b5744;
	border: 1px solid #3e342a;
	cursor: pointer;
}
.btn_normal a,
.btn_form button a,
.btn_form .btnstyle a { color: #fff; }

button.btn_normal:hover,
.btn_form button:hover {
	background-color: #917962;
}
.btn_form .btn_back button,
.btn_form .btn_reset button,
.btn_form .btnstyle.btnreset {
	background: #888;
	border: 1px solid #555;
}
.btn_form .btn_back button:hover,
.btn_form .btn_reset button:hover,
.btn_form .btnstyle.btnreset:hover {
	background-color: #bbb;
}
.btn_form .btnstyle a,
.btn_form .btnstyle a:hover {
	color: #fff;
	text-decoration: none;
}
.btn_form .btnstyle:hover {
	background-color: #917962;
}
.btn_form .btnstyle a span {
	padding-left: 5px;
	font-weight: normal !important;
}


/* ================submit comment(top,guild)================ */
.bbs_box {
	position: relative;
	margin: 3.125vw auto 0;
	padding-top: 10px;
	width: 90vw;
	border-top: 2px dotted #c7afa0;
}
.bbs_box.parent,
.bbs_box:first-child {
	padding: 2vw 2vw 4.6875vw;
	border: 1px solid #c7afa0;
	border-radius: 10px;
	width: 90vw;

	background: linear-gradient(#fffff7, #f5f2e6);
}
.bbs_icon {
	width: 9.375vw;
	float: left;
}
.bbs_icon button {
	width: 9.375vw;
	font-size: 1.3vw;
	padding: 1vw 0;
}

.bbs_name {
	float: left;
	margin-left: 2.5vw;
	margin-bottom: 2.5vw;
	width: 58vw;
	font-weight: bold;
	font-size: 2.5vw;
	color: #006699;
}
.bbs_box.parent .bbs_name,
.bbs_box:first-child .bbs_name {
	width: 54px;
}
.bbs_date {
	float: right;
	width: 20vw;
	text-align: right;
	font-size: 1.3vw;
	color: #888;
}
.bbs_comment {
	clear: both;
	font-size: 2vw;
	margin-left: 11vw;
}
.btn_delete {
	float: right;
	text-align: right;
}
.bbs_commentform {
	width: 100%;
}
.icon_select li {
	float: left;
	margin: 10px 5px;
}
.bbs_choise {
	font-size: 1.5625vw;
	line-height: 12px;
}
.bbs_editname {
	padding: 10px 25px 0;
	border-bottom: 0 !important;
}

/* for fancybox
------------------------------------------------------------------------------------------------------*/
.con_hide {
	width: 80vw;
	display:none;
}


/*====================================================================================================
	** Contents: Common Parts - MiniMenu
======================================================================================================*/
.cmenu,
.cflow {
	position:relative;
	margin: .5em auto ;
	width: 100%;
	height: 7.8125vw;
}
.cmenu ul,
.cflow ul { 
	width: 100%;
	height: 7.8125vw;
	padding: 0;
	display: table;
}
.cmenu li,
.cflow li {
	padding:0;
	height: 7.8125vw;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #fff7d9;
}
/*
.cmenu li.active a,
.cflow li.active {
	font-weight: bold;
}
.cmenu li a {
	height: 7.8125vw;
	color: #fff7d9;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
*/

/* Tab 5
======================================================================================================*/
.menu_5 li { width: 20vw height: 7.8125vw; }
.menu_5 li a {
	display: block;
	width: 20vw;
	height: 7.8125vw;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu_5 .smenu_01 a { background-position:0 0; }
.menu_5 .smenu_01 a:hover,
.menu_5 .smenu_01 a.active { background-position: 0 -7.8125vw; }
.menu_5 .smenu_01 a.denied { background-position: 0 -15.625vw; }
.menu_5 .smenu_02 a { background-position: -20vw 0; }
.menu_5 .smenu_02 a:hover,
.menu_5 .smenu_02 a.active { background-position: -20vw -7.8125vw; }
.menu_5 .smenu_02 a.denied { background-position: -20vw -15.625vw; }
.menu_5 .smenu_03 a { background-position: -40vw 0; }
.menu_5 .smenu_03 a:hover,
.menu_5 .smenu_03 a.active { background-position: -40vw -7.8125vw; }
.menu_5 .smenu_03 a.denied { background-position: -40vw -15.625vw; }
.menu_5 .smenu_04 a { background-position: -60vw 0; }
.menu_5 .smenu_04 a:hover,
.menu_5 .smenu_04 a.active { background-position: -60vw -7.8125vw; }
.menu_5 .smenu_04 a.denied { background-position: -60vw -15.625vw; }
.menu_5 .smenu_05 a { background-position: -80vw 0; }
.menu_5 .smenu_05 a:hover,
.menu_5 .smenu_05 a.active { background-position: -80vw -7.8125vw; }
.menu_5 .smenu_05 a.denied { background-position: -80vw -15.625vw; }

/* Tab 6
======================================================================================================*/
.menu_6 li { height: 7.8125vw; }
.menu_6 li a {
	display: block;
	height: 7.8125vw;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.menu_6 .smenu_01 a { width: 16.8vw; background-position:0 0; }
.menu_6 .smenu_01 a:hover,
.menu_6 .smenu_01 a.active { background-position: 0 -7.8125vw; }
.menu_6 .smenu_01 a.denied { background-position: 0 -15.625vw; }
.menu_6 .smenu_02 a { width: 16.6vw; background-position: -16.8vw 0; }
.menu_6 .smenu_02 a:hover,
.menu_6 .smenu_02 a.active { background-position: -16.8vw -7.8125vw; }
.menu_6 .smenu_02 a.denied { background-position: -16.8vw -15.625vw; }
.menu_6 .smenu_03 a { width: 16.6vw; background-position: -33.4vw 0; }
.menu_6 .smenu_03 a:hover,
.menu_6 .smenu_03 a.active { background-position: -33.4vw -7.8125vw; }
.menu_6 .smenu_03 a.denied { background-position: -33.4vw -15.625vw; }
.menu_6 .smenu_04 a { width: 16.6vw; background-position: -50vw 0; }
.menu_6 .smenu_04 a:hover,
.menu_6 .smenu_04 a.active { background-position: -50vw -7.8125vw; }
.menu_6 .smenu_04 a.denied { background-position: -50vw -15.625vw; }
.menu_6 .smenu_05 a { width: 16.6vw; background-position: -66.6vw 0; }
.menu_6 .smenu_05 a:hover,
.menu_6 .smenu_05 a.active { background-position: -66.6vw -7.8125vw; }
.menu_6 .smenu_05 a.denied { background-position: -66.6vw -15.625vw; }
.menu_6 .smenu_06 a { width: 16.8vw; background-position: -83.2vw 0; }
.menu_6 .smenu_06 a:hover,
.menu_6 .smenu_06 a.active { background-position: -83.2vw -7.8125vw; }
.menu_6 .smenu_06 a.denied { background-position: -83.2vw -15.625vw; }

/* Sub Menu
======================================================================================================*/
.submenu {
	position:relative;
	margin:0 auto;
	width: 100%;
	height: 7.8125vw;
}
.submenu.tb01 {background: url("../images/common/bg_submenu5-1.png") no-repeat 50% 0 /contain;}
.submenu.tb02 {background: url("../images/common/bg_submenu5-2.png") no-repeat 50% 0 /contain;}
.submenu.tb03 {background: url("../images/common/bg_submenu5-3.png") no-repeat 50% 0 /contain;}
.submenu.tb04 {background: url("../images/common/bg_submenu5-4.png") no-repeat 50% 0 /contain;}
.submenu.tb05 {background: url("../images/common/bg_submenu5-5.png") no-repeat 50% 0 /contain;}

.submenu ul{
	padding: 2.5vw 0 0;
	text-align:center;
	}
.submenu li{
	display:inline; 
	padding:0 0.7em;
	border-right: 1px solid #c8a89a;
	height: 7.8125vw;
	font-size: 2vw;
	}
.submenu li.icon{
	height: 7.8125vw;
	padding:0 1vw 0 0;
	border-right: none;
}
.submenu li.icon img {
	width: 4vw;
}

.submenu li.last{
	border-right:none;
	}
.submenu li.stepmark{
	border-right:none;
	font-weight:bold
	}
.submenu li a			{ text-decoration: none; }
.submenu li a:active,
.submenu li a:hover		{ text-decoration: underline; }
.submenu li a.active	{ font-weight:bold; text-decoration: none; }


.submenu_multi {
	position:relative;
	margin: 1vw auto;
	padding-top: 3.125vw;
	width: 100%;
}
.submenu_multi.tb6_01 { background: url("../images/common/bg_submenu_ml_06-1.png") no-repeat 50% 0 /contain; }
.submenu_multi.tb6_02 { background: url("../images/common/bg_submenu_ml_06-2.png") no-repeat 50% 0 /contain; }
.submenu_multi.tb6_03 { background: url("../images/common/bg_submenu_ml_06-3.png") no-repeat 50% 0 /contain; }
.submenu_multi.tb6_04 { background: url("../images/common/bg_submenu_ml_06-4.png") no-repeat 50% 0 /contain; }
.submenu_multi.tb6_05 { background: url("../images/common/bg_submenu_ml_06-5.png") no-repeat 50% 0 /contain; }
.submenu_multi.tb6_06 { background: url("../images/common/bg_submenu_ml_06-6.png") no-repeat 50% 0 /contain; }

.submenu_multi ul{
	padding: 1vw 0 3vw;
	text-align:center;
	background: url("../images/common/bg_submenu_btm.png") no-repeat 50% 100% /cover;
	}
.submenu_multi li {
	display:inline-block;
	padding:0 3vw 0 0;
}
.submenu_multi li a				{ text-decoration: none; }
.submenu_multi li a:active,
.submenu_multi li a:hover		{ text-decoration: underline; }
.submenu_multi li a.active		{ font-weight:bold; text-decoration: none; }
.submenu_multi li a::before { margin-right: 3px; content:"\f0da"; font-weight: bold;  }
.submenu_multi li a.active::before { margin-right: 2px; content:"\f56b"; }





/* Tab Change
======================================================================================================*/
.motion {
	display: none;
}
#motion_area1 {
	display: block;
}
a.active {
	text-decoration:none;
	font-weight:bold;
}
.syncer-acdn-child { display: none ; }

/*====================================================================================================
	** Contents: Common Parts - List Style, Awesome Icon
======================================================================================================*/
.listicon {
	margin: 1em auto 0;
	padding: 0.5em 2em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.listicon li {
	margin: 0 auto 0.5em;
	padding-left: 3.9vw;
	text-indent: -1.4em;

}
.listicon li:before,
.awesomeicon:before {
	padding-right: 1vw;
	color: #9a8150;
}
.listicon.listyle1 li:before { content:"\f061"; }
.listicon.listyle2 li:before { content:"\f0a9"; }
.listicon.listyle3 li:before { content:"\f069"; }
.listicon.li_checkbox1 li:before { content:"\f00c"; }
.listicon.li_checkbox2 li:before { content:"\f046"; }
.listicon.li_caution1 li:before { content:"\f071"; }
.listicon.li_caution2 li:before { content:"\f06a"; }
.listicon.li_bookmark li:before { content:"\f02e"; }


/*====================================================================================================
	** Contents: Common Parts - Form
======================================================================================================*/
/* ----common form layout------ */
.commonform {
	margin: 0 auto 3.125vw;

}
.commonform dl {
	margin: 20px auto;
	width: 93.75vw;
}
.commonform dt {
	clear: both;
	padding: 3.90625vw 1.5625vw 3.125vw;
	width: 25%;
	float: left;
	text-align: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.commonform dd {
	padding: 3.125vw 1.5625vw 0;
	width: 75%;
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.commonform dd.solidwrite {
	padding: 3.125vw 1.5625vw 0;
}
/* ----parts------ */
.commonform input,
.commonform select {
	margin-bottom: 5px;
	padding: 5px;
}
/* ----common form accept------ */
.form_accept {
	padding: 50px 0;
	text-align: center;
}

/*====================================================================================================
	** Contents: for font awesome
======================================================================================================*/
.fa {
	margin-right: .5em;
}


/* Float clear
------------------------------------------------------------------------------------------------------*/
/* ----for float------ */
article:after,
.Footerlink:after,
.box_media:after,
section:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html article,
* html .Footerlink,
* html .box_media,
* html section {
	height: 1em;
	overflow: visible;
}