#header {
	background-image : url(ptitlebg2.jpg);
	background-repeat : no-repeat;
	background-position : center bottom;
	background-size : 100%;
}

/*----------MSG----------*/

#msg {
	position : relative;
	overflow : hidden;
	width : 100%;
	background-color : #f3f1f4;
	background-image : url(msgbg2.jpg);
	background-position: right 0 bottom 60px;
	background-repeat : no-repeat;
	background-size : 100%;
}

#msg dl {
	width : 90%;
	margin : 10% auto 50% auto;
	letter-spacing : 0;
	color : #ffffff;
}

#msg dl dt {
	margin-bottom : 5%;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 120%;
	line-height : 1.5em;
	text-align : center;
}

#msg dl dt span {
	letter-spacing : -7px;
}

#msg dl dt font {
	display : inline-block;
	margin-left : 15px;
	transform : scaleX(2);
}

#msg dl dd {
	padding : 0 3.5% 0 3.5%;
	line-height : 1.65em;
}

#msg ul {
	position : absolute;
	list-style : none;
	width : 100%;
	background : #000000;
	left : 0;
	bottom : 0;
}

#msg ul li {
	float : left;
	width : 33.25%;
	margin-left : 0.25%;
	text-align : center;
	letter-spacing : 0;
}

#msg ul li:first-child {
	width : 33%;
	margin : 0;
}

#msg ul li span {
	display : none;
}

#msg ul li p {
	display : block;
	padding : 18px 0 19px 0;
	background : #ffffff;
}

#msg ul li a,#msg ul li a:hover {
	display : block;
	padding : 18px 0 19px 0;
	color : #ffffff;
	background : #693c7d;
	text-decoration : none;
}

/*----------ORDER----------*/

.order {
	margin : 9% 5% 8% 5%;
}

.order h3 {
	margin-bottom : 5%;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 160%;
	line-height : 1.15em;
	text-align : center;
}

.order h3 span {
	display : block;
	padding-top : 5px;
	color : #c8c8c8;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 70%;
	letter-spacing : 2px;
}

.tab-group {
    display : flex;
    justify-content : center;
    margin-left : auto;
    margin-right : auto;
	margin-bottom : 5%;
	padding : 3.5% 3% 0 3%;
	background : #2d0f28;
}

.tab {
    flex-grow : 1;
	width : 50%;
    padding : 10px 0 12px 0;
    list-style : none;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 110%;
    background : #693c7d;
    color : #ffffff;
    text-align : center;
    cursor : pointer;
}

.tab span {
	display : inline-block;
	margin-right : 3px;
	font-size : 130%;
	transform : scaleX(0.8);
	vertical-align : -1px;
}

.tab:last-child {
	box-sizing : border-box;
	border-left : solid 1px #2d0f28;
}

.panel-group {
    border-top : none;
}

.panel-group p {
	text-align : center;
}

.panel {
    display : none;
}

.tab.is-active {
    background : #ffffff;
    color : #191919;
    transition : all 0.2s ease-out;
}

.panel.is-show {
    display : block;
}

.group {
	width : 100%;
	margin-bottom : 8%;
}

.panel {
	position : relative;
}

.panel img {
	width : 100%;
	height : 100%;
}

.panel p {
	position : absolute;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 400%;
	color : #ffffff;
	text-align : center;
	line-height : 0.65em;
	top : 6%;
	right : 8%;
	z-index : 1;
}

.panel p span {
	display : block;
	font-size : 30%;
}

.panel dl {
	width : 85%;
	margin : 5% auto 0 auto;
}

.panel dl dt {
	float : left;
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 150%;
}

.panel dl dt span {
	display : inline-block;
	margin-right : 5px;
	font-size : 130%;
	transform : scaleX(0.8);
}

.panel dl dd {
	float : right;
	padding-top : 5px;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-size : 120%;
}

.panel dl dd font {
	letter-spacing : -1px;
}

.panel dl a,.panel dl a:hover {
	display : block;
	overflow : hidden;
	padding : 12px 25px 14px 25px;
	color : #ffffff;
	background : #dc69a5;
	border-radius : 50px;
	text-decoration : none;
}

#proinfo {
	margin-bottom : 3%;
}

#proinfo p {
	margin-bottom : 5%;
	padding : 5% 6% 5% 6%;
	border : solid 5px #ebe1eb;
	font-size : 105%;
	letter-spacing : 0;
	line-height : 1.5em;
}

#proinfo p font {
	display : none;
}

#proinfo ul {
	margin-left : 25px;
}

#proinfo ul li {
	margin-bottom : 10px;
	line-height : 1.4em;
}

#proinfo ul li a,#proinfo ul li a:hover {
	color : #000000;
	text-decoration : underline;
}

/*----------GUIDE----------*/

#guide {
	overflow : hidden;
	width : 100%;
	margin-bottom : 8%;
	padding : 9% 0 4% 0;
	background : #ebe1eb;
}

#guide h3 {
	margin-bottom : 5%;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 160%;
	color : #693c7d;
	text-align : center;
	line-height : 1.1em;
}

#guide h3 span {
	display : block;
	padding-top : 5px;
	color : rgba(105,60,125,0.5);
	font-family : "p22-mackinac-pro", serif;
	font-weight : 500;
	font-size : 70%;
	letter-spacing : 2px;
}

#gdbox {
	list-style : none;
	margin : 0 5% 2% 5%;
}

.gbox {
	width : 100%;
	margin-bottom : 7%;
}

.gbox h4 {
	margin-bottom : 5%;
	padding : 8px 0 8px 0;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-style : normal;
	font-size : 120%;
	text-align : center;
	color : #ffffff;
	background : #8c5aa5;
}

.gbox ol {
	margin-left : 30px;
}

.gbox ul {
	margin-left : 22px;
}

.gbox ol li,.gbox ul li {
	padding-left : 2px;
	margin-bottom : 10px;
	lien-height : 1.4em;
}

/*----------FAQ----------*/

h3#findex {
	margin-bottom : 6%;
	font-family : "ten-mincho", serif;
	font-weight : 400;
	font-size : 160%;
	text-align : center;
	line-height : 1.3em;
}

h3#findex span {
	display : block;
}

.faqList {
	width : 90%;
	margin : 0 auto 9.5% auto;
}

.faqP {
	position : relative;
	margin-bottom : 10px;
	padding : 13px 45px 14px 12px;
	background : #ebe1eb;
	cursor : pointer;
	border-radius : 7px;
	line-height : 1.4em;
}

.faqP:after {
	content : "";
	display : inline-block;
	position : absolute;
	top : 45%;
	right : 15px;
	width : 10px;
	height : 10px;
	border-right : 3px solid #8c5aa5;
	border-bottom : 3px solid #8c5aa5;
	transform : translateY(-50%) rotate(45deg);
	transition : .3s;
}

.faqP.open:after {
	transform : rotate(225deg);
}

.faqP span {
	float : left;
	margin-right : 10px;
	padding : 2px 5px 3px 5px;
	font-family : "p22-mackinac-pro",serif;
	font-weight : 400;
	font-style : normal;
	color : #ffffff;
	background : #8c5aa5;
	border-radius : 6px;
	line-height : 1.3em;
}

.faqA {
	display : none;
	margin-bottom : 10px;
	padding : 5px 5px 7px 5px;
	line-height : 1.4em;
}