@charset"UTF-8"; 
/**
 * Style CSS
 * 
 * @author    Yusuke Shiuchi <shiuchi@webgrows.jp>
 * @Copyright 2017 WebGrows. All rights reserved.
 * @version   1.0
 * @create    2018/08/18
 * @update    
**/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*----------------------------------------------------
    Base
----------------------------------------------------*/

ul {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
	padding: 0;
	margin: 0;
}


/*----------------------------------------------------
    Fonts
----------------------------------------------------*/

/* -- Base -- */

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, input, textarea, select, .form-control, a  {
  	font-family: "NotoSansCJKjp";
  	color: #000;
  	font-size: 17px;
}
a:hover {
	color: #000;
	text-decoration:none;
}
.wg-device-PC a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}


/* -- Noto -- */

.noto{
	position: relative;
	font-family: YakuHanJP,"Noto Sans Japanese","ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3","Hiragino Kaku Gothic Pro","ãƒ¡ã‚¤ãƒªã‚ª",Meiryo,"ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯",Osaka,sans-serif,    -apple-system,    BlinkMacSystemFont,    "Helvetica Neue",    HelveticaNeue,    "Segoe UI",    "æ¸¸ã‚´ã‚·ãƒƒã‚¯ä½“",    YuGothic,    "Yu Gothic M",    "æ¸¸ã‚´ã‚·ãƒƒã‚¯ Medium",    "Yu Gothic Medium",    "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3",    "Hiragino Kaku Gothic ProN W3",    HiraKakuProN-W3,    "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN",    "Hiragino Kaku Gothic ProN",    "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro",    "Hiragino Kaku Gothic Pro",    "ãƒ¡ã‚¤ãƒªã‚ª",    Meiryo,    Osaka,    "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯",    "MS PGothic",    sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	font-family: "Noto Sans Japanese";
}

/* -- Color -- */

.font-red { color: #FF0000; }
.font-blue { color: #004B96; }

/* -- Mincho -- */

.mincho, .box-message {
	/*font-family: "æ¸¸æ˜Žæœ", "Yu Mincho Medium", "æ¸¸æ˜Žæœ Medium", YuMincho, "æ¸¸æ˜Žæœä½“", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "ãƒ¡ã‚¤ãƒªã‚ª", sans-serif !important;*/
	font-family: "æ¸¸æ˜Žæœ" , "Yu Mincho Medium" , "æ¸¸æ˜Žæœä½“ Medium" , "YuMincho" , "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGSæ˜ŽæœE" , "ï¼­ï¼³ ï¼°æ˜Žæœ" , "MS PMincho", "Sawarabi Mincho", serif;
}
/*
body.oldAndroid .mincho, 
body.oldAndroid .box-message, 
body.oldAndroid h2 {
		font-family: "Sawarabi Mincho" !important;
}
*/


/*----------------------------------------------------
    Common
----------------------------------------------------*/

.only-pc {}
.only-sp {display:none;}

@media only screen and (max-width: 768px) {
	.only-pc {display:none;}
	.only-sp {display:block;}

}

/*----------------------------------------------------
    Head
----------------------------------------------------*/

/*--- H2 ------------------------------*/

h2 {
	position: relative;
	text-align: left;
	font-weight: 700;
	padding-left: 5px;
	margin-bottom: 0;
	height: 80px;
	background: #FCEE23;
}
h2 .title {
    color: #000;
    font-weight: 700;
    font-size: 38px;
    float: none;
    line-height: 50px;
    padding-top: 16px;
    padding-left: 0;
    text-align: center;
}

h2.twitter {
	position: relative;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 0;
	height: 80px;
	background: #1da1f2;
}
h2.twitter .title {
    color: #FFF;
    font-weight: bold;
    font-size: 38px;
    float: none;
    line-height: 80px;
    padding-top: 0;
    padding-left: 0;
    text-align: center;
}
h2.twitter .title img {
	width: 80px;
	vertical-align: bottom;
	margin-right: 25px;
}


@media only screen and (max-width: 768px) {
	h2 {
		position: relative;
		text-align: left;
		font-weight: 700;
		padding-left: 0px;
		margin-bottom: 0;
		height: auto;
		background: #FCEE23;
	}
	h2 .title {
		color: #000;
		font-weight: 700;
		font-size: 20px;
		float: none;
		line-height: 40px;
		padding-top: 2px;
		padding-left: 0;
		text-align: center;
	}

	h2.twitter {
		position: relative;
		text-align: left;
		font-weight: bold;
		padding-left: 0;
		margin-bottom: 0;
		height: auto;
		background: #1da1f2;
		padding: 5px 0px;
	}
	h2.twitter .title {
		color: #FFF;
		font-weight: bold;
		font-size: 16px;
		float: none;
		line-height: 40px;
		padding-top: 0;
		padding-left: 0;
		text-align: center;
	}
	h2.twitter .title img {
		width: 40px;
		vertical-align: bottom;
		margin-right: 0;
	}
}


/*--- H2 BLOG ------------------------------*/

h2.blog {
	color: #FFF;
	background: #F03B46;
	height: 50px;
	-webkit-box-shadow: 0 6px 8px 0 rgba(0,0,0,0.2);
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.2);
}
h2.blog .title {
    color: #FFF;
    font-weight: normal;
    font-size: 22px;
    float: left;
    line-height: 50px;
    padding-top: 0;
    padding-left: 27px;
}
h2.blog .title img {
	width: 50px;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	h2.blog .title {
		padding-left: 0;
		float: none;
		
	}
	h2.blog .title img {
		width: 30px;
		margin-right:5px;
	}
	h2.blog .title span {
		font-size: 20px;
		vertical-align:middle;
		line-height: 1;
		margin-top: 2px;
		display: inline-block;
	}
}


/*--- H2 INFO ------------------------------*/

h2.info {
	color: #FFF;
	background: #869BC7;
	height: 50px;
	-webkit-box-shadow: 0 6px 8px 0 rgba(0,0,0,0.2);
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.2);
}
h2.info .title {
    color: #FFF;
    font-weight: normal;
    font-size: 22px;
    float: left;
    line-height: 50px;
    padding-top: 0;
    padding-left: 34px;
}
h2.info .title img {
	width: 35px;
	vertical-align: middle;
	margin-right: 8px;
}

@media only screen and (max-width: 1070px) {
	h2.info .title {
		padding-left: 0;
	}
}


/*----------------------------------------------------
    Etc
----------------------------------------------------*/

p {
	font-size: 17px;
	text-align: center;
	color: #FFF;
	line-height: 1.8;
}

.box-message {
	font-size: 34px;
	color: #004B96;
	border: 2px solid #004B96;
	line-height: 2;
	padding: 6px 0;
	text-align: center;
	margin-bottom: 100px;
}

.bold {
	font-weight: bold;
}

.hr {
	height:3px;
	width:100%;
	background-image: url('../img/hr.png');
	background-repeat: repeat-x;
}

.text-border {
	position: relative;
}
.text-border:after {
	content: " ";
	border-bottom: 0.5em solid #FFF213;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: -1;
}

.w980 {display: none;}
.w768over {display: block;}
.w767 {display: none;}


/*----------------------------------------------------
    Layouts
----------------------------------------------------*/

html, body {
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 1160px) and (min-width: 769px) {
	html, body {
		width: 1160px;
	}
}

body {
	/*background-color: #F5f5f5;*/
	background-color: #e6e6eb;
	position: relative;
	background-color: #FFF;
}
.wrapper {
	position: relative;
	text-align: left;
}
.wrapper.menuwrp{
	text-align: center;
}

.container {
  	padding: 0 20px;
  	max-width: 1140px;
  	/* padding-bottom: 0px; */
  	width: 1140px;
}
.inner {
	padding: 0 25px;
}
.inner-min {
	padding: 0 10px;
	position: relative;
	/* overflow: hidden; */
}

@media only screen and (max-width: 768px) {
	.container {
		padding: 0 15px;
		width: 100%;
	}
	.inner-min {
		padding:0;
	}
}


/*----------------------------------------------------
    Buttons
----------------------------------------------------*/

.btn {
	color: #232323;
	border: 1px solid #232323;
	background: none;
	padding: 0px 20px;
	min-width: 230px;
	min-height: 60px;
	cursor: pointer;
	background-color: #FFF;
	display: inline-block;
	text-align: center;
	border-radius: 0;
	font-size: 20px;
	margin: 0 15px;
}
.btn:hover {
/*
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
*/
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

/* Button Normal */

.btn-normal {
	position:relative;
	width: 300px;
	height: 70px;
	border: none;
	border-radius: 6px;
	background-color: #aaaaaa;
	color: #FFF;
	font-size:15px;
	font-weight:bold;
	padding: 24px;
	-webkit-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;

    letter-spacing:0.1em;
}
.btn-normal:before {
    content: "";
    position: absolute;
    right: 15px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    margin-top: -5px;
    top: 50%;
}
.btn-normal:hover {
	background-color: #FF8278;
	color:#FFF;
	opacity: 1;
}

.btn-solid {
	color: #FFF;
	border: none;
	background-color: #CCC; 
}

/* Select Button */

.btn-select {
	padding-right: 28px;
	position: relative;
}
.btn-select:before {
	position: absolute;
	content: "\e90e";
	font-size: 10px;
	line-height: 10px;
	display: block;
	font-family: "design_plus";
	width: 10px;
	height: 10px;
	margin-top: -5px;
	margin-right: 8px;
	top: 50%;
	left: auto;
	right: 0%;
}
.btn-select.searchon:after {
    position: absolute;
    content: "\f147";
    font-size: 16px;
    line-height: 20px;
    display: block;
    font-family: "dashicons";
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-right: 30px;
    top: 50%;
    left: auto;
    right: 0%;
    background-color: #CCC;
    border-radius: 100%;
    text-align:center;
    color: #FFF;
}

/* Button Icons */

.btn-icon {
	border: none;
	min-width: auto;
	min-height: auto;
	padding: 0;
}

/* Button Colors */

.bg-blue {
	background-color: #004B96;
	border: 1px solid #004B96;
}
.bg-purple {
	background-color: #871b51;
}

/* Other Custom Button */

.btn-search {
	position: relative;
}
.btn-search:before {
	position: absolute;
	content: "\f179";
	font-size: 24px;
	line-height: 24px;
	display: block;
	font-family: dashicons;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	top: 50%;
	left: 50%;
}

/* btn-overscale */
.btn-overscale {
	-webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.btn-overscale:hover {
	border: 1px solid transparent;
	/*
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	*/
}

/* Label */

.label {
	padding: 5px 22px 5px 5px;
	border: solid 1px #eee;
	border-radius: 5px;
	display: inline-block;
	cursor:pointer;
	position: relative;
	margin-right: 2px;
}
.label .btn-icon {
	position: absolute;
	margin-top: -8px;
	margin-right: 5px;
	top: 50%;
	left: auto;
	right: 0;
	display: none;
	background-color: #f5f5f5;
}
.label .btn-icon span {
	font-size: 16px;
	width: 16px;
	height: 16px;
}
.label:hover {
	position: relative;
	background-color: #f5f5f5;
}
.label:hover .btn-icon {
	display: block;
}

@media only screen and (max-width: 768px) {
 	.label {
 		padding: 8px 30px 8px 10px;
 		margin-bottom: 10px;
 	}
 	.label .btn-icon {
 		display: block;
 		background-color: #FFF;
 	}
}	


/* Label Input */

.label-input {
	padding: 4px 22px 4px 5px;
	cursor:default;
}
.label-input input.addLabelInput {
	border: none;
	padding: 0;
	margin: 0;
	width: 90px;
	min-width: 90px;
	cursor: text;
	height: auto;
}
.label-input .btn-icon {
	display: block;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-top: -7px;
	cursor:default;
	background-color: #FFF;
}
.label-input .btn-icon span {
	font-size: 14px;
	width: 14px;
	height: 14px;
}
.label-input:hover {
	position: relative;
	background-color: #FFF;
}

@media only screen and (max-width: 768px) {
	.label-input {
		padding: 7px 30px 7px 10px;
	}
}

/* FormInputSet input + button */

.formInputSet {
	display: inline-block;
	letter-spacing: -.40em;
}
.formInputSet > * {
	display: inline;
	vertical-align: middle;
	letter-spacing: normal;
}
.formInputSet input {
	height: 40px;
	width: 380px;
	border: 1px solid #CCC;
	padding: 5px 10px;
}
.formInputSet .btn {}

/* Button Outer */

.btnOuter {
	text-align:center;
}
.btnOuter > * {
	display: inline-block;
}

.bg-blue:hover {
	border:1px solid #004B96;
	background-color: #FFF;
	color: #004B96;
	box-sizing: border-box;
}


/*----------------------------------------------------
    Header
----------------------------------------------------*/

.home-header {
	background-image: url('../img/bk_ptn_1.png');
	background-position: top;
	/* background-size: 2634px; */
	/* background-repeat: no-repeat; */
	/* display: none; */
	border-top: 10px solid #8C1E3C;
}

.header-top {
	background-color: #ff1e64;
}
.top-text {
    width: 100%;
    /* float: left; */
    /* margin-left: -60px; */
    /* padding-left: 60px; */
    padding: 3px 20px 0px;
    box-sizing: border-box;
    font-size: 38px;
    /* font-weight: bold; */
    text-align: center;
    color: #FFF;
}
.top-text img {
	width:100%;
}

.top-msg-image {
    position: relative;
}
.top-msg-image:before {
    position: absolute;
    content: "";
    width: 100%;
    background-color: #ff1e64;
    height: 160px;
    padding-top: 52px;
    top: 50%;
    margin-top: -73px;
}

.top-msg-image .container {
    z-index: 1;
    position: relative;
}
.top-msg-image .top-msg-image-outer {}
.top-msg-image .top-msg-image-outer img {
    width: 100%;
    margin-top: -6px;
}
.top-msg-text {
  text-align: center;
  font-size: 38px;
  color: #F00;
  font-weight: bold;
}


@media only screen and (max-width: 768px) {
	.top-msg-image {
		margin-top: -40px;
	}
	.top-msg-image:before {
		display:none;
	}
	.top-msg-image .container {
		position:relative;
	}
	.top-msg-image .container:before {
		position: absolute;
		content: "";
		width: 100%;
		background-color: #ff1e64;
		height: 70%;
		padding-top: 0px;
		top: 15%;
		/* margin-top: -30%; */
	}
	.top-msg-image .top-msg-image-outer {
		position:relative;
		z-index:2;
	}
	.top-msg-text {
        text-align: center;
        font-size: 14px;
        color: #F00;
        font-weight: bold;
}
}


/* Event Date ------------------------------*/

.event-date {
    background: #FFF;
    margin-top: -60px;
    padding-top: 60px;
    background-image: url(../img/bk_ptn_2.png);
    background-position: top;
}
.event-date .container {}
.event-date .inner {
    padding: 16px 0px 66px;
}
.event-date .date-top {
    margin-bottom: 14px;
}
.event-date .date-img {
    float: left;
    width: 880px;
    padding-left: 70px;
}
.event-date .date-img img {
    width: 100%;
}
.event-date .mark-1 {
    float: right;
    width: 210px;
    height: 210px;
    text-align: center;
    background-color: #fCEE23;
    border-radius: 100%;
    margin-left: 10px;
    margin-top: -2px;
    line-height: 210px;
    font-size: 50px;
}
.event-date .date-bottom {}
.event-date .date-bottom .date-price {
    padding-left: 220px;
}
.event-date .date-bottom .date-price .price {
    font-size: 60px;
    padding-top: 15px;
    padding-left: 10px;
    letter-spacing: -0.047em;
    margin-bottom: 6px;
}
.event-date .date-bottom .date-price .link {}
.event-date .date-bottom .date-price .link a {
    display: block;
    border: 5px solid #ff1e64;
    border-radius: 50px;
    font-size: 35px;
    color: #ff1e64;
    padding: 8px 24px;
    letter-spacing: -0.039em;
    position:relative;
}
.event-date .date-bottom .date-price .link a:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    background-image: url(../img/arrow_pink.png);
    background-size: 45px;
    background-position: center;
    background-repeat: no-repeat;
    right: 27px;
    top: 50%;
    margin-top: -22.5px;
    /* z-index: 2; */
    /* background-color: #CCC; */
}
.event-date .date-bottom .date-price .link a:hover {
	text-decoration:none;
}
.wg-device-PC .event-date .date-bottom .date-price .link a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.event-date .mark-2 {
    float: left;
    width: 210px;
    height: 210px;
    text-align: center;
    background-color: #ff1e64;
    border-radius: 100%;
    margin-left: 0;
    margin-top: -2px;
    line-height: 210px;
    font-size: 50px;
    color: #FFF;
}

.event-date-sp {
	display:none;
}

@media only screen and (max-width: 768px) {
	.event-date-pc {
		display: none;
	}
	.event-date-sp {
		display:block;
	}
	.event-date .inner {
		padding: 26px 20px 30px;
	}
	.event-date .date-img {
		float: none;
		padding-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	.event-date .date-top .date-img {
		float: left;
		padding-left: 0;
		width: 100%;
		margin-bottom: 0;
		/* margin-left: 70px; */
		padding-left: 80px;
		/* height: 70px; */
		/* vertical-align: middle; */
		/* display: table-column-group; */
		/* display: inline-block; */
		/* min-height: 70px; */
		/* display: table-cell; */
		/* vertical-align: middle; */
	}
	.event-date .mark-1 {
		float: none;
		width: 70px;
		height: 70px;
		margin-left: 0;
		font-size: 14px;
		line-height: 70px;
		display: block;
		position: absolute;
		margin-top: -35px;
		top: 50%;
	}
	.event-date .date-top {
		display: block;
		/* table-layout: fixed; */
		vertical-align: middle;
		position: relative;
		margin-bottom: 30px;
	}
	.event-date .date-bottom {
		position:relative;
	}
	.event-date .mark-2 {
		float: none;
		width: 70px;
		height: 70px;
		margin-left: 0;
		font-size: 14px;
		line-height: 70px;
		display: block;
		position: absolute;
		margin-top: -35px;
		top: 50%;
	}
	.event-date .date-bottom .date-price {
		padding-left: 80px;
		float: left;
		float: left;
		padding-left: 0;
		width: 100%;
		margin-bottom: 0;
		/* margin-left: 70px; */
		padding-left: 80px;
		/* height: 70px; */
		/* vertical-align: middle; */
		/* display: table-column-group; */
		/* display: inline-block; */
	}
	.event-date .date-bottom .date-price .price {
		padding: 0;
		font-size: 4vw;
		margin-bottom: 0;
		line-height: 70px;
	}
	.event-date .link {}
	.event-date .link a {
		display: block;
		border: 2px solid #ff1e64;
		border-radius: 50px;
		font-size: 3.5vw;
		color: #ff1e64;
		padding: 10px 15px;
		letter-spacing: 0;
		position:relative;
		margin-top: -10px;
		background-color: #FFF;
	}
	.event-date .link a:after {
		position: absolute;
		content: "";
		width: 15px;
		height: 15px;
		background-image: url(../img/arrow_pink.png);
		background-size: 15px;
		background-position: center;
		background-repeat: no-repeat;
		right: 15px;
		top: 50%;
		margin-top: -7.5px;
		/* z-index: 2; */
		/* background-color: #CCC; */
	}
}

.pontOuter {
	width: 30px;
	height: 30px;
	background-image: url('../img/flag/jp.png');
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}
.header-img {padding: 26px 100px 0px;}
.img-copy {

}
.img-copy img {
	width:100%;
}
.img-main {}
.img-main img {
	width:100%;
}

@media only screen and (max-width: 768px) {
	.home-header {
	/* background-image: none; */
	border-top: 5px solid #8C1E3C;
	}
	.home-header .container {
		padding:0px;
	}
	.header-top {
		/* height: 10px; */
	}
	.top-text {
		/* display: none; */
		font-size: 3.5vw;
		font-weight: normal;
		padding-bottom: 2px;
	}
	.top-text img {
	}
	.btnLangChange {
		display: none;
	}
	.pontOuter {
	}
	.header-img {
		padding: 40px 20px 80px;
	}
	.img-copy {display: none;}
	.img-copy img {
	}
	.img-main {}
	.img-main img {
	}
}


/* Page Header ------------------------------*/

.page-header {
    /* height: 160px; */
    /* background-image: url(../img/pc_tenpo_header_bk.jpg); */
    /* background-position: center bottom; */
    /* background-size: auto 160px; */
    /* background-repeat: no-repeat; */
    /* background-color: #009944; */
    /* display: none; */
}
.page-hall-header,
.page-godo-header {
	height: 160px;
	background-image: url(../img/pc_tenpo_header_bk.jpg);
	background-position: center top -1px;
	background-size: auto 168px;
	background-repeat: no-repeat;
	background-color: #009944;
	box-shadow: 0 6px 10px 3px rgba(0,0,0,0.2) inset,0 -2px 5px 5px rgba(0,0,0,0.1) inset;
}
.header-left {
    float: left;
    width: 750px;
}
.page-hall-header .header-hallinfo {
    padding-left: 30px;
    padding-top: 16px;
    padding-bottom: 10px;
    /* float: left; */
    /* width: 688px; */
    height: 100px;
}
.page-hall-header .hall-img {
    float: left;
    margin-right: 14px;
}
.page-hall-header .hall-img ul {}
.page-hall-header .hall-img ul li {
    width: 95px;
    height: 74px;
    float: left;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    border: 1px solid #009944;
    border-right: none;
    background-color:#FFF;
}
.page-hall-header .hall-img ul li:last-child {
	border: 1px solid #009944;
}

.page-hall-header .hall-info {
    padding-top: 10px;
}
.page-hall-header .hall-info .hall-name {
    color: #009944;
    font-weight: bold;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 6px;
}
.page-hall-header .hall-info .info-text {
    font-size: 12px;
    /* margin-left: 2px; */
}

.page-header .logo {
    float: right;
    padding-right: 30px;
}
.page-header .logo img {
    width: auto;
    height: 160px;
}
.header-hall-bannar {
    background-color: #FFF;
    padding: 5px 0;
    height: 60px;
    border-radius: 0 60px 60px 0;
    padding-left: 30px;
    position:relative;
}
.header-hall-bannar:before {
	position:absolute;
	content:"";
	height:60px;
	width: 2000px;
	background-color:#FFF;
	z-index: 2;
	top: 0;
	left: auto;
	right: 100%;
}
.header-hall-bannar .item-1 {
    float: left;
    width: 406px;
    /* height: auto; */
}
.header-hall-bannar .item-1 img {
    width: 100%;
}
.header-hall-bannar .item-2 {
    float: left;
    height: auto;
    margin-left: 20px;
    padding: 2px 0;
    width: 216px;
}
.header-hall-bannar .item-2 img {
    width: 100%;
}
.page-godo-header .logo {
	float:left;
	padding-right: 0;
}
.page-godo-header .header-bannar {
    float: right;
    width: 690px;
    height: 160px;
    padding: 0 0 0 0;
    display: flex;
    justify-content: right;
    align-items: center;
}
.page-godo-header .header-bannar .item-1 {
    margin-bottom: 7px;
}
.page-godo-header .header-bannar .item-1 img {
    width: 100%;
}
.page-godo-header .header-bannar .item-2 {
    width: 100%;
    border-radius: 50px;
    /*background: #FFF;*/
    border:1px solid #fff;
    height: 46px;
    text-align: center;
}
.page-godo-header .header-bannar .item-2 img {
    /* width: 100%; */
    height: 100%;
}
@media only screen and (max-width: 1070px) {
	.page-hall-header .header-hallinfo {
		padding-left: 0;
	}
	.page-header .header-top .container {
		padding: 0;
	}
	.header-left {
		width:100%;
		margin-right: -250px;
		padding-right: 250px;
	}
	.page-header .logo {/* width: 200px; */}
	.page-header .logo img {
		width: 200px;
		height: auto;
	}
	.page-header .page-hall-header .logo {
		/* width: 200px; */
		/* display: none; */
		padding-right: 0;
	}
	.header-hall-bannar .item-1 {
		width: 50%;
	}
	.header-hall-bannar .item-2 {
		width: 25%;
	}
	.header-hall-bannar {
		padding-bottom: 0;
		padding-top: 0;
		display: table-cell;
		vertical-align: middle;
		padding-left: 0;
	}
	.page-godo-header .header-bannar {
		width: 100%;
		margin-left: -250px;
		padding-left: 250px;
		/* display: table-cell; */
		/* vertical-align: middle; */
		padding-top: 0;
		text-align: right;
		/* display: table-cell; */
		/* vertical-align: middle; */
	}
	.page-godo-header .header-bannar .itemOuter {
		/* height: 100%; */
		/* display: inline; */
		/* vertical-align: middle; */
	}
	.page-godo-header .header-bannar .item-1 {
		max-width:600px;
		display: inline-block;
	}
	.page-godo-header .header-bannar .item-2 {
		height: auto;
		max-width:600px;
		display: inline-block;
	}
	.page-godo-header .header-bannar .item-2 img {
		height:auto;
		width:100%;
	}
}
@media only screen and (max-width: 900px) {
	.page-header .header-hall-bannar .logo {
		display: none;
	}
	.header-left {
		width:100%;
		margin-right: 0;
		padding-right: 0;
	}
	.header-hallinfo {
		position:relative;
	}
	.header-hallinfo:before {
		position:absolute;
		content: "";
		width:100px;
		height:100px;
		background-image:url(../img/pc_header_character.png);
		background-position:center;
		top:0;
		right: 0;
		background-size: 100%;
		z-index: 1;
		background-repeat: no-repeat;
	}
	.page-header .page-hall-header .logo {
		/* width: 200px; */
		display: none;
	}
}

.sp-page-header {
	display: none;
}
@media only screen and (max-width: 768px) {
	.page-hall-header, .page-godo-header {
		display:none;
	}
	.sp-page-header {
		display: block;
	}
	.sp-header-top {
		height:75px;
	}
	.sp-header-top .inner {
		padding: 0;
		position: relative;
		height: 75px;
		text-align: center;
	}
	.sp-header-top .logo-image {
		width: 75px;
		height: auto;
		display: table-cell;
		vertical-align: middle;
		position: absolute;
		left: 10px;
		top: 13px;
	}
	.sp-header-top .logo-image img {
		width: 100%;
	}
	.sp-header-top .blang-image {height: 75px;display: inline-block;}
	.sp-header-top .blang-image img {
		height: 75px;
		padding: 0px;
	}
	.sp-header-top .btn-navmenu {
		width: 75px;
		height: 75px;
		position: absolute;
		right: 0;
		top: 0;
		display: none;
	}
	.sp-header-top .btn-navmenu a {
		display: block;
		width: 75px;
		height: 75px;
		background-image: url(../img/sp_menu_1.png);
		background-size: 50px;
		background-color: #CCC;
	}
	.sp-page-header .hall-name {
		height: auto;
		min-height: 50px;
		background-color:#009944;
		color:#FFF;
		font-size: 20px;
		font-weight: bold;
		padding: 14px 15px 8px;
		line-height: 1.3;
	}
}


/****

.header {
    height: 100px;
    background-color: #BE2828;
    text-align: center;
    position: relative;
    border-bottom: 5px solid #730F0F;
    box-sizing: content-box;
    box-shadow: 0 7px 7px rgba(0,0,0,0.4);
}
.header .container {
	position: relative;
	width: 100%;
	height: 100%;
}
.header .logo {
    height: 100%;
    /* width: 185px; */
    float: left;
    /* margin-left: 30px; *
    position: relative;
    z-index: 3;
}
.header .logo a {
	display: block;
	text-align: left;
	height: 100%;
}
.header .logo img {
    height: 100%;
    /* margin-top: 12px; *
}

.headerRight {
    float: right;
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    margin-top: 20px;
    margin-right: 5px;
}
.headerRight .icon-mukyu {
	position:relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	color: #b34623;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	padding: 0;
	letter-spacing:0.05em;
	line-height: 1.3;
	border-radius: 100%;
	text-align: center;
	/* padding: 10px 0; *
}
.header .gNav {
    position: absolute;
    width: 100%;
    height: 100%;
    /* border-bottom: 1px solid #e6e6e6; *
    z-index: 2;
}
.header .gNav ul {
    height: 100%;
    display: inline-block;
}
.header .gNav ul li {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 170px;
    width: 9vw;
    width: auto;
    margin-right: 5vw;
    margin:0;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 15px;
    padding-bottom: 10px;
}
.header .gNav ul li:last-child {
    margin-right:0;
}
.header .gNav ul li a {
    display: block;
    padding: 0px 0 14px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 17px;
    letter-spacing: 0.06em;
    font-weight: 500;
    /* line-height: 1; */
    padding-left: 76px;
    background-image: url(../img/icon-home.png);
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position: left 0 bottom 4px;
    /* margin-top: 10px; *
    height: 80px;
    vertical-align: bottom;
    display: table-cell;
    font-weight: bold;
}
.header .gNav ul li a.nav-floormap {
	background-image: url(../img/icon-floormap.png);
}
.header .gNav ul li a.nav-map {
	background-image: url(../img/icon-map.png);
	background-position: left -10px bottom 4px;
	padding-left: 56px;
}
.header .gNav ul li a .subTitle {
	font-size: 11px;
    text-align: left;
    line-height: 1;
}
.header .gNav ul li a:hover,
.header .gNav ul li.current a {
	background-image: url(../img/icon-home-on.png);
	color:#ffcd34;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	/* background-position: left 0 bottom 4px; *
}
.header .gNav ul li a.nav-home:hover,
.header .gNav ul li.current a.nav-home {
	background-position: left 1px bottom 4px;
}
.header .gNav ul li a.nav-floormap:hover,
.header .gNav ul li.current a.nav-floormap {
	background-image: url(../img/icon-floormap-on.png);
}
.header .gNav ul li a.nav-map:hover,
.header .gNav ul li.current a.nav-map {
	background-image: url(../img/icon-map-on.png);
}

*/

/*----------------------------------------------------
    Home - Bannar
----------------------------------------------------*/

.home-bannar {}
.home-bannar .inner {
	padding-top: 24px;
	padding-bottom: 24px;
	padding: 24px 38px 28px;
}
.home-bannar .item-1 {
    margin-bottom: 0px;
}
.home-bannar .item-2 {
    background-color: #009944;
    border-radius: 100px;
    padding: 4px 0;
    text-align: center;
    margin-bottom: 24px;
}
.home-bannar .item-1 img {
	width:100%;
}
.home-bannar .item-2 img {
	width: 60%;
}
.sp-home-bannar {
	display:none;
}
@media only screen and (max-width: 768px) {
	.home-bannar {
		border-top: 6px solid #93BC43;
		border-bottom: 6px solid #93BC43;
	}
	.home-bannar .inner {
		padding: 10px 0px 10px;
	}
	.home-bannar .item-1 {
	    margin-top: 5px;
		margin-bottom: 10px;
	}
	.home-bannar .item-2 {
		background: transparent;
		padding: 0;
	    margin-bottom: 10px;
	    margin-top: 15px;
	}
	.home-bannar .item-2 img {
		width:100%;
	}
	.sp-home-bannar {
		display:block;
		border: none;
		margin-bottom:30px;
	}
	.sp-home-bannar .container {
		padding:0;
	}
	.sp-home-bannar .inner {
		padding:0;
	}
}	



/*----------------------------------------------------
    Home - Twitter Box
----------------------------------------------------*/

.home-twitterBox {
    /* margin-top: 707px; */
}

.content-twitterBox {
    background-color: #E0E0E0;
}
.content-twitterBox .inner {
	padding: 80px 150px 80px;
}
.content-twitterBox .inner .timeline {
	height: 600px;
	width: 100%;
	max-width: 800px;
	margin: auto;
	text-align: center;
	margin-bottom: 43px;
}
.timeline-forrow {
    text-align: center;
}
.timeline-forrow span {
    vertical-align: top;
    color: #787878;
}

@media only screen and (max-width: 768px) {
	.content-twitterBox .inner {
		padding: 14px 0px 40px;
	}
	.content-twitterBox .inner .timeline {
		height:300px;
	}
}


/*----------------------------------------------------
    Home - Pachi Box
----------------------------------------------------*/

.home-pachiBox {}

.content-pachiBox {
    background-color: #E6ECEE;
}
.content-pachiBox .inner {
	padding: 40px 0px;
}
.content-pachiBox .inner .main-msg {
	font-size: 39px;
	text-align: center;
	position:relative;
	margin-bottom: 18px;
}
.content-pachiBox .inner .main-msg:before,
.content-pachiBox .inner .main-msg:after {
	position: absolute;
	content: "";
	height: 50px;
	width:2px;
	background: #000;
}
.content-pachiBox .inner .main-msg:before {
	top: 3px;
	left: 50px;
	transform: rotate(-45deg);
}
.content-pachiBox .inner .main-msg:after {
	top: 3px;
	right: 50px;
	transform: rotate(45deg);
}
.content-pachiBox .inner .disclaimer {
	font-size: 14px;
	text-align: center;
	margin-bottom: 25px;
}
.content-pachiBox .inner .last-msg {
	font-size: 42px;
	text-align: center;
	position:relative;
	margin-bottom: 18px;
	/* font-weight: bold; */
	/* letter-spacing: 0.03em; */
}

@media only screen and (max-width: 768px) {
	.content-pachiBox .inner {	
		padding: 20px 0;
	}
	.content-pachiBox .inner .main-msg {
		font-size: 19px;
		margin-bottom: 5px;
	}
	.content-pachiBox .inner .main-msg:before {
		display:none;
	}
	.content-pachiBox .inner .main-msg:after {
		display:none;
	}
	.content-pachiBox .inner .disclaimer {
		font-size:11px;
	}
	.content-pachiBox .inner .last-msg {
		font-size: 24px;
	}
}

/* Pachi List ------------------------------*/

.pachi-list {
    margin-bottom: 17px;
}
.pachi-list ul {
    margin: 0 -27px;
}
.pachi-list ul li {
    float: left;
    width: 33.3%;
    padding: 0 27px;
    /* display: table; */
    margin-bottom: 50px;
}
.pachi-list ul li .pachi-inner {
    background-color: #FFF;
}
.pachi-list ul li .pachi-inner .company {
    height: 94px;
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* padding-top: 16px; */
    border-bottom: 1px solid #CCC;
}
.pachi-list ul li .pachi-inner .company a {
    background-size: contain;
    display: block;
    height: 100%;
    background-position:center;
    background-repeat:no-repeat;
}
.pachi-list ul li .pachi-inner .machine {
    height: 330px;
    position: relative;
    padding: 0px 0px 60px;
    display: block;
}
.pachi-list ul li .pachi-inner .machine .image {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.pachi-list ul li .pachi-inner .machine .copylight {position: absolute;left: 0;font-size: 12px;text-align: center;padding: 0 10px 5px;bottom: 0;width: 100%;}
.pachi-list ul li .pachi-inner .title {
    height: 76px;
    text-align: center;
    font-size: 20px;
    display: table;
    vertical-align: middle;
    width: 100%;
    table-layout: fixed;
    position:relative;
    overflow: hidden;
    z-index:2;

}
.pachi-list ul li .pachi-inner .title:after {
	position:absolute;
	content:"";
	top: 0;
	left: -10%;
	width:120%;
	height: 150%;
	/* background-color:#CCC; */
	-webkit-box-shadow: inset 0 0 30px 10px #A8A8A8;
	box-shadow:inset 0 0 30px 10px #A8A8A8;
}
.pachi-list ul li .pachi-inner .title div {
	display: table-cell;
	vertical-align: middle;
	z-index:2;
	position:relative;
	width: 100%;
	line-height: 1.2em;
}
.pachi-list ul li .pachi-inner .title a {}

@media only screen and (max-width: 768px) {
	.pachi-list ul {
		margin: 0 -6px;
	}
	.pachi-list ul li {
		float: left;
		width: 50%;
		padding: 0px 6px;
		/* display: table; */
		margin-bottom: 12px;
	}
	.pachi-list ul li .pachi-inner .company {
		height: 50px;
		padding-top: 5px;
	}
	.pachi-list ul li .pachi-inner .machine {		
		height: 170px;
	}
	.pachi-list ul li .pachi-inner .machine .image {

	}
	.pachi-list ul li .pachi-inner .machine .copylight {
		font-size: 10px;
		line-height:1.2em;
	}
	.pachi-list ul li .pachi-inner .title {
		height: 50px;
		font-size: 14px;
		padding: 0 5px;
	}
	.pachi-list ul li .pachi-inner .title:after {
		
-webkit-box-shadow: inset 0 0 30px 10px #A8A8A8;
		
box-shadow: inset 0 0 30px 0px #A8A8A8;
	}
}



/*----------------------------------------------------
    Home - Hall List
----------------------------------------------------*/

.home-hallList {
    margin-top: 443px;
    display: none;
}


.content-hallList {}
.content-hallList .inner {
	padding: 34px 60px 50px;
}

ul.hallList {
    /* border-right: 1px solid; */
}
ul.hallList > li.hall-panel {
	float:left;
	width:25%;
	height: 310px;
	border: 1px solid #93BC43;
	border-left: none;
	border-top: none;
	/* padding: 12px; */
	position: relative;
	/* cursor: pointer; */
}
ul.hallList > li.hall-panel.panel-last {
	background-image:url(../img/card_last.png);
	background-size:cover;	
	background-color:#93BC43;
}
ul.hallList > li.hall-panel:nth-child(4n+1) {
	border-left: 1px solid #93BC43;
}
ul.hallList > li.hall-panel:nth-of-type(1),
ul.hallList > li.hall-panel:nth-of-type(2),
ul.hallList > li.hall-panel:nth-of-type(3),
ul.hallList > li.hall-panel:nth-of-type(4) {
	border-top: 1px solid #93BC43;
}
.wg-device-PC ul.hallList > li.hall-panel.panel-hall:hover > .hall-img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.sp-hall-list-map {
	display:none;
}
.sp-hall-list {
	display:none;
}

@media only screen and (max-width: 1023px) {
	.content-hallList .inner {
		padding: 34px 25px 50px;
	}
}
@media only screen and (max-width: 900px) {
	ul.hallList > li.hall-panel {
		width: 33.33%;
	}
	ul.hallList > li.hall-panel:nth-child(4n+1) {
		border-left: none;
	}
	ul.hallList > li.hall-panel:nth-child(3n+1) {
		border-left: 1px solid #93BC43;
	}
	ul.hallList > li.hall-panel:nth-of-type(1),
	ul.hallList > li.hall-panel:nth-of-type(2),
	ul.hallList > li.hall-panel:nth-of-type(3) {
		border-top: 1px solid #93BC43;
	}
	ul.hallList > li.hall-panel:nth-of-type(4) {
		border-top: none;
	}
}
@media only screen and (max-width: 768px) {
	.content-hallList {}
	.content-hallList .container {
		padding:0;
	}
	.content-hallList .inner {
		padding:0;
	}
	.sp-hall-list-map {
		display:block;
	}
	.sp-hall-list-map img {
		width:100%;
	}
	ul.hallList {
		display:none;
	}
	.sp-hall-list {
		display:block;
	}
	.sp-hall-list .map-title {
		background-color:#93BC43;
		color: #FFF;
		height: 60px;
		line-height: 60px;
		padding: 0 20px;
		border-bottom: 2px solid #FFF;
		/* margin-bottom: 13px; */
		-webkit-box-shadow: 0 5px 10px 0 #C7C7C7;
		box-shadow: 0 5px 10px 0 #C7C7C7;
		position: relative;
	}
	.sp-hall-list .map-title .icon-arrow {
		position: absolute;
		top: 50%;
		right: 20px;
		width:20px;
		height:20px;
		background-image:url('../img/sp_icon_titile_close.png');
		background-size:100%;
		margin-top:-10px;
	}
	.sp-hall-list .map-title.open .icon-arrow {
		background-image:url('../img/sp_icon_titile_open.png');
	}
	.sp-hall-list .map-title .icon-arrow img {
		display:none;
	}
	.sp-hall-list ul.hallList {
		margin-top: 10px;
		margin-top: 0px;
	}
	.sp-hall-list ul.hallList > li.hall-panel {
		float: none;
		width: 100%;
		border: none;
		border-bottom: 1px solid #bdbdbd;
		height: auto;
		padding: 10px 10px 0;
	}

}


/* Map Panel ------------------------------*/

.hall-panel.panel-map {
	background-image: url(../img/tenpo_head_bk_3.png), url(../img/tenpo_head_bk_pattern.gif);
	background-position: center, top left;
	background-size: cover, 16px;
	background-color: #93BC43;
}
.hall-panel.panel-map.area-2 {
	background-image: url(../img/tenpo_head_bk_2.png), url(../img/tenpo_head_bk_pattern.gif);
}
.hall-panel.panel-map.area-3 {
	background-image: url(../img/tenpo_head_bk_1.png), url(../img/tenpo_head_bk_pattern.gif);
}
.hall-panel.panel-map .map-title {
	text-align: center;
	width:100%;
	padding: 120px 0;
	color: #FFF;
	font-weight: bold;
	font-size: 21px;
}
.hall-panel.panel-map .map-title .icon-arrow {
	width:30px;
	/* display:inline-block; */
	margin: 0 auto;
	margin-top: 25px;
}
.hall-panel.panel-map .map-title .icon-arrow img {
	width:100%
}

.hall-panel.panel-hall {
	padding: 12px;
	cursor: pointer;
}
.hall-panel.panel-hall .hall-img {
	width:100%;
	height:150px;
	background-size: cover;
	background-position:center;
	margin-bottom: 4px;
}
.hall-panel.panel-hall .hall-name {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    padding-top: 5px;
    text-align: center;
}
.hall-panel.panel-hall .hall-address {
    border-radius: 40px;
    font-size: 11px;
    line-height: 2em;
    text-align: center;
    margin-bottom: 10px;
}
.hall-address.brand-1 {
	 background-color: #F3C9bd;
}
.hall-address.brand-2 {
	background-color: #F3DCB3;
}
.hall-address.brand-3 {
	background-color: #F3DCD4;
}
.hall-address.brand-4 {
	background-color: #E6F2E0;
}
.hallLinksOpenButton {
	display: none;
}
@media only screen and (max-width: 768px) {
	.hall-panel.panel-hall .hall-img {
		display:none;
	}
	.hall-panel.panel-hall .hall-name {
		padding-left: 65px;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-right: 40px;
		position:relative;
		text-align:left;
	}
	.hall-panel.panel-hall .hall-address {
		padding-left: 10px;
		margin-left: 60px;
		margin-bottom: 0;
		line-height: 1.5;
		text-align: left;
		padding-top: 2px;
		margin-right: 40px;
		margin-bottom: 15px;
	}
	.hallLinksOpenOuter {
		position:relative;

	}

	.sp-hall-list ul.hallList > li.hall-panel {
		position:relative;
	}
	.sp-hall-list ul.hallList > li.hall-panel .hallLinksOpenButton {
		display: block;
		position:absolute;
		content:"";
		width: 50px;
		height: 100%;
		background-image:url(../img/sp_icon_close.png);
		background-size: 20px 20px;
		background-position:center;
		background-repeat: no-repeat;
		top: 0;
		/* margin-top: -10px; */
		right: -10px;
		/* padding-bottom: 20px; */
	}
	.sp-hall-list ul.hallList > li.hall-panel .hallLinksOpenButton.open {
		background-image:url(../img/sp_icon_open.png);
	}
	/*
	.hallLinksOpenOuter:after {
		position:absolute;
		content:"";
		width:20px;
		height:20px;
		background-image:url(../img/sp_icon_close.png);
		background-size: 100%;
		background-position:center;
		top:50%;
		margin-top: -10px;
		right: 5px;
	}
	.hallLinksOpenOuter.open:after {
		background-image:url(../img/sp_icon_open.png);
	}
	*/
}


/* Hall Panel 3 Links ------------------------------*/


.hall-panel.panel-hall .hall-links {}
.hall-panel.panel-hall .hall-links ul {
    margin: 0 -2px;
}
.hall-panel.panel-hall .hall-links ul li {
    float: left;
    width: 33.33%;
    height: 74px;
    padding:0 2px;
}
.hall-panel.panel-hall .hall-links ul li a {
	display:block;
	height: 74px;
	/* background-color:#ad1a1a; */
	padding: 2px 8px;
	border-radius:5px;
	position: relative;
	text-decoration:none;
}
	/* Hover */
	.wg-device-PC .hall-panel.panel-hall .hall-links ul li a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
.hall-panel.panel-hall .hall-links ul li a .link-image {
	margin-bottom: 0px;
}
.hall-panel.panel-hall .hall-links ul li a .link-title {
	font-size: 10px;
	color:#FFF;
	text-align:center;
	line-height:1.1;
	display: flex;
	height: 2.2em;
	justify-content: center;
	align-items: center;
}
.hall-panel.panel-hall .hall-links ul li a .link-arrow {
	text-align:center;
	width: 20px;
	line-height: 1;
	margin: 0 auto;
	margin-top: -6px;
	position: absolute;
	margin-left: -10px;
	left: 50%;
	bottom: 0px;
}
.hall-panel.panel-hall .hall-links ul li a .link-arrow img {
	width: 100%;
	line-height: 1;
	vertical-align: bottom;
	/* margin-top: -9px; */
}
@media only screen and (max-width: 768px) {
	.hall-panel.panel-hall .hall-links {
		display:none;
		/* margin: 0 -10px; */
		/* position: relative; */
		margin: 0px -12px;
	}
	.hall-panel.panel-hall .hall-links ul {
		/* margin: 0 -12px; */
		/* -webkit-box-shadow: inset 0 5px 10px 0 #C7C7C7; */
		/* box-shadow: inset 0 5px 10px 0 #000; */
	}
	.hall-panel.panel-hall .hall-links ul:after {
		/*position:absolute;
		width:100%;
		height:1px;
		background-color: #000;
		top:0;*/
	}
	.hall-panel.panel-hall .hall-links ul li {
		padding: 0 2px;
		height: 140px;
		/* -webkit-box-shadow: inset 0 5px 10px 0 #C7C7C7; */
		/* box-shadow:inset 0 5px 10px 0 #C7C7C7; */
		position: relative;
		overflow: hidden;
	}
	.hall-panel.panel-hall .hall-links ul li:after {
		position:absolute;
		content:"";
		width: 120%;
		height:10px;
		background-color: transparent;
		top: -12px;
		left: 0;
		-webkit-box-shadow: 0 5px 30px 0 #595959;
		box-shadow: 0 6px 15px 0 #595959;
		z-index:2;
	}
	.hall-panel.panel-hall .hall-links ul li a {
		border-radius: 0;
		height: 140px;
		padding: 15px 15px;
		box-shadow: 0 -8px 15px 0 rgba(0,0,0,0.2) inset;
	}
	.hall-panel.panel-hall .hall-links ul li a .link-title {
		font-size: 12px;
	}
	.hall-panel.panel-hall .hall-links ul li a .link-image {
		margin-bottom: 8px;
		margin-bottom: 5px;
		text-align: center;
	}
	.hall-panel.panel-hall .hall-links ul li a .link-arrow {
		width: 35px;
		margin-left: -17.5px;
		bottom: -2px;
		bottom: 2px;
	}
}


/*--- P-WORLD ------------------------------*/

a.link-pworld {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad1a1a+0,940000+100 */
	background: #ad1a1a; /* Old browsers */
	background: -moz-linear-gradient(top, #ad1a1a 0%, #940000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ad1a1a 0%,#940000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ad1a1a 0%,#940000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1a1a', endColorstr='#940000',GradientType=0 ); /* IE6-9 */
}
a.link-pworld .link-image img {
	width:100%;
}

/*--- Hall Info ------------------------------*/

a.link-info {
	background-color:#869BC7;
}
.sp-info-link {
	display:none;
}
@media only screen and (max-width: 768px) {
	.sp-info-link {
		display:block;
		margin-bottom:40px;
		margin-top:40px;
	}
	.sp-info-link a.link-info {
			width: 160px;
			height: 160px;
			display: block;
			border-radius: 20px;
			text-align: center;
			margin: 0 auto;
			padding: 24px 0;
	}
	.sp-info-link a.link-info .link-image {display: inline-block;}
	.sp-info-link a.link-info .link-title {font-size: 14px;color: #FFF;}
	.sp-info-link a.link-info .link-arrow {
		width: 100%;
	}
	.sp-info-link a.link-info .link-arrow img {
		width: 40px;
	}
	.page-hall .sp-info-link {
		display:none;
	}
	.page-blog .sp-blog-link {
		display:none;
	}
}

/*--- Hall Blog Link ------------------------------*/

.sp-blog-link {
	display:none;
}
@media only screen and (max-width: 768px) {
	.sp-blog-link {
		display:block;
		margin-bottom:40px;
		margin-top:40px;
	}
	.sp-blog-link a.link-info {
			width: 160px;
			height: 160px;
			display: block;
			border-radius: 20px;
			text-align: center;
			margin: 0 auto;
			padding: 24px 0;
			background: #F03B46;
	}
	.sp-blog-link a.link-info .link-image {display: inline-block;}
	.sp-blog-link a.link-info .link-title {font-size: 14px;color: #FFF;}
	.sp-blog-link a.link-info .link-arrow {
		width: 100%;
	}
	.sp-blog-link a.link-info .link-arrow img {
		width: 40px;
	}
}


/*--- Hall Info ------------------------------*/

.link-image img {
	width: 100%;
	max-width: 80px;
}

/* Map */

a.link-map {
	background-color:#98835F;
}
a.link-map .link-image img {
	width:100%;
}

/* Brand Mark ------------------------------*/

.hall-panel.panel-hall .hall-brand {
	position: absolute;
	top: 0;
	left: 0;
	width:60px;
	height:60px;
	padding: 0 4px;
	line-height:60px;
/*
	background-color: rgba(255,255,255,0.5);
	border-radius: 0 0 30px 0;
*/
}
.hall-panel.panel-hall .hall-brand img {
	width:100%;
	vertical-align:middle;
}
@media only screen and (max-width: 768px) {
	.hall-panel.panel-hall .hall-brand {/* display: none; */position: static;float: left;background: transparent;}
}


/* News Mark ------------------------------*/

.hall-panel.panel-hall .hall-news {
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 100px;
	height:auto;
	padding: 0;
}
.hall-panel.panel-hall .hall-news img {
	width:100%;
	vertical-align:middle;
}
@media only screen and (max-width: 768px) {
	.hall-panel.panel-hall .hall-news {
		position: static;
		width: 100%;
		background-color: #EDEC9D;
		border: 1px solid #FF0000;
		height: auto;
		padding: 0;
		padding: 3px 10px 1px;
		border-radius: 50px;
		line-height: 1;
	}
	.hall-panel.panel-hall .hall-news img {
		position: static;
		width: 120px;
		vertical-align: top;
	}
	.hall-panel.panel-hall .hall-news img.sp-img {
		width: 67px;
		float: right;
	}
	.hall-panel.panel-hall .hall-news.mark-2 {
		border: none;
		background-color: #CC1D25;
		padding-bottom: 2px;
		padding-top: 4px;
	}
	.hall-panel.panel-hall .hall-news.mark-2 img {
		float: right;
		width: 87px;
	}
	.hall-panel.panel-hall .hall-news.mark-2 img.sp-img {
		float: none;
		width: 119px;
	}
	.hall-panel.panel-hall .hall-news.mark-3 {
		border: 1px solid #FFFF00;
		background-color: #005A24;
		padding-bottom: 2px;
		padding-top: 2px;
	}
	.hall-panel.panel-hall .hall-news.mark-3 img {
		float: none;
		width: 135px;
	}
	.hall-panel.panel-hall .hall-news.mark-3 img.sp-img {
		float: right;
		width: 73px;
	}
	.hall-panel.panel-hall .hall-news.mark-4 {
		border: 1px solid #009944;
		background-color: #EDECBF;
		padding-bottom: 2px;
		padding-top: 2px;
		text-align:center;
	}
	.hall-panel.panel-hall .hall-news.mark-4 img {
		float: none;
		width: 68px;
	}
	.hall-panel.panel-hall .hall-news.mark-4 img.sp-img {
		float: right;
		width: 73px;
		display:none;
	}
}


/**** Hall Panel Last ****/

.hall-panel.panel-last {
    background-image: url(../img/card_last.png);
    background-position: center;
    background-size: cover;
    background-color: #93BC43;
}



/*----------------------------------------------------
    Home - Plan
----------------------------------------------------*/

.home-group {}
.content-group {
	background-image: url(../img/bk_ptn_2.png);
}
.content-group .inner {
	padding: 120px 0px 85px;
}

.plan-box-1 {
    position: relative;
    margin-bottom: 37px;
    padding-left: 22px;
}
.plan-box-1 .row-1 {
    position: relative;
}
.plan-box-1 .row-1 .icon {
    width: 210px;
    float: left;
}
.plan-box-1 .row-1 .icon img {
    width: 100%;
}
.plan-box-1 .row-1 .title {
    /* float: left; */
    background: #ffb414;
    font-size: 37px;
    position: absolute;
    line-height: 1.2;
    transform: rotate(-5deg);
    left: 230px;
    top: -20px;
    letter-spacing: -0.04em;
}
.plan-box-1 .row-2 {
    position: absolute;
    font-size: 25px;
    bottom: 56px;
    padding-left: 225px;
}

.plan-box-2 {
    position: relative;
    padding-right: 46px;
    margin-bottom: 67px;
}
.plan-box-2 .row-1 {
    position: relative;
}
.plan-box-2 .row-1 .icon {
    width: 210px;
    float: right;
}
.plan-box-2 .row-1 .icon img {
    width: 100%;
}
.plan-box-2 .row-1 .title {
    /* float: left; */
    background: #8CC63F;
    font-size: 37px;
    position: absolute;
    line-height: 1.2;
    transform: rotate(5deg);
    right: 210px;
    top: -14px;
    letter-spacing: -0.04em;
}
.plan-box-2 .row-2 {
    position: absolute;
    font-size: 25px;
    bottom: 40px;
    /* padding-left: 225px; */
    text-align: right;
    right: 252px;
}

.plan-box-3 {
    position: relative;
    padding-left: 111px;
    margin-bottom: 47px;
}
.plan-box-3 .row-1 {
    position: relative;
}
.plan-box-3 .row-1 .icon {
    width: 210px;
    float: left;
}
.plan-box-3 .row-1 .icon img {
    width: 100%;
}
.plan-box-3 .row-1 .title {
    /* float: left; */
    background: #29ABE2;
    font-size: 37px;
    position: absolute;
    line-height: 1.2;
    transform: rotate(-5deg);
    left: 236px;
    top: 0px;
    letter-spacing: -0.04em;
}
.plan-box-3 .row-2 {
    position: absolute;
    font-size: 25px;
    bottom: 48px;
    padding-left: 225px;
}

.content-group .main-msg {
    border: 5px solid #231714;
    padding: 26px 50px 14px;
    letter-spacing: -0.14em;
    margin-right: 10px;
    -webkit-box-shadow: 10px 10px 0 0 #231714;
    box-shadow: 10px 10px 0 0 #231714;
}
.content-group .main-msg span {
    line-height: 1.4;
}
.content-group .main-msg .black {
    font-size: 42px;
}
.content-group .main-msg .y {
    font-size: 50px;
    letter-spacing: -0.17em;
    color: #ffb414;
}
.content-group .main-msg .g {
    font-size: 50px;
    letter-spacing: -0.em;
    color: #8CC63F;
}
.content-group .main-msg .b {
    font-size: 50px;
    letter-spacing: -0.14em;
    color: #29ABE2;
}
.content-group .main-msg .r {
    font-size: 50px;
    letter-spacing: -0.14em;
    color: #ff1e64;
    /* float: right; */
}

.content-group .disclaimer {
    margin-top: 21px;
    font-size: 14px;
    text-align: right;
    letter-spacing: 0;
}


@media only screen and (max-width: 768px) {
	.content-group .inner {
		padding: 40px 0px 60px;
	}

	.plan-box-1 {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.plan-box-1 .row-1 {
		margin-bottom: 5px;
	}
	.plan-box-1 .row-1 .icon {
		width: 130px;
	}
	.plan-box-1 .row-1 .title {
		left: 140px;
		font-size: 5vw;
		top: 0px;
	}
	.plan-box-1 .row-2 {
		position: static;
		padding: 0;
		font-size: 14px;
		text-align: center;
	}

	.plan-box-2 {
		padding-right: 0;
		margin-bottom: 20px;
	}
	.plan-box-2 .row-1 {
		margin-bottom: 5px;
		padding-right: 20px;
	}
	.plan-box-2 .row-1 .icon {
		width: 130px;
	}
	.plan-box-2 .row-1 .icon img {
	}
	.plan-box-2 .row-1 .title {
		right: 160px;
		font-size: 5vw;
		top: 20px;
	}
	.plan-box-2 .row-2 {
		position: static;
		right: 0;
		font-size: 14px;
		text-align: center;
	}

	.plan-box-3 {
		padding-left: 0;
	}
	.plan-box-3 .row-1 {
		margin-bottom: 5px;
	}
	.plan-box-3 .row-1 .icon {
		width: 130px;
	}
	.plan-box-3 .row-1 .icon img {
	}
	.plan-box-3 .row-1 .title {
		left: 140px;
		font-size: 5vw;
		top: 20px;
	}
	.plan-box-3 .row-2 {
		position: static;
		right: 0;
		font-size: 14px;
		text-align: center;
		padding-left: 0;
	}

	.content-group .main-msg {
		border: 2px solid #231714;
		padding: 10px 10px 10px;
		-webkit-box-shadow: 4px 4px 0 0 #231714;
		box-shadow: 4px 4px 0 0 #231714;
		margin-right: 4px;
	}
	.content-group .main-msg span {
		white-space: nowrap;
	}
	.content-group .main-msg .black {
		font-size: 21px;
	}
	.content-group .main-msg .y {
		font-size: 24px;
	}
	.content-group .main-msg .g {
		font-size: 24px;
	}
	.content-group .main-msg .b {
		font-size: 24px;
	}
	.content-group .main-msg .r {
		font-size: 24px;
		float: right;
	}
	.content-group .disclaimer {
		font-size: 11px;
	}
}

@media only screen and (max-width: 768px) and (min-width: 460px) {
	.content-group .main-msg .r {
		float: none;
	}
}
@media only screen and (max-width: 320px) {
	.plan-box-1 .row-1 .icon,
	.plan-box-2 .row-1 .icon,
	.plan-box-3 .row-1 .icon{
		width: 120px;
	}
	.plan-box-3 .row-1 {
		padding-left:10px;
	}
	.plan-box-1 .row-1 .title{
		left: 130px;
		font-size: 5vw;
		top: 20px;
	}
	.plan-box-3 .row-1 .title{
		left: 140px;
		font-size: 5vw;
		top: 30px;
	}
	.plan-box-2 .row-1 .title{
		right: 150px;
		font-size: 5vw;
		top: 20px;
	}
	.content-group .main-msg .y,
	.content-group .main-msg .g,
	.content-group .main-msg .b{
		font-size: 21px;
		padding-top:5px;
	}
	.content-group .main-msg .r {
		font-size: 21px;
	}
}
/*----------------------------------------------------
    Home - Book
----------------------------------------------------*/

.home-book {}
.content-book {
    background: #E3e8f2;
}
.content-book .inner {
    padding: 25px 50px 60px;
}

.bookOuter {}
.bookOuter .book-left {
    float: left;
    width: 45%;
}
.bookOuter .book-img {}
.bookOuter .book-img img {
	width:100%;
}

.bookOuter .book-right {
    float: right;
    width: 55%;
}
.bookOuter .book-right .book-text {
    padding: 20px 40px;
}

@media only screen and (max-width: 768px) {
	.content-book .inner {
		padding: 20px 0px 20px;
	}
	.bookOuter .book-left {
		float:none;
		width:100%;
	}
	.bookOuter .book-img {
		/* height:270px; */
		overflow:hidden;
	}
	.bookOuter .book-right {
		float:none;
		width:100%;
	}
	.bookOuter .book-right .book-text {
		padding: 20px 20px 0;
	}
}


/*----------------------------------------------------
    Home - Links
----------------------------------------------------*/

.home-links {
    background: #efefef;
}
.content-links {}
.content-links .inner {
    padding: 25px 0px 35px;
}
.content-links .inner .disclaimer {
	font-size: 14px;
	text-align: center;
	margin-bottom: 18px;
}

.linkOuter {}
.linkOuter ul {
    font-size: 0;
    margin: 0 -6px;
    text-align: center;
}
.linkOuter ul li {
    width: 25%;
    /* float: left; */
    padding: 0 3px;
    /* border: 1px solid #bebebe; */
    /* border-radius: 5px; */
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
}
.linkOuter ul li a {
    display: block;
    /* border: 1px solid #bebebe; */
    border-radius: 5px;
    /* padding: 16px 14px; */
    /* height: 75px; */
}
.linkOuter ul li a:hover {
	text-decoration:none;
}
.wg-device-PC .linkOuter ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.linkOuter ul li a .image {
	height: 135px;
	background-color: #FFF;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.linkOuter ul li a .title {
	height: 35px;
	background-color:#e1e1e1;
	line-height:35px;
	text-align:center;
	white-space: nowrap;
}

.home-links-2 .inner  {
    padding-top: 40px;
    padding-bottom: 20px;
}
.home-links-3 .inner {	
	padding: 40px 0px 18px;
}
.home-links-4 .inner {
	padding: 40px 0px 28px;
}

@media only screen and (max-width: 768px) {
	.home-links {
	}
	.content-links {}
	.content-links .inner {
		padding: 15px 0px 35px;
	}
	.content-links .inner .disclaimer {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.linkOuter {}
	.linkOuter ul {
	}
	.linkOuter ul li {
		width: 50%;
		padding: 0 6px;
		margin-bottom: 12px;
	}
	.linkOuter ul li a {
	}
	.linkOuter ul li a:hover {
	}
	.wg-device-PC .linkOuter ul li a:hover {
	}
	.linkOuter ul li a .image {
		height: 84px;
	}
	.linkOuter ul li a .title {
		font-size: 14px;
		height:30px;
		line-height:30px;
	}
	.linkOuter ul li a .title.small {
		font-size: 60%;
	}
	.home-links-2 .inner  {
	}
	.home-links-3 .inner {	
	}
	.home-links-4 .inner {
	}
}


/*----------------------------------------------------
    Nicocho Bannar
----------------------------------------------------*/

.home-nicocho {
    background-color: #e62333;
}
.content-nicocho {}
.content-nicocho .inner {padding: 45px 0;}
a.nicocho {
	height: 130px;
	display:block;
	background: #FFF;
	border-radius: 100px;
	text-align: center;
	padding: 27px 0;
	position: relative;
}
.wg-device-PC a.nicocho:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
a.nicocho img {
	width: 500px;
}
a.nicocho:after {
	position:absolute;
	content: "";
	width:45px;
	height:45px;
	background-image: url('../img/arrow_gray.png');
	background-size:45px;
	background-position:center;
	background-repeat:no-repeat;
	right: 50px;
	top:50%;
	margin-top:-22.5px;
}

@media only screen and (max-width: 768px) {
	.home-nicocho {
	}
	.content-nicocho {}
	.content-nicocho .inner {
	padding: 15px 0;
	}
	a.nicocho {
	height: auto;
	padding: 14px;
	}
	.wg-device-PC a.nicocho:hover {
	}
	a.nicocho img {
	width: 70%;
	}
	a.nicocho:after {
	width: 15px;
	height: 15px;
	right: 20px;
	top: 50%;
	margin-top: -7.5px;
	background-size: 15px;
	}
}


/*----------------------------------------------------
    Bannars
----------------------------------------------------*/

.home-bannars {}
.content-bannars {}
.content-bannars .inner {
    padding: 20px 0 66px;
}
.content-bannars .disclaimer {
	text-align:center;
	font-size:14px;
	line-height:1;
	display: none;
}
.content-bannars .bannar-1-outer {
	margin-bottom: 16px;
}
.content-bannars .bannar-1 {
    display: block;
    margin: 0 auto;
    width: 310px;
}
.content-bannars .bannar-1 img {
    width: 100%;
}
.content-bannars .bannar-2 {
    display: block;
    margin: 0 auto;
    width: 200px;
    /* border: 1px solid #000; */
    margin-bottom: 42px;
}
.content-bannars .bannar-2 img {
    width: 100%;
}
.content-bannars .bannar-3 {
    display: block;
    /* margin: 0 auto; */
    width: 100%;
    /* border: 1px solid #000; */
    background: #B70016;
    border-radius: 100px;
    height: 130px;
    padding-left: 100px;
    padding: 34px 100px;
    position: relative;
}
.content-bannars .bannar-3 img {
    width: 235px;
}
.content-bannars .bannar-3 span {
    color: #FFF;
    font-size: 40px;
    vertical-align: middle;
    margin-left: 30px;
}
.content-bannars .bannar-3:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    background-image: url(../img/arrow_red.png);
    background-size: 45px;
    background-position: center;
    background-repeat: no-repeat;
    right: 50px;
    top: 50%;
    margin-top: -22.5px;
}

@media only screen and (max-width: 768px) {
	.home-bannars {}
	.content-bannars {}
	.content-bannars .inner {
		padding:20px 0 26px; 
	}
	.content-bannars .disclaimer {
	}
	.content-bannars .bannar-1-outer {
	}
	.content-bannars .bannar-1 {
		width: 200px;
	}
	.content-bannars .bannar-1 img {
	}
	.content-bannars .bannar-2 {
		/* width: 100%; */
		margin-bottom: 20px;
	}
	.content-bannars .bannar-2 img {
	}
	.content-bannars .bannar-3 {
		width: 100%;
		height: auto;
		padding: 12px;
	}
	.content-bannars .bannar-3 img {
		width: 23%;
	}
	.content-bannars .bannar-3 span {
		font-size: 14px;
		margin-left: 0;
		/* font-size: 2vw; */
	}
	.content-bannars .bannar-3:after {
		width: 15px;
		height: 15px;
		right: 20px;
		margin-top: -7.5px;
		background-size: 15px;
	}
}


/*----------------------------------------------------
    SNS
----------------------------------------------------*/

.home-sns {
	border-top: 5px solid #ff1e64;
}
.content-sns {
    background-image: url(../img/bk_ptn_2.png);
    background-position: top;
}
.content-sns .inner {
    padding: 43px 0 37px;
}
.content-sns ul {
    text-align: center;
}
.content-sns ul li {
    /* float: left; */
    display: inline-block;
    margin: 0 38px;
    vertical-align: bottom;
}
.content-sns ul li a {
    display: block;
    width: 90px;
    height: 90px;
    background-size: 100%;
}
.content-sns ul li a.fb {
    background-image: url(../img/sns_fb.png);
}
.content-sns ul li a.tw {
    background-image: url(../img/sns_twitter.png);
}
.content-sns ul li a.line {
    background-image: url(../img/sns_line.png);
}

@media only screen and (max-width: 768px) {
	.home-sns {
	}
	.content-sns {
	}
	.content-sns .inner {
	}
	.content-sns ul {
	}
	.content-sns ul li {
	margin: 0 5px;
	}
	.content-sns ul li a {
	width: 60px;
	height: 60px;
	}
}


/*----------------------------------------------------
    Page BLOG
----------------------------------------------------*/

.page-blog {}
.page-blog h2 .inner,
.page-hall h2 .inner {
	padding-left:0px;
	padding-right: 20px;
}
@media only screen and (max-width: 1070px) {
	.page-blog h2 .inner, .page-hall h2 .inner {
		padding-right: 0;
	}
}
@media only screen and (max-width: 768px) {
	.page-blog h2 .inner, .page-hall h2 .inner {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*--- H2 ------------------------------*/

.sp-hall-links .hall-links,
.page-blog h2 .hall-links,
.page-hall h2 .hall-links {
    float: right;
    padding: 5px 0;
}
.sp-hall-links .hall-links a, 
.page-blog h2 .hall-links a, 
.page-hall h2 .hall-links a {
	text-decoration:none;
}
.sp-hall-links .hall-links a.link-pworld ,
.page-blog h2 .hall-links a.link-pworld ,
.page-hall h2 .hall-links a.link-pworld {
    display: block;
    width: 250px;
    float: left;
    height: 40px;
    padding: 12px 12px;
    border-radius: 5px;
    position: relative;
}
	.wg-device-PC .sp-hall-links .hall-links a:hover, 
	.wg-device-PC .page-blog h2 .hall-links a:hover, 
	.wg-device-PC .page-hall h2 .hall-links a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
.sp-hall-links .hall-links a.link-pworld:after,
.page-blog h2 .hall-links a.link-pworld:after,
.page-hall h2 .hall-links a.link-pworld:after {
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	background-image: url('../img/icon_blank-page.png');
	background-size: contain;
	background-position:center;
	margin-top:-15px;
	top: 50%;
	right: 5px;
}
.sp-hall-links .hall-links a.link-pworld .title,
.page-blog h2 .hall-links a.link-pworld .title,
.page-hall h2 .hall-links a.link-pworld .title {
	font-size: 18px;
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	line-height: 1;
}
.sp-hall-links .hall-links a.link-pworld .site,
.page-blog h2 .hall-links a.link-pworld .site,
.page-hall h2 .hall-links a.link-pworld .site {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.sp-hall-links .hall-links a.link-hallInfo,
.page-blog h2 .hall-links a.link-hallInfo,
.page-hall h2 .hall-links a.link-hallBlog {
    display: block;
    width: 250px;
    float: left;
    height: 40px;
    padding: 4px 9px;
    border-radius: 5px;
    position: relative;
    background-color: #869BC7;
    margin-left: 10px;
}
.sp-hall-links .hall-links a.link-hallInfo img,
.page-blog h2 .hall-links a.link-hallInfo img,
.page-hall h2 .hall-links a.link-hallBlog img {
	/* background-color: #869BC7; */
	width: 34px;
	display: inline-block;
}
.sp-hall-links .hall-links a.link-hallInfo .title,
.page-blog h2 .hall-links a.link-hallInfo .title,
.page-hall h2 .hall-links a.link-hallBlog .title {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	line-height: 1;
	float: none;
	margin-top: 3px;
}
.sp-hall-links .hall-links a.link-hallInfo:after,
.page-blog h2 .hall-links a.link-hallInfo:after,
.page-hall h2 .hall-links a.link-hallBlog:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../img/icon_other-page.png);
    background-size: contain;
    background-position: center;
    margin-top: -15px;
    top: 50%;
    right: 5px;
}
.sp-hall-links {
	display:none;
}

@media only screen and (max-width: 768px) {
	.sp-hall-links {
		display: block;
	}
	.page-blog h2 .hall-links, 
	.page-hall h2 .hall-links {
		display: none;
	}
	.sp-hall-links .hall-links {
		float:none;
		padding: 10px 15px 10px;
	}
	.sp-hall-links .hall-links a.link-pworld {
		width: 100%;
		float: none;
		border-radius: 10px;
		color: #FFF;
		margin-bottom: 10px;
		padding: 6px 12px 12px;
	}
	.sp-hall-links .hall-links a.link-hallInfo {
		width: 100%;
		float: none;
		margin: 0;
		border-radius: 10px;
		color: #FFF;
		padding: 5px 9px;
	}
	.sp-hall-links .hall-links a.link-hallInfo img {
		width: 30px;
	}
	.sp-hall-links .hall-links a.link-pworld .site {
		/* margin-top: 4px; */
		font-size: 13px;
		vertical-align: bottom;
	}
}


/*--- Contents Blog ------------------------------*/

.content-blog {
	background-color: #FFE3EC;
}

/*--- BLOG ------------------------------*/

.bodyBlogBox *{
    box-sizing: border-box;
}
.bodyBlogBox {
    /* padding-top: 80px; */
    /* margin-bottom: 200px; */
    position:relative;
    padding: 14px 20px 220px 30px;
}
.bodyBlogBox .leftContents {
    display:block;
    width: 100%;
    margin:0;
    float: left;
    box-sizing: border-box;
    vertical-align: top;
    /* background: #FFF; */
    /* padding-bottom: 200px; */
    margin-left: -274px;
    padding-left: 274px;
}
.bodyBlogBox .rightContents {
    display:block;
    width: 350px;
	vertical-align:top;
	float:right;
}

.blogBox {
    padding: 20px 16px;
    background-color: #FFF;
}
.blogBox .blogImageBox {
    height: auto;
    position:relative;
    overflow:hidden;
    margin-bottom: 20px;
    display: none;
}
.blogBox .blogImageBox .blogImg {
    width: 100%;
    height: 100%;
    background-color: #e6e6e6;
    background-size: cover;
    background-position: center;
}
.blogBox .blogImageBox .blogImg img {
    width: 100%;
}
.panelOtherPost ul.postList li .post-img.noImagePost,
.blogBox .blogImageBox .blogImg.noImagePost {
	position:relative;
}
.panelOtherPost ul.postList li .post-img.noImagePost:after,
.blogBox .blogImageBox .blogImg.noImagePost:after {
    content: "No Image";
    color:#FFF;
    position:absolute;
    width: 100%;
    height: 40px;
    margin-top: -20px;
    margin-left: 0;
    top:50%;
    left: 0;
    text-align: center;
    font-size: 20px
}
/*
.blogBox .blogImageBox .blogImg:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #b2e800 transparent transparent transparent;
    z-index: 1;
}
.blogBox .blogImageBox .blogImg:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #b2e800 transparent;
    z-index: 1;
}
*/
.blogBodyOuter {
    padding: 0px 0px;
    margin-bottom: 100px;
    width: 100%;
    margin: 0 auto;
}
.blogBox .blogHead {
    margin-bottom: 1em;
    text-align: left;
    border-bottom: 2px solid #e3e3e3;
    padding-bottom: 10px;
    margin-top: 5px;
}
.blogBox .blogHead .blogIcon {
    display: inline-block;
    width: 180px;
    border: 1px solid #5A5A5A;
    padding: 18px 0 18px 40px;
    background-image: url('../img/icon-blog-news.svg');
    background-repeat: no-repeat;
    background-size: 38px 38px;
    background-position: center left 10px;
    text-align: center;
    color: #5A5A5A;
    margin-right: 50px;
}
.blogBox .blogHead .blogIcon.icon-news {
	font-size:17px;
	letter-spacing:0.1em;
}
.blogBox .blogHead .blogIcon.icon-blog {background-image: url(../img/icon-blog.svg);}
.blogBox .blogHead .blogIcon.icon-campaign {background-image: url(../img/icon-blog-campaign.svg);}

.blogBox .blogHead .blogDate {
    display: inline-block;
    font-size: 14px;
    letter-spacing:0.05em;
    float: right;
    background-color: #fff7da;
    padding: 6px 11px 4px;
    line-height: 1;
    margin-top: 9px;
}
.blogBox .blogTitle {
    font-size: 20px;
    line-height: 1.2em;
    /*
	padding-bottom:5px;
    border-bottom:2px solid #f0f0f0;
	display:inline;
    margin-bottom: 50px;
    */
    display:inline-block;
    /* color:#232323; */
    text-align: left;
    /* background-image:url(../img/blog_468.png); */
    /* background-position:left -4px; */
    /* background-repeat:repeat; */
    /* width:100%; */
    float: left;
    font-weight: bold;
    margin-top: 9px;
}
.blogBox .sp-blogTitle {
	display: none;
}	
.blogBox .blogBody {
    margin-top: 50px;
    font-size: 17px;
    line-height: 2em;
    padding-bottom: 50px;
    /* border-bottom: 1px solid #e6e6e6; */
    text-align: justify;
    /* color:#232323; */
    min-height: 200px;
    word-break: break-all;
}
.blogBox .blogBody img {
	max-width:100%;
	/* width: 100%; */
	height: auto;
	/* display: inline; */
}
.blogBox .blogBody p {
    font-size: 17px;
    line-height: 2em;
    text-align: justify;
    color:#232323;
}
.blogBox .blogSNSLinks {
    padding-top: 50px;
    padding-bottom: 0px;
    text-align: center;
}
.fb_iframe_widget {
	display:inline-block !important;
	line-height:1;
	vertical-align:top;
}
.twitter-widget-0 ,
.blogBox .blogSNSLinks > iframe {
	line-height:1;
	vertical-align:top;
}

@media only screen and (max-width: 1070px) {
	.bodyBlogBox {
		padding: 14px 0px 220px 0px;
	}
}
@media only screen and (max-width: 768px) {
	.bodyBlogBox {
		padding: 25px 0;
	}
	.bodyBlogBox .leftContents {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.blogBox {
		padding: 0;
	}
	.blogBox .blogHead {
		background-color: #009944;
		padding: 0;
		border: none;
		text-align: center;
		padding: 7px 10px;
		margin: 0;
	}
	.blogBox .blogTitle {
		display: none;
	}
	.blogBox .sp-blogTitle {
		display: block;
		font-weight:bold;
		margin-bottom:1em;
	}
	.blogBox .blogHead .blogDate {
		float: none;
		background: transparent;
		color: #FFF;
		padding: 0;
		margin: 0;
	}
	.blogBox .blogBody {
		padding: 16px 16px 40px;
		margin-top: 0;
	}
	.blogBox .blogImageBox {
		/* height: 250px; */
		height: auto;
	}

}

/*--- Blog Content Style ------------------------------*/

.blogBody h1 {
	display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.blogBody h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	background-color: transparent;
	padding: 0;
	height: auto;
}
.blogBody h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.blogBody h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.blogBody h5 {
	display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.blogBody h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.blogBody ul, .blogBody menu, .blogBody dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.blogBody ul li, .blogBody ol li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: inherit;
}
.blogBody ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.blogBody blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
.blogBody a {
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.blogBox .blogBody p img.aligncenter{
	text-align:center;
	margin: 0 auto;
	display: inherit;
}


/*--- Pagenation ------------------------------*/

.pagenation {
    text-align: center;
    text-align: left;
    padding: 30px 0;
}
.pagenation ul {
    letter-spacing: -.4em;
    text-align: center;
}
.pagenation ul li {
    display: inline-block;
    /* border: 1px solid #e6e6e6; */
    letter-spacing: normal;
    border-right: none;
    text-align: center;
    margin: 0 2px;
}
.pagenation ul li:last-child {
	border-right: 1px solid #e6e6e6;
}
.pagenation ul li a {
    display: block;
    padding: 8px 13px;
    font-size: 13px;
    color: #000;
    position: relative;
    background: #FFF;
}
.pagenation ul li.prev {}
.pagenation ul li.prev a {
    font-size: 15px;
    /* font-weight: bold; */
    color: #232323;
    padding: 22px 0px 23px;
    padding-left: 14px;
    width: 150px;
}
.pagenation ul li.next {}
.pagenation ul li.next a {
    font-size: 15px;
    /* font-weight: bold; */
    color: #232323;
    padding: 22px 0px 23px;
    padding-right: 14px;
    width: 150px;
}
.pagenation ul li.prev a:before {
    content: "";
    position: absolute;
    left: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #232323;
    border-right: 1px solid #232323;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    vertical-align: middle;
    margin-top: -5px;
    top: 50%;
}
.pagenation ul li.next a:before {
    content: "";
    position: absolute;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #232323;
    border-right: 1px solid #232323;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    margin-top: -5px;
    top: 50%;
}
.pagenation ul li.slctd a{
	background-color: #595959;
	color: #FFF;
}
@media only screen and (max-width: 768px) {
	.pagenation {
		padding: 20px 0;
	}
	.pagenation ul li {
		margin-bottom: 4px;
	}
}


/*--- categoryList ------------------------------*/

.categoryList {
    margin-bottom: 50px;
}
.categoryList .title {
    background-color: #e6e6e6;
    color: #5A5A5A;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 22px 0;
}
.categoryList ul {
}
.categoryList ul li {
    border: 1px solid #e6e6e6;
    border-top: none;
    position: relative;
    background-image: url(../img/icon-blog-news.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center left 20px;
}
.categoryList ul li.active {
	background-color:#232323;
}
.categoryList ul li.active a {
    color: #FFF;
}
.categoryList ul li.category-news {}
.categoryList ul li.category-blog {
	background-image: url(../img/icon-blog.svg);
}
.categoryList ul li.category-campaign {
	background-image: url(../img/icon-blog-campaign.svg);
}
.categoryList ul li a {
    font-size: 17px;
    color: #5A5A5A;
    text-align: center;
    display: block;
    padding: 22px 0;
    letter-spacing:0.1em;
}
.categoryList ul li:hover {
	background-color: #232323;
}
.categoryList ul li a:hover {
	text-decoration:none;
	color: #FFF;
}
.categoryList ul li.category-news.active,
.categoryList ul li.category-news:hover {
	background-image: url(../img/icon-blog-news-on.svg);
}
.categoryList ul li.category-blog.active,
.categoryList ul li.category-blog:hover {
	background-image: url(../img/icon-blog-on.svg);
}
.categoryList ul li.category-campaign.active,
.categoryList ul li.category-campaign:hover {
	background-image: url(../img/icon-blog-campaign-on.svg);
}


/*--- BLOG LIST ------------------------------ */

.blogList {}
.blogList h4 {
    font-weight: bold;
    font-size: 17px;
    color: #5A5A5A;
    margin-bottom: 15px;
    letter-spacing:0.1em;
}
.blogList ul {}
.blogList ul li {
    padding: 15px 0 10px;
    border-bottom: 2px solid #e6e6e6;
}
.blogList ul li > a {
	text-decoration:none;
}
.blogList ul li:first-child {}
.blogList .blogImage {
    width: 90px;
    height: 86px;
    margin-right:4px;
    /*
    float: left;
    */
    display:inline-block;
    background-size: cover;
    background-position: center;
    vertical-align: top;
}
.blogList .blogImage.noImagePost {
	background-color: #e6e6e6;
	position:relative;
}
.blogList .blogImage.noImagePost:after {
    content: "No Image";
    color: #FFF;
    position: absolute;
    width: 100%;
    height: 1em;
    margin-top: -0.5em;
    margin-left: 0;
    top: 50%;
    left: 0;
    text-align: center;
    font-size: 12px;
}
.blogList .blogBody {
    width: calc(100% - 100px);
    display:inline-block;
    /*
    float: right;
    margin-right: -100px;
    padding-right: 100px;
    */
    box-sizing: border-box;
    font-size: 15px;
    color: #5A5A5A;
    line-height: 1.5;
}
.blogList .blogBody .blogTitle {
    margin-bottom: 10px;
    margin-top: -4px;
}
.blogList .blogBody .blogTitle a {
    color: #5A5A5A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
    text-align:justify;
}
.blogList .blogBody .blogDate {}
.bodyBlogBox .right-contents {
	width: 240px;
	float: left;
	margin-left: 34px;
}

@media only screen and (max-width: 768px) {
	.bodyBlogBox .right-contents {
		float:none;
		width: 100%;
		margin: 0;
	}
}


/*--- PANEL ------------------------------ */

.panel {
    margin-bottom: 20px;
}
.panel .panel-title {
	background-color: #009944;
	color: #FFF;
	font-size: 13px;
	padding: 10px 10px 4px 10px;
	font-weight: bold;
}
.panel .panel-body {
	background-color: #FFF;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}
@media only screen and (max-width: 768px) {
	.panel {
		margin-bottom: 30px;
	}
	.panel .panel-title {
		font-weight: normal;
		font-size: 14px;
		padding: 10px 10px 9px 10px;
	}
}

/*--- SP Panel Group Hall ------------------------------*/

.panelGroupHall {
	display:none;
}
@media only screen and (max-width: 768px) {
	.panelGroupHall {
		display:block;
	}
	.panelGroupHall .panel-body {
		/*padding: 10px;*/
	}
	.panelGroupHall .nearHallList {
		display: block;
	}
	.panelGroupHall .nearHallList .nearHall-item {
		border-bottom: 1px solid #d5d5d5;
	}
	.panelGroupHall .nearHallList .nearHall-item:last-child {
		border-bottom: none;
	}
	.panelGroupHall .nearHallList li.hall-panel.panel-hall:last-child {
		border-bottom: none;
	}
	.panelGroupHall .nearHallList .nearHall-item a {
		display: block;
		padding: 10px 5px;
		/* text-decoration: none; */
		position: relative;
	}
	.panelGroupHall .nearHallList .nearHall-item a:before {
		position: absolute;
		content: "";
		width: 40px;
		height: 40px;
		background-image: url(../img/sp_menu_5.png);
		background-size: contain;
		background-position: center;
		margin-top: -20px;
		top: 50%;
		right: 0px;
	}
	.panelGroupHall .nearHallList .hall-info {
    padding-right: 40px;
}
	.panelGroupHall .nearHallList .hall-info .hall-name {
		font-size: 14px;
		font-weight: bold;
	}
	.panelGroupHall .nearHallList .hall-info .hall-address{
		font-size: 13px;
		/* background-color: #F3C9BD; */
		border-radius: 50px;
		padding: 2px 10px 0px;
	}
}

/*--- Other Posts Panel ------------------------------*/

.panelOtherPost {}
.panelOtherPost ul.postList {
    padding: 5px 10px;
}
.panelOtherPost ul.postList li {
    border-bottom: 1px solid #d5d5d5;
}
.panelOtherPost ul.postList li:last-child {
    border-bottom: none;
}
.panelOtherPost ul.postList li a {
    display: block;
    padding: 15px 5px;
    /*text-decoration:none;*/
}
	/* Hover */
	.wg-device-PC .panelOtherPost ul.postList li a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}

.panelOtherPost ul.postList li.post-joint .post-date:after{
	content:"åˆåŒè¨˜äº‹";
	font-size: 10px;
	padding:1px 10px 0;
	margin-left:5px;
	background-color:#fffe99;
	border-radius: 10px;
}
@media only screen and (max-width: 768px){
	.panelOtherPost ul.postList li.post-joint{
		position:relative;
		background-color:#f6ffed;
	}
}


.panelOtherPost ul.postList li .post-img {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-position: center;
    float: left;
}
.panelOtherPost ul.postList li .post-img.noImagePost {background-color: #e6e6e6;}
.panelOtherPost ul.postList li .post-img.noImagePost:after {
	font-size: 12px;
	line-height: 1.3;
	display: flex;
	justify-content: right;
	align-items: center;
} 
.panelOtherPost ul.postList li .post-info {
    padding-left: 60px;
}
.panelOtherPost ul.postList li .post-info .post-title {
    font-size: 13px;
}
.panelOtherPost ul.postList li .post-info .post-date {
    font-size: 11px;
}


@media only screen and (max-width: 768px) {
	.panelOtherPost ul.postList {
		padding: 5px 0px;
	}
	.panelOtherPost ul.postList li .post-img {
		display:none;
	}
	.panelOtherPost ul.postList li .post-info {
		padding: 0;
	}
	.panelOtherPost ul.postList li a {
		padding: 16px;
		font-weight: bold;
		position:relative;
		padding-right: 45px;
	}
	.panelOtherPost ul.postList li a:before {
		position: absolute;
		content: "";
		width: 40px;
		height: 40px;
		background-image: url(../img/sp_menu_5.png);
		background-size: contain;
		background-position: center;
		margin-top: -20px;
		top: 50%;
		right: 10px;
	}
	.panelOtherPost ul.postList li .post-info .post-date {
		display:none;
	}
	.panelOtherPost ul.postList li .post-info .post-title {
		font-size:14px
	}
}


/*--- Panel Other Hall Post ------------------------------*/

.panelOtherHallPost {}
.panelOtherHallPost .panel-body {
    padding: 10px;
}
.panelOtherHallPost select {
    width: 100%;
    font-size: 12px;
    border-radius: 5px;
}


/*--- Panel Near Hall ------------------------------*/

.panelNearHall {}
.panelNearHall .panel-body {
    padding: 10px;
}
.panelNearHall .nearHallList {}
.panelNearHall .nearHallList .nearHall-item {
    border-bottom: 1px solid #d5d5d5;
}
.panelNearHall .nearHallList .nearHall-item:last-child {
    border-bottom: none;
}
.panelNearHall .nearHallList .nearHall-item a {
    display: block;
    padding: 10px 5px;
    /* text-decoration: none; */
    position: relative;
}
.panelNearHall .nearHallList .nearHall-item a:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(../img/sp_menu_3.png);
    background-size: contain;
    background-position: center;
    margin-top: -20px;
    top: 50%;
    right: 0px;
}
.panelNearHall .nearHallList .hall-info {}
.panelNearHall .nearHallList .hall-info .hall-name {
    font-size: 13px;
    font-weight: bold;
}
.panelNearHall .nearHallList .hall-info .hall-address{
    font-size: 13px;
}

@media only screen and (max-width: 768px) {
	.panelNearHall .nearHallList .hall-info .hall-name {
		font-size: 14px;
	}
}


/*--- Panel Hall Links ------------------------------*/

.page-hall .panelHallLinks {display:none} 
.panelHallLinks {}
.panelHallLinks .panel-body {
    padding: 16px 20px;
    text-align: center;
}
.panelHallLinks .panel-body a {
	display:inline-block;
	margin-bottom:15px;
}
.panelHallLinks .panel-body a:last-child {
	margin-bottom:0;
}
.panelHallLinks .panel-body a img {
	width: 100%;
}
	/* Hover */
	.wg-device-PC .panelHallLinks .panel-body a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}

@media only screen and (max-width: 768px) {
	.panelHallLinks .panel-body a {
		max-width:200px;
	}
	.content-info .panelHallLinks {
		display:none;
	}
}


/*--- Panel Hall Links 2 ------------------------------*/

.page-hall .panelHallLinks2 {
	display:none;
}
.panelHallLinks2 {}
.panelHallLinks2 .panel-body {
    padding: 16px 20px;
    text-align:center;
}
.panelHallLinks2 .panel-body a {
	display:inline-block;
	margin-bottom:15px;
}
.panelHallLinks2 .panel-body a.type2 {
	border:1px solid #bebebe;
}
.panelHallLinks2 .panel-body a img {
	width: 100%;
	height: auto;
}
	/* Hover */
	.wg-device-PC .panelHallLinks2 .panel-body a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
@media only screen and (max-width: 768px) {
	.page-hall .panelHallLinks2 {
		display:none;
	}
	.panelHallLinks2 .panel-body a {
		max-width:200px;
	}
	.panelHallLinks2 .panel-body a:last-child {
		margin-bottom:0px;
	}
	.panelHallLinks2 .panel-body {
	}
}


/*--- Godo Blog Share Hall ------------------------------*/

.bodyBlogBox {}
.bodyBlogBox .blog-halls {
    border-top: 1px solid #e3e3e3;
    padding: 25px 0 20px;
}
.bodyBlogBox .blog-halls h3 {
	color: #009944;
	font-weight:bold;
}
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel {
	width: 33.33%;
}
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-child(4n+1) {
	border-left: none;
}
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-child(3n+1) {
	border-left: 1px solid #93BC43;
}
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-of-type(1),
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-of-type(2),
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-of-type(3) {
	border-top: 1px solid #93BC43;
}
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-of-type(4) {
	border-top: none;
}
.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:last-child {
	/*border-right: 1px solid #93BC43;*/
}

@media only screen and (max-width: 900px) {
	.bodyBlogBox .blog-halls ul.hallList {
		text-align:center;
	}
	.bodyBlogBox .blog-halls ul.hallList > li.hall-panel {
		width: 50%;
		display:inline-block;
	}
	
	.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-child(3n+1) {
		border-left: none;
	}
	.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-child(2n+1) {
		border-left: 1px solid #93BC43;
	}
	.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-of-type(3),
	.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:nth-of-type(4) {
		border-top: none;
	}
	.bodyBlogBox .blog-halls ul.hallList > li.hall-panel:last-child {
		/*border-right: 1px solid #93BC43;*/
	}
}
@media only screen and (max-width: 768px) {
	.bodyBlogBox .blog-halls {
		display:none;
	}
}

/*----------------------------------------------------
    Page HALL
----------------------------------------------------*/

.page-hall h2 .hall-links a.link-hallBlog {
	padding: 6px 10px 3px;
	background-color: #F03B46;
}
.page-hall h2 .hall-links a.link-hallBlog img {
    width: 30px;
    margin-left: 0;
    vertical-align: middle;
    margin-right: 3px;
}
.page-hall h2 .hall-links a.link-hallBlog .title {
	margin-top: 3px;
}

.page-hall {}
.content-info {
    background-color: #E3E8F2;
}

.infoBox {
    padding: 14px 20px 220px 30px;
    /* float: left; */
}
.infoBox .leftOuter {
	width:100%;
	margin-right:-240px;
	padding-right:240px;
	float: left;
}
.infoBox .leftContents {
	float: left;
	width: 260px;
	/* margin-left: -260px; */
	position: relative;
	z-index: 2;
}
.infoBox .leftContents img {
	/* width:100%; */
}
.infoBox .centetrContents {
	/* position: absolute; */
	/* background: #CCC; */
	width: 100%;
	float: right;
	/* height: 1000px; */
	margin-left: -260px;
	padding-left: 260px;
}
.infoBox .centerInner {
	padding: 0 24px;
}
.infoBox .right-contents {
	float: right;
	width: 240px;
	/* margin-left: -240px; */
}
@media only screen and (max-width: 1070px) {
	.infoBox {
		padding: 14px 0px 220px 0px;
		/* float: left; */
	}
	.infoBox .leftContents {
		/* float: none; */
		/* width: 100%; */
		width: 180px;
	}
	.infoBox .centetrContents {
		margin-left: -180px;
		padding-left: 180px;
	}
}
@media only screen and (max-width: 900px) {
	.infoBox .leftContents {
		float: none;
		width: 100%;
		padding: 0 20px 0 0;
	}
	.infoBox .centetrContents {
		width: 100%;
		float: none;
		margin-left: 0;
		padding-left: 0;
	}
	.infoBox .centerInner {
		padding: 0;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.infoBox {
		padding: 20px 0px 20px 0px;
	}
	.infoBox .leftOuter {
		margin-right: 0;
		padding-right: 0;
		float: none;
	}
	.infoBox .leftContents {
		padding-right: 0;
	}
	.infoBox .centerInner {
		padding-right: 0;
	}
	.infoBox .right-contents {
		float: none;
		width: 100%;
	}
}


/*----------------------------------------------------
    Hall Image Slider
----------------------------------------------------*/

.hallPhotoSlider, #topSlider * {
	transition:all 0s;
	-o-transition: initial;
	-moz-transition: initial;
	-webkit-transition: all 0s;
	-ms-transition: initial;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-font-smoothing:none;
}
.hallPhotoSlider .bx-wrapper {
	box-shadow: none;
	border: none;
	margin-bottom: 7px;
}
.bx-wrapper .bx-controls-direction a {
	top: 50%;
	margin-top: -11px;
	height: 22px;
	left: 0;
	width: 22px;
	background-color: #009944;
	/* right: 0; */
}
.bx-wrapper .bx-controls-direction a.bx-next {
	left:auto;
	right: 0;
}
.bx-wrapper .bx-prev {
	background:none;
}
.bx-wrapper .bx-next {
	background:none;
}
.bx-wrapper .bx-prev:after {
	content: "";
	position: absolute;
	left: 9px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	vertical-align: middle;
	top: 50%;
	margin-top: -4px;
}
.bx-wrapper .bx-next:after {
	content: "";
	position: absolute;
	right: 9px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	top: 50%;
	margin-top: -4px;
}
.slide-item {
	background-size: cover;
	background-position: center;
	height: 170px;
}

.custom-thumb {
    margin: 0 -5px;
    margin-bottom: 30px;
}
.custom-thumb > div {
	width: 33.33%;
	height: 50px;
	float: left;
	padding: 0 5px;
}
.custom-thumb a {
	display: block;
	height: 100%;
	background-size: cover;
	background-position:center;
}

@media only screen and (max-width: 768px) {
	.hallPhotoSlider {
		margin: 0 -15px;
		margin-bottom:20px;
	}
	.custom-thumb {
		display: none;
	}
	.slide-item {
		height:250px;
	}
	.bx-wrapper .bx-controls-direction a {
		height: 30px;
		width: 30px;
	}
	.bx-wrapper .bx-prev:after {
		left: 12px;
		width: 8px;
		height: 8px;
	}
	.bx-wrapper .bx-next:after {
		right: 12px;
		width: 8px;
		height: 8px;
	}
}


/*----------------------------------------------------
    Hall Info - Hall Images
----------------------------------------------------*/

.infoBox .hallImg {}
.infoBox .hallImg ul {}
.infoBox .hallImg ul li {
    margin-bottom: 10px;
    position:relative;
}
.infoBox .hallImg ul li {
    margin-bottom: 10px;
    position:relative;
}
.infoBox .hallImg ul li:after {
    position:absolute;
	content:"";
	width:18px;
	height:18px;
	background-color:#009944;
	top:0;
	left:0;
	background-image:url('../img/icon_modal.png');
	background-size: 18px;
	background-position:center;

}
.infoBox .hallImg ul li img {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.infoBox .hallImg ul li {
		margin-bottom:15px;
	}
}

/*----------------------------------------------------
    Hall Info - Hall Info Table
----------------------------------------------------*/

.hall-info-table {
	margin-bottom:10px;
}
.hall-info-table table {
	table-layout: fixed;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}
.hall-info-table table tr {
    width: 100%;
}
.hall-info-table table tr th {
    width: 90px;
    font-weight: normal;
    /* text-align: center; */
    color: #869BC7;
    color: #54617c;

    padding: 10px 12px;
    vertical-align: top;
}
.hall-info-table table tr td {
    width: auto;
    padding: 10px 12px 10px 0px;
}
.hall-info-table table tr.odd th,
.hall-info-table table tr.odd td  {
	background-color:#EEF0F8;
	/* font-weight: normal; */
}
.hall-info-table table tr.even th,
.hall-info-table table tr.even td  {
	background-color:#FFFFFF;
}
.hall-info-table .row {
	display: block;
	margin: 0;
	margin-bottom: 10px;
}
.hall-info-table .row:last-child {
	margin-bottom: 0;
}
.hall-info-table label {
	background-color:#869BC7;
	font-size:12px;
	text-align:left;
	min-width: 5.5em;
	border-radius: 0;
	/* margin-bottom:2px; */
	margin-right:5px;
}
.hall-info-table .s {
	font-size:11px;
}
.hall-info-table .row .s {
	margin-left:1em;
}
.hall-info-table .eatbox {}
.hall-info-table .eatbox .image-box {
	width: 75px;
	height: 75px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #FFF;
	float: left;
	margin-right: 10px;
}
.hall-info-table.link-table {}
.hall-info-table.link-table a {
	display:inline-block;
	margin-bottom:5px;
	width: 100%;
	max-width: 114px;
}
.hall-info-table.link-table a:last-child {
	margin-bottom:0px;
}
.hall-info-table.link-table a.type2 {
	border:1px solid #bebebe;
}

.hall-info-table.link-table img {
	width:100%;
	max-width: 114px;
	height: auto;
}
.hall-info-table.link-table table tr th {
    width: 140px;
}
.hall-info-table.link-table table tr td {
    padding: 10px 0;
}

.sp-table-title {
	display:none;
}
.hall-info-table .only-sp {
	display:none;
}

@media only screen and (max-width: 768px) {
	.sp-table-title {
		display:block;
	}
	.hall-info-table {
		margin-bottom:20px;
	}
	.hall-info-table table tr th {
		width: 6em;
	}
	.hall-info-table.link-table {
		display:block;
	}
	.hall-info-table.link-table table tr th,
	.hall-info-table.link-table table tr td {
		display: block;
		width: 100%
	}
	.sp-table-title ,
	.hall-info-table.link-table table tr th {
		background-color: #869BC7;
		color: #EEF0F8;
		font-size: 20px;
		padding: 12px 12px 8px;
		line-height: 1;
	}
	.hall-info-table.link-table table tr td {
		width:100%;
		margin-bottom: 20px;
		padding: 20px;
		text-align: center;
	}
	.hall-info-table.link-table a  {
		max-width:230px;
		margin-bottom: 15px;
	}
	.hall-info-table.link-table img {
		max-width:230px
	}
	.hall-info-table .only-sp {
		display:block;
	}
	.hall-info-table .only-sp {
		display:block;
	}
	.hall-info-table .only-sp a {
		font-size: 12px;
		color: red;
		text-decoration: underline;
	}
}

/*----------------------------------------------------
    SP NAV BUTTON
----------------------------------------------------*/

#btnSPNavOpen {
	display:none;
}

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

	/* OPNE BUTTON */

	#btnSPNavOpen {
		display:block;
		position: fixed;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		background-color: rgba(0,0,0,0.6);
		z-index: 4;
		text-align: center;
		color: #FFF;
		/* padding: 17px 12px 14px 12px; */
		transition: 300ms;
		/* background-image: url('../img/sp_menu_1.png'); */
		background-size:100%;
		background-repeat:no-repeat;
		background-position:center;
		transform: translate3d(0px, 0px, 3px);
	}
	#btnSPNavOpen span {
		width: 20px;
		height: 2px;
		display: block;
		margin: 0 auto 2px;
		background-color: #fff;
		-webkit-transition-property: opacity,-webkit-transform,-webkit-transform-origin;
		transition-property: opacity,-webkit-transform,-webkit-transform-origin;
		transition-property: transform,transform-origin,opacity;
		transition-property: transform,transform-origin,opacity,-webkit-transform,-webkit-transform-origin,-ms-transform-origin;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	#btnSPNavOpen span:first-child {
		margin-top: 20px;
	}
	#btnSPNavOpen.open {
		background-color:transparent;
	}
	#btnSPNavOpen.open > span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 15px 3px;
		-ms-transform-origin: 15px 3px;
		transform-origin: 15px 3px;
	}
	#btnSPNavOpen.open > span:nth-child(2) {
		opacity: 0;
	}
	#btnSPNavOpen.open > span:nth-child(3) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 15px -1px;
		-ms-transform-origin: 15px -1px;
		transform-origin: 15px -1px;
	}

	
	/* CLOSE BUTTON */

	#btnSPNavClose {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		background-color: transparent;
		z-index: 5;
		text-align: center;
		/* font-size: 12.21px; */
		/* font-family: "RoundedMplus1c-ExtraBold"; */
		/* color: #FFF; */
		/* padding: 17px 12px 14px 12px; */
		background-image: url(../img/sp_menu_2.png);
		background-size: 50px;
		background-position: center;
		background-repeat: no-repeat;
		display: none;
	}
}

/*----------------------------------------------------
    SP NAV 
----------------------------------------------------*/

#spNav {
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	z-index: 2;
}
.nav-header {
	width: 100%;
	height: 50px;
	/* background-color: rgba(0,0,0,0.6); */
}
.navList {
	background: #FFF;
}
.navList ul {
	
}
.navList ul li {
	margin: 0;
	border-bottom: 1px solid #BFBFBF;
}
.navList ul li a {
	display: block;
	padding-left: 17px;
	position: relative;
	/* font-size: 14px; */
	padding: 20px 20px 16px;
	font-size: 16px;
}
.navList ul li a:after {
	content: "";
	border: none;
	width: 50px;
	height: 50px;
	background-image: url(../img/sp_menu_4.png);
	background-size: 100%;
	left: auto;
	right: 10px;
	margin-top: -25px;
	z-index:5;
	display: block;
	position: absolute;
	top: 50%;
}
.navList ul li.home a:after {
	background-image: url(../img/sp_menu_3.png);
}
























































#mainVisual {
	position: relative;
}
#mainVisual .loader {
	/* position: absolute; */
	width: 100%;
	top:0;
}

.contentsPhotoSlider {
	margin-bottom: 30px;
}

#topSlider {
    /* height: 500px; */
    margin-top: 33px;
}
#topSliderSP { display: none; }
#topSliderSP ul li.slide-item .slide-photo {
	width:100%;
	height:100%;
}

#topSlider .bx-wrapper {
	padding: 0px;
	border:  none;
	margin-bottom: 0px;
	z-index: 0;
	box-shadow: none;
}
#topSlider > ul {
	padding:0px;
}
#topSlider ul li.slide-item {
	left: 0px;
	overflow:hidden;
	background-size:cover;
	/* height: 500px; */
	background-position: center center;
	float: left;
	width: 100%;
}
#topSlider  ul li.slide-item img {
	width: 100%;
}


/*----------------------------------------------------
    Front Page
----------------------------------------------------*/

.newsTable {}
.newsTable ul {}
.newsTable ul li {
    height: 44px;
}
.newsTable ul li.odd {
    
}
.newsTable ul li.even {
	background-color: #F7EDED;
}
.newsTable ul li .info {
    width: 240px;
    float: left;
}
.newsTable ul li .info .date {
    width: 140px;
    padding-left: 28px;
    display: inline-block;
    line-height: 44px;
}
.newsTable ul li .info .category {
    font-size: 14px;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 2px;
}
.newsTable ul li .title {
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin-left: -240px;
    padding-left: 250px;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-box-orient: vertical; */
    -webkit-line-clamp: 1;
    white-space: normal;
    padding-right: 28px;
    height: 44px;
}

label {
    font-size: 14px;
    margin: 0;
    line-height: 1;
    min-width: 85px;
    text-align: center;
    padding: 4px 5px 2px;
    border-radius: 5px;
    background-color: #CCC;
    color: #FFF;
}
label.news {
    background-color: #00AAFF;
}
label.event {
    background-color: #FF6E00;
}


.itemTable {}
.itemTable ul {}
.itemTable ul li {
	padding: 50px 0;
	border-bottom: 1px solid #AAA;
}
.itemTable ul li:first-child {
	border-top: 1px solid #AAA;
}
.itemTable ul li .image {
    float: left;
    padding-left: 40px;
    /* border-right: 1px solid; */
}
.itemTable ul li .image .image-box {
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.itemTable ul li .data {
    float: right;
    box-sizing: border-box;
    width: 100%;
    margin-left: -290px;
    padding-left: 290px;
    /* min-height: 250px; */
}
.itemTable ul li .data-inner {
    border-left: 1px solid #FF9623;
    padding-left: 24px;
    min-height: 250px;
    padding-bottom: 14px;
}
.itemTable ul li .data .title {font-size: 25px;padding: 14px 0 6px;}
.itemTable ul li .data .discription {margin-bottom: 18px;line-height: 1.4;/* letter-spacing: -0.006em; */}
.itemTable ul li .data .info {
}
.itemTable ul li .data .info dl {margin-bottom: 4px;letter-spacing: -.4em;}
.itemTable ul li .data .info dt {font-weight: normal;color: #FF9623;display: inline-block;letter-spacing: normal;float: left;display: block;}
.itemTable ul li .data .info dd {display: inline-block;margin-bottom: 0;letter-spacing: normal;margin-left: 1em;word-break: break-all;display: block;overflow: hidden;padding-left: 1em;}


.contentsNews {}
.contentsNews .contents-outer {
	padding-bottom: 40px;
	border-bottom: solid 1px #AAA;
}

.contentsService {
	margin-bottom: 200px;
}



/*----------------------------------------------------
    Map
----------------------------------------------------*/

.gMap {
	position: relative;
	height: 13vw;
	min-height: 250px;
	margin-bottom: 10px;
}
.gMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.gMapLinkOuter {
	margin: 0px 0 10px;
	text-align:center;
	/* display: none; */
}

.gMapLink {
	display: inline-block;
	background-color: #FFF;
	border-radius: 5px;
	padding: 4px 10px 8px;
	text-decoration:none;
}
	.wg-device-PC .gMapLink:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		text-decoration:none;
	}
.gMapLink img {width: 50px;margin-right: -2px;vertical-align: middle;}
.gMapLink span {
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 10px;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
	.gMap {
		display:none;
	}
	.gMapLinkOuter {
		display: block;
		margin: 35px 0;
	}
}

/*----------------------------------------------------
    Post
----------------------------------------------------*/

.contentsPost {
	padding-top: 20px;
}
.contentsPost h2 .category {
	float:right;
	margin-top: 30px;
	margin-right:10px;
}


/*----------------------------------------------------
    Footer
----------------------------------------------------*/

.footer {}
.footer .footer-top {
    background-color: #ff1e64;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding: 13px 0;
}
.footer .footer-bottom {
    background-color: #8C1E3C;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    padding: 12px 0;
}

@media only screen and (max-width: 768px) {
	.footer {}
	.footer .footer-top {
		font-size: 12px;
	}
	.footer .footer-bottom {
		font-size: 13px;
	}
}




























/*----------------------------------------------------
    CONCEPT Page Contents Header
----------------------------------------------------*/

.contentsHeader {
    padding-top: 50px;
}
.contentsHeader .container {
    width: 1040px;
    max-width: 1040px;
    padding: 0 20px;
}
.contentsHeader .bodyConcept {
    /* padding-top: 80px; */
}

.contentsHeader .bodyConcept h2 {
    color: #232323;
}
.contentsHeader .bodyConcept h2:after {
    background-color: #232323;
}
.contentsImageBox {
    height: 400px;
    height: 42vh;
}
.contentsImageBox .contentsImg {
    height: 100%;
    width: 100%;
    background-image:url(../img/top-bg-1.jpg);
    background-position: center 57%;
    background-size: cover;
    background-repeat: no-repeat;
}

.contentsHeader .bodyConcept .contents {
    text-align: left;
    padding-top: 80px;
}
.contentsHeader .bodyConcept .leftContents {
    float: left;
    width: 50%;
    color: #000;
}
.contentsHeader .bodyConcept .leftContents .main-msg {font-size: 19px;line-height: 1.8;margin-bottom: 40px;letter-spacing: 0.15em;font-weight: 500;}
.contentsHeader .bodyConcept .leftContents .sub-msg {
    font-size: 12px;
    letter-spacing: 0.15em;
    font-weight: 500;
}

.contentsHeader .bodyConcept .rightContents {
    float: right;
    width: 50%;
}
.contentsHeader .bodyConcept .rightContents p {
    text-align: left;
    color: #000;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.13em;
}


/*----------------------------------------------------
    CONCEPT Page Firsttime
----------------------------------------------------*/

.pageFirsttime {
    padding-top: 50px;
}
.pageFirsttime .bodyFirsttime {}

.bodyFirsttime h2 {
    color: #232323;
    margin-bottom: 85px;
}
.bodyFirsttime h2:after {
    background-color: #232323;
}
.bodyFirsttime .contents {}

/* Panel Update */

.pageFirsttime .menuPanel {
    margin-bottom: 20px;
}
.pageFirsttime .menuPanel * {
	pointer-events: none;
}
.pageFirsttime .menuPanel ul li {
	width: 33.33%;
	margin-bottom: 80px;
}
.pageFirsttime .menuPanel .panel-title {
    font-size: 20px;
    font-weight: bold;
    color: #232323;
    line-height: 1;
    margin-bottom: 25px;

    letter-spacing:0.1em;
}
.pageFirsttime .menuPanel ul li .panel-imageBox {
	height: 200px;margin-bottom: 25px;
}
.pageFirsttime .menuPanel ul li.panel-1 .panel-image {
	background-position:center -43px;
}


/*----------------------------------------------------
    CONCEPT Page Campaign
----------------------------------------------------*/

.pageCampaign {
    margin-bottom: 200px;
    padding-top: 20px;
}
.pageCampaign_2 {
    margin-bottom: 200px;
    padding-top: 20px;
}
.pageCampaign .bodyCampaign {}

.bodyCampaign h2 {
    color: #232323;
    margin-bottom: 20px;
}
.bodyCampaign h2:after {
	
display: none;
}
.bodyCampaign .subTitle {
    color: #232323;
    text-align: center;
    font-weight: bold;
    margin-bottom: 60px;

	font-size:15px;
    letter-spacing:0.15em;
}
.bodyCampaign .contents {}

.campaignBox {
    text-align: center;
    background-color: #e6e6e6;
    padding: 33px 0;
}
.campaignBox .main-msg {
    font-size: 19px;
    font-weight: bold;
    margin-right: 20px;
    letter-spacing:0.15em;
}
.campaignBox .label {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #FFB8A7;
    text-align: center;
    padding: 2px 13px 0 ;
    vertical-align: bottom;
    border-radius: 0;

    letter-spacing:0.02em;
    line-height:26px;

    cursor:default;
}


/*----------------------------------------------------
    Menu Page Menu Header
----------------------------------------------------*/

.contentsHeader.pageMenu {
	margin-bottom:20px;
	padding-bottom: 0;
}
.contentsHeader.pageMenu .contentsImageBox .contentsImg {
    height: 100%;
    width: 100%;
    background-image:url(../img/top-bg-2.jpg);
    background-position: center 57%;
    background-size: cover;
    background-repeat: no-repeat;
}
.contentsHeader.pageMenu .bodyMenu .contents {
	padding: 80px 0;
	text-align: center;
}
.contentsHeader.pageMenu .bodyMenu .main-msg {
	font-size: 19px;
	line-height:1.8;
	letter-spacing: 0.015em;
	font-weight: 500;
}

/*----------------------------------------------------
    Menu List
----------------------------------------------------*/

.pageMenuList,
.pageCampaign{
	width: 100%;
	max-width: 1460px;
	padding: 0 20px 0;
	position:relative;
	display:inline-block;
	text-align:center;
}
.pagePosts{
	width: 100%;
	position:relative;
	display:inline-block;
	text-align:center;
}

.pageCampaign_2{
	width: 100%;
	max-width: 1300px;
	padding: 0 50px 0;
	position:relative;
	display:inline-block;
	text-align:center;
}

.pageMenu {
	text-align:center;
}
.pageMenu .container{
	width: 100%;
	max-width: 1310px;
	padding: 0 40px 0;
	position:relative;
	display:inline-block;
	text-align:center;
}

.pagePosts .container{
	width: 100%;
	max-width: 1290px;
	padding: 0 50px 0;
	position:relative;
	display:inline-block;
	text-align:left;

}

.pageFirsttime{
	width: 100%;
	max-width: 1310px;
	padding: 0 30px 0;
	position:relative;
	display:inline-block;
	text-align:center;
}
.pageMenu .container .bodyMenu{
}


.pageMenu .container .bodyMenu,
.pageMenuList .container,
.pageCampaign .container,
.pageFirsttime .container{
	position:relative;
	display:inline-block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	text-align:left;
}
.pageCampaign_2 .container{
	position:relative;
	display:inline-block;
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.pageMenuList .container {
    /* width: 1440px; */
    /* max-width: 1440px; */
    /* padding: 0 20px; */
}
.pageMenuList .bodyMenuList {}
.menuBox {}
.menuBox .titleBox {
	width:100%;
    padding-top: 50px;
    padding-bottom: 170px;
    background-color: #e6e6e6;
    margin: 0;
}
.menuBox .menu_inner{
	width:calc(100% - 200px);
	margin:0 100px;
}


.pageCampaign .container {
	width:calc(100% - 200px);
}

.pageCampaign_2 .container {
	width:100%;
}

.menuBox .titleBox h2 {
    color: #232323;
    margin-bottom: 20px;
    font-weight: normal;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.menuBox .titleBox h2:after {
	display: none;
}
.menuBox .titleBox .subTitle {
    color: #232323;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.15em;
}
.menuBox .titleBox .subTitle_17 {
    font-size: 17px;
}
.menuBox .menuImageBox {
    height: 400px;
    margin-top: -145px;
}
.menuBox .menuImageBox .menuImage {
    width: 100%;
    height: 100%;
	margin-top:10px;
    background-image: url(../img/menu-page-1.jpg);
    background-position: center 57%;
    background-size: cover;
    background-repeat: no-repeat;
}
.menuBox .menuDetailBox {
    padding-top: 50px;
    margin-bottom: 100px;
}
.menuBox .menuDetailBox .leftContents {
    float: left;
    width: 50%;
    padding-right: 50px;
}
.menuBox .menuDetailBox .rightContents {
    float: right;
    width: 50%;
    padding-left: 50px;
}
.menuBox .menuDetailBox .title {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1;
    letter-spacing:0.1em;
}
.menuBox .menuDetailBox p {
    color: #232323;
    text-align: left;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.7;
    margin-bottom: 0;
}
.menuBox .menuDetailBox .price {
    font-size: 23px;
    font-weight: bold;
    text-align: right;
    margin: 0 auto;

    width: 12em;
    width: auto;
    display:block;
	letter-spacing:0.08em;
	line-height:1.8em;
}
.menuBox .menuDetailBox .priceHead .centerBox{
	margin:0 auto 0; padding:0 auto 0;
	display:inline-block;
}
.menuBox .menuDetailBox .priceHead .centerBox .inner_cube{
/*    width: 100%; */
	display:inline-block;
    text-align:center;

}

.menuBox .menuDetailBox .price .small {
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
    letter-spacing:0.05em;
}

.menuBox .menuDetailBox .priceHead {
    background-color: #e6e6e6;
    padding: 50px;
    padding:50px 0 41.2px 0;
    text-align: center;
}

.menuBox .menuDetailBox .priceDetail {
    padding: 50px;
    border: 1px solid #e6e6e6;
    text-align: left;
}
.menuBox .menuDetailBox .priceDetail .title {
    font-size: 19px;
    margin-bottom: 25px;
    line-height: 1;
    font-weight: bold;
}

.menuBox.aroma .menuImageBox .menuImage {
	margin-top:10px;
	background-image: url(../img/menu-page-2.jpg);
}
.menuBox.acupuncture .menuImageBox .menuImage {
	margin-top:10px;
	background-image: url(../img/menu-page-3.jpg);
}

/* Haute Couture */

.menuBox.haute-couture .menuDetailBox .title {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 25px;
    letter-spacing:0.1em;
}
.menuBox.haute-couture .menuDetailBox .rightContents {
    text-align: right;
    margin:0;
    padding-top: 30px;
}
.menuBox.haute-couture .menuDetailBox .rightContents .price {
	margin: 0 auto;
	width: 100%;
	letter-spacing:0.1em;
	line-height:1.8em;
	/*
	width: 12em;
	*/
}
.menuBox.haute-couture {}
.menuBox.haute-couture {}
.menuBox.haute-couture {}
.menuBox.haute-couture {}


/* Option */

.menuBox.option {}
.menuBox.option .titleBox {
    background-color: transparent;
    margin: 0 0 60px 0;
    padding-bottom: 0;
}
.menuBox.option .menuImageBox{
    display: none;
}
.menuBox.option .menuDetailBox {
    padding-top: 0;
}



/*----------------------------------------------------
    Contents Nav
----------------------------------------------------*/

.wg-navLikeASmartphone {
	/* border-bottom: 1px solid #e6e6e6; */
}

/*----------------------------------------------------
    Opening
----------------------------------------------------*/

.opening {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../img/loading.GIF);
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000000;
}

.letter_0{
	letter-spacing:0;
}

.yuto_sns{
	display:inline;
	float:left;
	min-width:150px;
	min-height: 30px;
	margin-right:10px;
}

.smooth{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* ç”»åƒãƒ¢ãƒ¼ãƒ€ãƒ« */

#ShowPhotoModal.modal.fade .modal-dialog {
	transition: none;
	-webkit-transform: unset;
	transform:unset;
	width: 100%;
	max-width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#ShowPhotoModal .modal-body {
	text-align: center;
}
#ShowPhotoModal .modal-body img {
	/* width: -webkit-fill-available; */
	max-width: 100%;
}

.sample {
	/* width: 1024px; */
	/* margin: 0 auto; */
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0;
	z-index: 1;
	opacity: 0.7;
	display: none;
}
.sample img {
	width:100%;
	width: 1280px;
	margin: 0 auto;
}
.sample-sp {
	/* width: 1024px; */
	/* margin: 0 auto; */
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0.7;
	display: none;
}
.sample-sp img {
	width:100%;
	/* width: 1280px; */
	margin: 0 auto;
}

.book_text_head{
	padding:15px 10px 10px 10px;
	text-align:center;
	background-color:#fff8e0;
	margin-bottom:20px;
	border-radius: 20px;
}
.content-book .book-text h3{
	color:#322;
	font-size:1.4em;
	font-weight:bold;
}


.content-book .book-text h4{
	font-size:1.2em;
	color:rgba(200, 50, 25, 0.9);
	font-weight:bold;
	text-align:center;
}
.content-book .book-text h5{
	color:#fff;
	font-size:1.1em;
	padding: 5px;
	border-radius: 30px;
	font-weight:bold;
	margin-top:20px;
	background-color:rgba(200, 50, 25, 0.9);
	letter-spacing:0.1em;
}
.content-book .book-text h5.h5_1{	background-color:rgba(200, 50, 25, 0.9);	}
.content-book .book-text h5.h5_2{	background-color:rgba( 30,130,200, 0.9);	}
.content-book .book-text h5.h5_3{	background-color:rgba(220,140, 50, 0.9);	}
.content-book .book-text h5.h5_4{	background-color:rgba(100,120,200, 0.9);	}

.content-book .book-text p{
	color:#322;
	text-align:left;
	line-height:1.3em;
	margin:5px 1em 5px 1em;
}


/*
	追加
*/
.float_btn{
	position:absolute;
	top:90px; left:50px;
	display:inline-block;
	text-align:center;
}
.float_btn a{
	display:inline-block;
	background: #1da1f2;
	color:#fff;
	padding:30px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	border:1px solid #fff;
	border-radius:10px;
	font-size:18px;
}
.float_btn img{
	height:100px;
}

@media only screen and (max-width: 1300px) {
	.header-img{
		padding:46px 100px 0px;
	}
.float_btn a img{
	height:50px;
}
.only_pc{ display:none; }
.float_btn{
	top:90px; left:0; right:0;
}
.float_btn a{
	width:1100px;
	padding:0;
	font-size:24px;
	line-height:50px;
	border-radius:100px;
}
}
@media only screen and (max-width: 768px) {
	.header-img{
		padding:65px 20px 80px;
	}
	.float_btn{
		top:10vw; left:20px; right:20px;
	}
	.float_btn a{
		width:100%;
		font-size:4.0vw;
		line-height:1em;
		vertical-align:bottom;
		padding:15px 0 10px;
	}
	.float_btn a .title{
		line-height:1em;
	}
	.float_btn a img{
		height:6vw;
		margin-top:-1vw;
	}
}