/* =================================
	TBS Reset CSS
================================= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/* =================================
	TBS Modal CSS
================================= */

.md-box {
	position:absolute;
	z-index:5200;
	left:50%;
	top:50%;
}
.md-close {
	padding-right:4px;
}
.md-close a, .md-close a span {
	display:block;
}
.md-box .md-close a {
	width:100%;
/*	cursor:-webkit-zoom-out;
	cursor:zoom-out; */
}
.md-close a:after {
	display:block;
	content:"";
	clear:both;
}
.md-close a span {
	float:right;
	background-repeat:no-repeat;
	font-size:2px;text-indent:110%;white-space:nowrap;overflow:hidden;
	cursor:pointer;
}
.md-inner {
	position:relative;
	background-color:#000;
	overflow:hidden;
}
.md-inner video {
	width:100%;
	max-width:100%;
	height:auto;
}
.md-inner div.md-pics {
	background-repeat:no-repeat;
	background-position:center center;
}
.md-caption {
	text-align:left;
	line-height:1.25;
	padding:0.5em 0;
}

/*	case narrow
============================== */
.md-nrw {
	width:100%;
	position:absolute;
	z-index:5200;
}
.md-nrw .md-caption {
	background-color:#000;
	bottom:0;
	width:100%;
}


@media all and (min-width: 640px), (min-height: 640px) {
.md-close a {
	height:46px;
}
.md-close a span {
	width:40px;
	height:40px;
}
.md-close a span {
	background-position:left top;
}
.md-inner {
	margin-bottom:6px;
}
.md-caption {
	font-size:75%;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a {
	height:28px;
}
.md-close a span {
	width:24px;
	height:24px;
}
.md-close a span {
	background-position:0 -200px;
}
.md-inner {
	margin-bottom:4px;
}
.md-caption {
	font-size:67.5%;
}
}

/*	customize
============================== */
.md-close a span {
	background-image:url(/um/img/btn_modal.svg);
	background-color:#000;
}
.md-inner {
	/*background-color: rgba(0,0,0,0.5);*/
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
	box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
}
.md-caption {
	color:#fff;
	word-break:break-all;
}
@media all and (min-width: 640px), (min-height: 640px) {
.md-close a span {
	border-radius:20px;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a span {
	border-radius:12px;
}
}

/* =================================
	Common CSS
================================= */

/*
link */
a:link {
	text-decoration:none;
	color:#C5000A;
}
a:visited {
	text-decoration:none;
	color:#C5000A;
}
a:active {
	text-decoration:none;
	color:#C5000A;
}
a:hover {
	text-decoration:none;
	color:#C5000A;
}

.com article .txt {
	font-size: 15.5px;
	letter-spacing: 1.5px;
	line-height: 1.7;
	text-align: justify;
}
.com article .syo {
	font-size: 14px;
}
@media all and (max-width: 767px) {
.com article .txt {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.7;
	text-align: justify;
}
}
.gray { color: #d1d1d1; }
.red { color: #c5000a; }

.txt {
	line-height: 1.5;
	text-align: justify;
}

.mgb-2em {
	margin-bottom:2em;
}

.mgb-15em {
	margin-bottom:1.5em;
}

.mgb-1em {
	margin-bottom:1em;
}

.mgb-05em {
	margin-bottom:0.5em;
}

.wbr {
	white-space: nowrap;
	display: inline-block;
}

.justify {
	text-align:justify;
	text-justify:distribute;
}

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
#pagetop {
position: relative;
}

/* = Selected Text
----------------------------------------------- */
::selection {
	background:#f6d9da; /* Safari */
}

::-moz-selection {
	background:#f6d9da; /* Firefox */
}

/*	Web Fonts
============================== */
@font-face {
	font-family: 'Yantramanav-Regular';
	src: url('/um/library/fonts/Yantramanav/Yantramanav-Regular.ttf') format("truetype");
}

/*	background
============================== */
html, body, div#con-body {
background-color:#FFFFFF;/* デフォルトのグレーを白に上書き */
}
div#pagetop {
font-family: Verdana, 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust: 100%;
font-kerning: normal;
font-feature-settings: "palt";
}


/*	copyright
============================== */
p.copyright {
line-height:1.25;
text-align:center;
color:#65573d;
}

p.copyright a {	color:#65573d;}




@media all and (min-width: 768px) {

p.copyright {
font-size:75%;
padding:25px 0;
}
p.copyright a:hover {
text-decoration:none;
}
.com p.copyright {
color:#fff;
background-color: #c5000a;
}
.com p.copyright a { color:#fff;}
}

@media all and (max-width: 767px) {
p.copyright {
font-size:67.5%;
line-height:1.5;
padding:1em;
padding-top:10px;
}
}

/*	header
============================== */
@media all and (min-width: 768px) {
header h1 a {
display: block;
background-image: url(../img/header02_2.jpg);
background-repeat: no-repeat;
text-indent: 110%; white-space: nowrap; overflow: hidden;
width: 980px;
height: 210px;
margin: 0 auto;
}
}

@media all and (max-width: 767px) {
/*	main  size  */
.com header h1 a {
	display: block;
	background-image: url(../img/smpheader02.jpg);
	background-size:cover;
	height:0;
	/* 縦÷横 */
	padding-top:76.302083333333%;
	position: relative;
	margin-bottom: 10px;
}

.com header h1 a span {
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-indent:100%; white-space:nowrap; overflow:hidden;
	position: relative;
}
}

/*	pc menu
============================== */
@media all and (min-width: 768px) {
.com header div.menu {
	background-color: #c5000a;
	margin-bottom: 40px;
}

.com header div.menu nav {
	width: 946px;
	box-sizing: border-box;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	margin: 0 auto;
}

.com header div.menu li {
	box-sizing: border-box;
	border-right: 1px #fff solid;
	float: left;
	width: 118px;
	height: 98px;
}

.com div.menu li:hover {
	background-color: #dc666c;
}

.com header div.menu li:last-child {
	border-right: 0px;
}

.com div.menu li a {
width: 118px;
height: 98px;
display: block;
position:relative;
}

.com header div.menu li a span {
background-image: url(../img/menu03.png);
background-repeat: no-repeat;
text-indent:100%; white-space:nowrap; overflow:hidden;
display: block;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

.com div.menu li.intro a span {
background-position: -196px -50px;
width: 62px; height: 38px;
}

.com div.menu li.summary a span {
background-position: -80.1px top;
width: 66.6px; height: 17.1px;
}

.com div.menu li.ticket a span {
background-position: -163.8px top;
width: 59.4px; height: 16.2px;
}

.com div.menu li.about a span {
background-position: -234px top;
width: 81.9px; height: 37.8px;
}

.com div.menu li.atelier a span {
background-position: -324.9px top;
width: 93.6px; height: 36.9px;
}

.com div.menu li.locus a span {
background-position: -87.3px bottom;
width: 93.6px; height: 36.9px;
}

.com div.menu li.etc a span {
background-position: left bottom;
width: 77.4px; height: 63px;
}

.com div.menu li.english a span {
background-position: -278px -72px;
width: 61px; height: 16px;
}
}

/*	smp menu
============================== */
@media all and (max-width: 767px) {
div.menu nav h2 > span {
font-weight: bold;
}

div.menu {
	background-color:#c5000a;
	padding:10px;
	letter-spacing:2px;
}

.com div.menu {
	margin-bottom: 20px;
}

div.menu nav {
	text-align:left;
}

div.menu nav h2 > span,
div.menu nav ul li a, div.menu nav ul li a span, div.menu nav ul li a span:after {
	display:block;
}

div.menu nav {
	background-color:#fff;
	border-radius:3px;
	overflow:hidden;
}

div.menu nav > div {
	overflow:hidden;
}

div.menu nav > div.m-off > ul, div.menu nav > div.m-off > div {
	display:none;
}

div.menu nav h2 span, div.menu nav ul li a {
	-webkit-tap-highlight-color: hsla(0,0%,100%,0);
	background-image:url(../img/pulldown.svg);
	background-repeat:no-repeat;
	color:#c5000a;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	line-height:44px;
	height:44px;
	padding:0 10px;
}

div.menu nav h2:after, div.menu nav ul li:not(:last-child):after {
	content:"";
	display:block;
	margin:0 10px;
}

div.menu nav > div.m-on > h2:after {
	border-bottom:2px solid #c5000a;
}

div.menu nav > div.m-off > h2:after {
	border-bottom:2px solid transparent;
}

div.menu nav ul li:not(:last-child):after {
	border-bottom:2px dotted #c5000a;
}

div.menu nav > div.m-on > h2 span {
	background-position:right bottom;
}

div.menu nav > div.m-off > h2 span {
	background-position:right top;
}

div.menu nav ul li a {
	background-position:right center;
}
}

/*	hover effect
============================== */
body li,
body a span,
a {
  transition: background-color 0.25s ease 0s;
}

/*	spot
============================== */
div.spot a,
div.spot2 a {
	display: block;
	width: 300px;
    height: 169px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
	margin: 0 auto 20px;
}
div.spot a {
	background-image: url(../img/spot_btn.jpg);
}
div.spot2 a {
	background-image: url(../img/spot_btn2.jpg);
}

/*	spot
@media all and (max-width: 767px) {
.idx div.spot a {
	display: block;
	width: 300px;
    height: 169px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
	background-color: rgba(116,116,116,1.00);
    background-image: url(../img/spot_icon.svg);
    background-repeat: no-repeat;
    background-position: left top;
	margin: 0 auto 20px;
}
}
/*	tkboo
============================== */
div.tkboo a {
	display: block;
    text-indent: 110%; white-space: nowrap; overflow: hidden;
    background-image: url(../img/tkboo.jpg);
    background-repeat: no-repeat;
}

.com div.tkboo a {
	width: 300px;
    height: 143px;
	background-size: 300px 143px;
	margin: 0 auto 20px;
}

@media all and (max-width: 767px) {
.idx div.tkboo a {
	width: 300px;
    height: 143px;
	background-size: 300px 143px;
	margin: 0 auto 20px;
}
}

div.bncolumn a {
	display: block;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
	background-image: url(../img/bn_column.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 100px;
	margin: 0 auto 20px;
}

/*	recta
============================== */
div.recta div.inner {
margin-bottom: 20px;
}

@media all and (max-width: 767px) {
.idx div.recta {
	background-color: #fff;
	padding-bottom: 20px;
}

div.recta {
	margin-bottom: 20px;
}

div.recta div.inner {
	width: 300px;
	margin: 0 auto;
}
}

/*	sns buttons
============================== */
div.sns {
width: 300px;
margin: 0 auto;
padding-bottom: 20px;
}
/*	a　*/
div.sns p.fb a,
div.sns p.tw a {
background-repeat: no-repeat;
display: block;
cursor: pointer;
width: 140px;
height: 43px;
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
margin-bottom: 20px;
}

div.sns p.fb a span,
div.sns p.tw a span {
	display: block;
text-indent: 9999999%; white-space: nowrap; overflow: hidden;
}

div.sns p.fb a {
background-image: url(../img/fb.png?01);
background-size: 140px 43px;
margin-right: 20px;
background-color: #3b5a9a;
box-shadow: 0 4px 0 #314a7e, 0 8px 0 rgba(0,0,0,0.2);
float: left;
}

div.sns p.tw a {
background-image: url(../img/tw.png?01);
background-size: 140px 43px;
background-color: #1da1f2;
box-shadow: 0 4px 0 #1884c5, 0 8px 0 rgba(0,0,0,0.2);
float: right;
}

/*	hover　*/
div.sns p.fb a:hover,
div.sns p.tw a:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}

div.sns p.fb a:hover {
background-color: #5873a9;
box-shadow: 0 2px 0 #3b5a9a, 0 4px 0px rgba(0,0,0,0.2);
}

div.sns p.tw a:hover {
background-color: #3faff4;
box-shadow: 0 2px 0 #1da1f2, 0 4px 0px rgba(0,0,0,0.2);
}

/*	active　*/
div.sns p.fb a:active,
div.sns p.tw a:active {
color: #ddd;
box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(4px);
transform: translateY(4px);
transition-duration: 0.1s;
}

div.sns p.fb a:active {
background-color: #273961;
}

div.sns p.tw a:active {
background-color: #136799;
}

div.sns p.sns {
font-size: 13px;
text-align: center;
color: rgba(255,255,255,.8)
}
@media all and (min-width: 768px) {
.com div.sns p.sns {
color: #8F8F8F;
}
}

/*	pagetop btn
============================== */
div.top a {
	display:block;
	background-image:url(../img/pgt.png);
	background-size: 68px 70px;
	width:68px;
	height:70px;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
	background-repeat:no-repeat;
}



@media all and (min-width: 768px) {
div.top {
	position:fixed;
	right:50px;
	bottom:50px;
}

.com div.top a {
	background-image:url(../img/pgt02.png);
}
}

@media all and (max-width: 767px) {
	div.top a {
		margin:0 auto ;
		padding-bottom:20px;
}
}

/*	layout
============================== */
@media all and (min-width: 768px) {
.com div.wrap {
	width: 980px;
	margin: 0 auto;
}
.com div.left {
	width: 640px;
	float: left;
}
.com div.right {
	width: 300px;
	float: right;
}
}

@media all and (max-width: 767px) {
.com div.right {
	padding-top: 20px;
	background-color: #c5000a;
}
}

/*	 article common
============================== */
.com article h2 span {
	font-weight: bold;
	color: #c5000a;
}

.com article h2 span {
	position: relative;
	z-index: 1;
}

.com article h2 span::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	background-color: #c5000a;
	z-index: -1;
}

article section {
	margin-bottom: 2em;
}
article section:last-child {
	margin-bottom: 0em;
}
article section h3 {
	border-left: 5px solid #c5000a;
	line-height: 1.5;
	padding-left: 0.5em;
	letter-spacing: 2px;
	color: #c5000a;
	margin-bottom: 0.5em;
}
.etc article#onsei section h3 {
	border-left: 0;
	padding-left: 0;
}

.com article p.rgts {
	color: #000;
}
.etc article {
	padding: 2em;
	border: 2px solid hsla(0,0%,0%,0.15);
}

@media all and (min-width: 768px) {
.com article {
	margin-bottom: 3em;
}
.com article:last-child {
	margin-bottom: 40px;
}
.com article:only-child {
	margin-bottom: 0;
}

.com article h2 {
	margin-bottom: 40px;
}

.com article h2 span {
	letter-spacing: 3px;
	font-size: 20px;
}

.com article h2 span::after {
	top: 35px;
	height: 3px;
}


.com article p.rgts {
	font-size: 10px;
	letter-spacing: 0.5px;
    margin-bottom: 20px;
	line-height: 1.3;
}
}

@media all and (max-width: 767px) {
.com article {
	margin-bottom: 25px;
	padding: 1em;
	border-bottom: 2px #d1d1d1 solid;
}

.com article:last-child {
	margin-bottom: 20px;
}

/*	h2　*/
.com article h2 {
	margin-bottom: 25px;
}
.com article h2 span {
	line-height: 1.5;
	letter-spacing: 2px;
	font-size: 15px;
}
.com article h2 span::after {
	top: 28px;
	height: 2px;
}

/*	h2.lh3　*/
.com article h2.lh3 {
	margin-bottom: 10px;
}
.com article h2 span.lh3 {
	line-height: 3;
}
.com article h2 span.lh3::after {
	top: 39px;
}

article section h3 {
	font-size: 15px;
}

.com article p.rgts {
	font-size: 8px;
	line-height: 1.5;
	letter-spacing: 0.3px;
    margin-bottom: 15px;
}

.com article p.txt {
	font-size: 13px;
}
}


/*	 introduction
============================== */
p.num {
	background-repeat: no-repeat;
	text-indent:100%; white-space:nowrap; overflow:hidden;
	width: 27px;
	height: 48px;
}
section.m01 p.num {	background-image: url(../img/m01.jpg?01); }
section.m02 p.num {	background-image: url(../img/m02.jpg?01); }
section.m03 p.num {	background-image: url(../img/m03.jpg?01); }
section.m04 p.num {	background-image: url(../img/m04.jpg?01); }
section.m05 p.num {	background-image: url(../img/m05.jpg?01); }


@media all and (min-width: 768px) {
article#int02 section p.txt,
article#int02 section h3 {
	margin-left: 5em;
}
p.num {
	float: left;
    margin-left: 1em;
}
}

@media all and (max-width: 767px) {
p.num {
	margin: 0 auto 1em;
	background-size: 17px 30px;
	width: 17px;
	height: 30px;
}

}

/*	 locus
============================== */

/* タブ部分 */
p.tabs { margin-bottom: 1em; padding: 0px; }
p.tabs a {
   display: block; float: left;
   text-align: center;
   line-height: 1.5;
}
p.tabs a.tab2 {
	float: right;
}

p.tabs a.tab1 { background-color: #d1333b; color: white; }
p.tabs a.tab2 { background-color: #a5000c; color: white; }

/* タブ中身のボックス */
div.tab { height: auto; overflow: auto; clear: left; }
div#tab1,
div#tab2 {
   background-color: #fff;
   padding-top: 2em;
}
div#tab1 { border-top: 7px solid #d1333b; }
div#tab2 { border-top: 7px solid #a5000c; }

@media all and (min-width: 768px) {
/* 表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px; width: 640px;
}
p.tabs a {
   width: 298.5px;
   padding: 10px 7px;
   border-radius: 8px 8px 0px 0px; /* 角を丸くする */
   letter-spacing: 2px;
}
}
@media all and (max-width: 767px) {
p.tabs a {
   width: 49%;
   height: 40px;
   border-radius: 4px 4px 0px 0px; /* 角を丸くする */
   letter-spacing: 1px;
   font-size: 12px;
}
p.tabs a.tab1 {
	box-sizing: border-box;
    padding: 9px 9% 47px;
}
p.tabs a.tab2 {
   margin-right: 0;
   line-height: 5;
   padding-bottom: 16px;
}
}


/*	 atelier
============================== */

article#atl01 ol {
	margin-top: 1em;
}
article#atl01 ol li {
	margin-bottom: 1em;
}
@media all and (max-width: 767px) {
article#atl01 ol li dl dt {
	font-size: 14px;
}
}

/* counter */
.custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}
.custom-counter li {
    counter-increment: step-counter;
	margin-bottom:10px;
}

.custom-counter li:last-child{
	margin-bottom:0px;
}

.custom-counter li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 80%;
    background-color:#231815;
    color: white;
    font-weight: bold;
    padding: 2.5px 5px 3.5px 6.1px;
    border-radius: 50%;
}
@media all and (min-width: 768px) {
.custom-counter li dl dt {
    margin-left: 2em;
    margin-top: -1.6em;
}
}
@media all and (max-width: 767px) {
.custom-counter li::before {
    padding: 3px 5px;
    font-size: 90%;
}

.custom-counter li dl dt {
	margin-left: 2em;
    margin-top: -1.7em;
}
}



/*	 ops
============================== */

article#ops section div.data {
	padding-bottom: 0.4em;
	margin-bottom: 0.4em;
}
article#ops section.ops09 div.data {
	border-bottom: 0;
}
article#ops section p.data {
	line-height: 1.5;
	font-size: 13px;
	letter-spacing: 1px;
}
@media all and (min-width: 768px) {
article#ops section div.picture {
	margin: 0 auto;
}
article#ops section div.tate,
article#ops section div.tate p.pics { width: 400px; }
article#ops section div.yoko,
article#ops section div.yoko p.pics { width: 500px; }

article#ops section {
	margin-bottom: 5em;
}
article#ops section.ops09 {
	margin-bottom: 3em;
}

}
@media all and (max-width: 767px) {
article#ops section p.data {
	font-size: 10px;
}
.com article p.rgts {
	font-size: 7px;
}
}

/*	summary
============================== */


.com article ul li dl dt {
    text-align: center;
    background-color: #f0f0f0;
}
.com article ul li dl dt span.white {
	color: #fff;
}

.com article ul li dl dd.cont {
	margin-bottom: 1em;
	padding-top: 0.15em;
	letter-spacing: 0.9px;
}

@media all and (min-width: 768px) {

.com article ul {
	margin-bottom: 4em;
}
.com article section:last-child ul {
	margin-bottom: 0em;
}

.com article#tic01 ul {
	margin-bottom: 2em;
}

.com article ul li {
	font-size: 14px;
	line-height:1.5;
	letter-spacing: 0.5px;
}

.com article ul li dl dt {
    width: 5em;
    text-align: center;
    padding: 3px 10px;
    background-color: #f0f0f0;
}

.com article ul li {
	padding: 5px 0 0;
}
.com article ul li dl dd {
	padding-left:7.25em;
}
.com article ul li dl dt {
    width: 5em;
    padding: 3px 10px;
}
.com article ul li dl dt {
	float:left;
	letter-spacing: 2px;
}
}

@media all and (max-width: 767px) {
.com article {
margin-bottom: 20px;
}

.com article ul li {
	font-size: 13px;
    line-height: 1.5;
	letter-spacing: 1px;
}
.com article ul li dl dt {
	letter-spacing: 1px;
	margin-bottom: 0.2em;
	padding: 3px;
}
}

/*	 access  */

.sum article#sum01 section.access p.txt {
	margin-bottom: 1em;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
.sum article#sum01 section.access p.txt {
	width: 20em;
}
.sum article#sum01 ul li dl dt {
    width: 4.7em;
    padding: 3px 7px;
}
}

/*	ticket
============================== */

.tic article#tic01 section table {
	border-collapse: collapse;
	margin: 20px auto;
}
.tic article#tic01 section td {
	text-align: center;
	border: solid 1px;
	padding: 0.3em;
}
.tic article#tic01 section td.g {
	background-color: #f0f0f0;
}
@media all and (min-width: 768px) {
.tic article#tic01 section td {
	width: 8em;
}
}
@media all and (max-width: 767px) {
.tic article#tic01 section td {
	width: 6em;
}
.tic article#tic01 {
padding: 0 15px;
}
}

/*	kome
============================== */

.tic article#tic01 section ul.kome li {
	font-size: 14px;
}
.tic article#tic01 section ul.kome li:before {
	display:block;
	float:left;
	content:"※";
}
.tic article#tic01 section ul.kome li span {
	display:block;
	padding-left:1.2em;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}


/*	etc
============================== */

.msg article > p,
.etc article > p.cms {
padding: 50px 50px;
background-color: #f0f0f0;
text-align: center;
}


/*	pics
============================== */

/*	 common   */
.com p.pics {
background-repeat: no-repeat;
text-indent: 110%; white-space: nowrap; overflow: hidden;
position: relative;
}

.com p.pics span {
	display: block;
}

.com p.pics span img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.lazy {
	display: block;
	position: relative;
	background-color: #f0f0f0;
	margin: 0 auto;
}
@media all and (min-width: 768px) {
.com p.pics {
	margin-bottom: 5px;
}
}
@media all and (max-width: 767px) {
.com article p.pics span {
	display: block;
	background-size:cover;
	height:0;
	/* 縦÷横 */
	position: relative;
}
.com article p.pics img {
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-indent:100%; white-space:nowrap; overflow:hidden;
}
}

/*	 about   */
article#abt01 p.pics span { background-image: url(../img/abt01_1.jpg); }
article#abt02 p.pics span { background-image: url(../img/abt02_1.jpg); }
@media all and (min-width: 768px) {
article#abt01 p.pics span { width: 640px; height: 400px; }
article#abt02 p.pics span { width: 640px; height: 460px; }
}
@media all and (max-width: 767px) {
article#abt01 p.pics span { padding-top:62.5%; }
article#abt02 p.pics span { padding-top:71.875%; }
}

/*	 atelier map  */

@media all and (min-width: 768px) {
article#atl01 section#map p.pics span {
	width: 640px; height: 441px;
	background-size: 640px 441px;
}
}
@media all and (max-width: 767px) {
article#atl01 section#map p.pics span { padding-top:68.90625%; }
}

/*	 atelier pics */

@media all and (min-width: 768px) {
article#atl01 div.picsx3 {
	margin-right: 20px;
	width: 300px;
	float: left;
}

article#atl01 div.p03 {
	float: none;
	width: 300px;
	margin: 0 auto;
}

article#atl01 div.picsx3 p.p01 span ,
article#atl01 div.picsx3 p.p02 span,
article#atl01 div.picsx3 p.p03 span {
	width: 300px; height: 200px;
	background-size: 300px 200px;
}
article#atl01 div.picsx3 p.rgts{
	text-align: center;
}
}
@media all and (max-width: 767px) {
article#atl01 div.picsx3 p.pics span { padding-top:66.5%; }
article#atl01 div.picsx3 p.rgts{
	font-size: 13px;
	letter-spacing: 1px;
}
}

/*	 ops pics  */
@media all and (min-width: 768px) {
	article#ops section.ops01 p.pics span {
		height: 552px;}
	article#ops section.ops02 p.pics span {
		height: 512px;}
	article#ops section.ops03 p.pics span {
		height: 586px;}
	article#ops section.ops04 p.pics span {
		height: 531px;}
	article#ops section.ops05 p.pics span {
		height: 541px;}
	article#ops section.ops06 p.pics span {
		height: 380px;}
	article#ops section.ops07 p.pics span {
		height: 370px;}
	article#ops section.ops08 p.pics span {
		height: 356px;}
	article#ops section.ops09 p.pics span {
		height: 607px;}
	article#ops section.ops10 p.pics span {
		height: 553px;}
	article#ops section.ops11 p.pics span {
		height: 561px;}
	article#ops section.ops12 p.pics span {
		height: 572px;}
}
@media all and (max-width: 767px) {
	article#ops section.ops01 p.pics span { padding-top:137.96875%; }
	article#ops section.ops02 p.pics span { padding-top:128%; }
	article#ops section.ops03 p.pics span { padding-top:146.5%; }
	article#ops section.ops04 p.pics span { padding-top:132.75%; }
	article#ops section.ops05 p.pics span { padding-top:135.25%; }
	article#ops section.ops06 p.pics span { padding-top:76%; }
	article#ops section.ops07 p.pics span { padding-top:74%; }
	article#ops section.ops08 p.pics span { padding-top:71.2%; }
	article#ops section.ops09 p.pics span { padding-top:151.75%; }
	article#ops section.ops10 p.pics span { padding-top:138.25%; }
	article#ops section.ops11 p.pics span { padding-top:140.25%; }
	article#ops section.ops12 p.pics span { padding-top:143%; }
}

/*	 access pics  */
article#sum01 section.access p.pics span {
	background-image: url(../img/access.jpg);
}
@media all and (min-width: 768px) {
article#sum01 section.access p.pics span {
	background-size: 500px 500px;
	width: 500px;
	height: 500px;
	margin: 0 auto;
}
}
@media all and (max-width: 767px) {
article#sum01 section.access p.pics span { padding-top:99.869791666667%; }
}

/*	 locus pics  */
@media all and (min-width: 768px) {
	article#loc01 div p.pics span {
		height: 917px; background-size: 640px 917px; }
}
@media all and (max-width: 767px) {
	article#loc01 div p.pics span { padding-top:143.28125%; }
}



/*	english
============================== */

.eng div.left {
	font-family: 'Yantramanav-Regular', sans-serif;
}
.eng article .txt {
	letter-spacing: 0.5px;
}
.eng article ul li dl dt {
	letter-spacing: 0.5px;
}
.eng article ul li dl dd.cont {
	letter-spacing: 0.5px;
}
.eng article#tic01 section ul.kome li span {
	padding-left:1.5em;
}
@media all and (min-width: 768px) {
.eng article ul li dl dt {
    width: 14em;
}
.eng article ul li dl dd {
	padding-left:17em;
}
.eng article#tic01 section td {
	width: 12em;
}
.eng article h2 span {
	letter-spacing: 1px;
}
.eng article {
	margin-bottom: 50px;
}
}

@media all and (max-width: 767px) {
.eng article ul li dl dt {
	letter-spacing: 0.5px;
}
.eng article h2 span {
	letter-spacing: 0.5px;
}
}


/*	 ticket pics */
@media all and (min-width: 768px) {
section.tk_press p.tk_press span {
	width: 402px; height: 302px;
	background-size: 402px 302px;
}
section.tk_ecobag p.tk_ecobag span {
	width: 250px; height: 417px;
	background-size: 250px 417px;
}
section.tk_ecobag p.rgts{
	text-align: center;
}
}
@media all and (max-width: 767px) {
section.tk_press p.tk_press span { padding-top:75.1243781094527%; }
section.tk_ecobag p.tk_ecobag span { padding-top:166.8%; }
}

/*	 etc pics */
@media all and (min-width: 768px) {
section.etc_talk p.etc_talk span {
	width: 250px; height: 375px;
}
}
@media all and (max-width: 767px) {
section.etc_talk p.etc_talk span {
	width: 200px; height: 300px;
	background-size: 200px 300px;
	margin: 0 auto;
}
}


/*	 song pics */

@media all and (min-width: 768px) {
section.song p.song span {
	width: 350px; height: 280px;
}
section.song p.song2 span {
	width: 350px; height: 235px;
}
}
@media all and (max-width: 767px) {
section.song p.song span { padding-top:80%; }
section.song p.song2 span { padding-top:67.1428571428571%; }

}

/*	 msg pics */
@media all and (min-width: 768px) {
article#message {
	margin-bottom: 2em;
}
article#message section p.pics {
	float: left;
}
article#message section p.txt {
	margin-left: 17em;
}
section.msg02 p.msg02 span {
	width: 250px; height: 200px;
	background-size: 250px 200px;
}
section.msg03 p.msg03 span {
	width: 250px; height: 302px;
	background-size: 250px 302px;
}
section.msg04 p.msg04 span {
	width: 250px; height: 287px;
	background-size: 250px 287px;
}
section.msg05 p.msg05 span {
	width: 250px; height: 221px;
	background-size: 250px 221px;
}
section.msg06 p.msg06 span {
	width: 250px; height: 250px;
	background-size: 250px 352px;
	background-position: center -64px;
}
section.msg07 p.msg07 span {
	width: 250px; height: 333px;
	background-size: 250px 333px;
}
section.msg08 p.msg08 span {
	width: 250px; height: 270px;
	background-size: 250px 270px;
}
section.msg09 p.msg09 span {
	width: 250px; height: 333px;
	background-size: 250px 333px;
}
section.msg10 p.msg10 span {
	width: 250px; height: 375px;
	background-size: cover;
}
section.msg11 p.msg11 span {
	width: 250px; height: 355px;
	background-size: cover;
}
section.msg12 p.msg12 span,
section.msg13 p.msg13 span,
section.msg14 p.msg14 span {
	width: 250px; height: 375px;
	background-size: cover;
}
section.msg15 p.msg15 span {
	width: 250px; height: 340px;
	background-size: cover;
}
section.msg16 p.msg16 span {
	width: 250px; height: 320px;
	background-size: cover;
}
}
@media all and (max-width: 767px) {
section.msg02 p.msg02 span { padding-top:80%; }
section.msg03 p.msg03 span { padding-top:120.8%; }
section.msg04 p.msg04 span { padding-top:114.8%; }
section.msg05 p.msg05 span { padding-top:88.4%; }
section.msg06 p.msg06 span { padding-top:100%; background-position: 0px 62%;}
section.msg07 p.msg07 span { padding-top:133.2%; }
section.msg08 p.msg08 span { padding-top:108%; }
section.msg09 p.msg09 span { padding-top:133.2%; }
section.msg10 p.msg10 span { padding-top:150%; }
section.msg11 p.msg11 span { padding-top:142%; }
section.msg12 p.msg12 span, section.msg13 p.msg13 span, section.msg14 p.msg14 span { padding-top:150%; }
section.msg15 p.msg15 span { padding-top:136%; }
section.msg16 p.msg16 span { padding-top:128%; }
}



/*	spot window
============================== */
.mov div#close p a {
	display: block;
	background-image: url(../img/spot_close.png);
	background-repeat: no-repeat;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
	width: 50px;
	height: 50px;
	margin: 15px auto;
}
@media all and (min-width: 768px) {
.mov h1 a {
display: block;
background-image: url(../img/header02.jpg);
background-repeat: no-repeat;
text-indent: 110%; white-space: nowrap; overflow: hidden;
width: 980px;
height: 210px;
margin: 0 auto;
}
}
@media all and (max-width: 767px) {
/*	main  size  */
.mov h1#pttl {
	padding: 0 10px 5px;
}
.mov h1#pttl a {
	display: block;
	background-image: url(../img/header02.jpg);
	background-size:cover;
	height:0;
	/* 縦÷横 */
	padding-top:21.4285714285714%;
	position: relative;
}
.mov h1#pttl a span {
	display: block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-indent:100%; white-space:nowrap; overflow:hidden;
	position: relative;
}
}

/*	 onsei pics */

@media all and (min-width: 768px) {
article#onsei section.onsei01 p.pics span {
	width: 350px; height: 300px;
}
article#onsei section.onsei02 p.pics span {
	width: 250px; height: 375px;
}
article#onsei section.onsei03 p.pics span {
	width: 350px; height: 280px;
}
.com article#onsei ul li dl dd {
	padding-left:9.25em;
}
.com article#onsei ul li dl dt {
    width: 7em;
}
}
@media all and (max-width: 767px) {
article#onsei section.onsei01 p.pics span { padding-top:80%; }
article#onsei section.onsei02 p.pics span {
	width: 200px; height: 300px;
	background-size: 200px 300px;
	margin: 0 auto;
}
article#onsei section.onsei03 p.pics span {
	width: 220px; height: 176px;
	background-size: 220px 176px;
	margin: 0 auto;
}
}

/*	 etc menu */
div#etc_menu {
	margin-bottom: 0;
}
div#etc_menu ul {
	margin-bottom: 1em;
}
div#etc_menu ul li {
	font-size: 15.5px;
	padding: 0;
	padding: 0.3em 0.3em 0.3em 0;
}
div#etc_menu ul li p a {
	display: block;
	padding: 0.3em 0.3em 0.3em 0;
}
div#etc_menu ul li p a span {
	padding: 0.3em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(249,229,230,1) 50%);
	background-position: 0 0;
	background-size: 201.9% auto;
	transition: .3s;
}
div#etc_menu ul li p a:hover > span {
	background-position: -100% 0;
	color: #c5000a;
}

@media all and (max-width: 767px) {
div#etc_menu ul li {
	padding: 0.3em;
}
div#etc_menu ul li p a {
	padding: 0.3em;
}
}


/* =================================
	ETC CSS
================================= */

/* =================================
	etc guide
================================= */

article#guide > section:not(:last-child) {
	margin-bottom:2.5em;
}

article#guide p.btn {
	position:relative;
}
article#guide p.btn a {
	display:block;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:0 2px 2px #cc3e12;
	color: #fff;
	background-color:#e02c2c;
	background-image:-moz-linear-gradient(transparent 50%, #e02c2c 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#e02c2c),to(#e02c2c));
	background-image:-ms-linear-gradient(transparent 50%, #e02c2c 50%);
	background-image:linear-gradient(transparent 50%, #e02c2c 50%);
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
}

#guide figure p span,
#guide figure p span img {
	display:block;
}
@media all and (min-width: 768px) {
article#guide p.btn {
	font-size:100%;
	margin:0 40px 20px;
}
article#guide p.btn a {
	padding:12px;
}
#guide .jguide10 figure,
#guide .jguide figure,
#guide .smf figure{
	width:300px;
	margin:0 auto 20px;
}
#guide .jguide10 figure p span img,
#guide .jguide10 figure p span,
#guide .jguide figure p span,
#guide .jguide figure p span img {
	width:300px;
	height:200px;
}
#guide .ceremony figure p span,
#guide .ceremony figure p span img {
	width:572px;
	height:381px;
}
#guide .smf figure p span,
#guide .smf figure p span img {
	width:300px;
	height:212px;
}
}

@media all and (max-width: 767px) {
article#guide p.btn {
	font-size:83%;
	margin:0 0 15px;
}
article#guide p.btn a {
	padding:8px;
}
#guide .jguide10 figure,
#guide .jguide figure,
#guide .smf figure {
	width:240px;
	margin:0 auto 15px;
}
#guide .jguide10 figure p span img,
#guide .jguide10 figure p span,
#guide .jguide figure p span,
#guide .jguide figure p span img {
	width:240px;
	height:160px;
	background-size: 240px 160px;
}
#guide .smf figure p span,
#guide .smf figure p span img {
	background-size: 240px 170px;
	width:240px;
	height:170px;
}
}

/* =================================
	etc bansen
================================= */

article#bansen > section:not(:last-child) {
	margin-bottom:2.5em;
}

article#bansen > section > dl.date {
	background-color:#ededed;
}
article#bansen > section > dl.date dt,
article#bansen > section > dl.date dd {
	display:inline-block;
	line-height:1.5;
}
article#bansen > section > dl.date dt {
	background-color:#c5010a;
	color:#fff;
	font-weight:bold;
	padding:0.25em 1em;
}
article#bansen > section > dl.date dd {
	padding-left:1em;
}
@media all and (min-width: 768px) {
article#bansen > section > dl.date {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
article#bansen > section > dl.date {
	font-size:83%;
}
}




article#bansen > section div.main-pics {
	margin-bottom:1.25em;
}
#guide .jguide figure p span,
#guide .jguide figure p span img,
article#bansen > section div.main-pics span,
article#bansen > section div.main-pics span img {
	display:block;
}
#guide .jguide figure p span,
#guide .jguide figure p span img,
article#bansen > section div.main-pics span {
	background-position:center center;
	background-repeat:no-repeat;
}
@media all and (min-width: 768px) {
article#bansen > section div.main-pics span,
article#bansen > section div.main-pics span img {
	width:572px;
	height:321px;
}
}
@media all and (max-width: 767px) {
#guide .ceremony figure p span,
article#bansen > section div.main-pics span {
	position:relative;
	height:0;
	background-size:cover;
}
#guide .ceremony figure p span img,
article#bansen > section div.main-pics span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
article#bansen > section div.main-pics span {
	padding-top:56.118881%;
}
#guide .ceremony figure p span {
	padding-top:66.6083916083916%;
}
}





article#bansen > section p.casts {
	position:relative;
	margin-bottom:1.5em;
}
article#bansen > section p.casts span.photo {
	background-image:url(../img/etc_bansen_0612cast.jpg);
	background-repeat:no-repeat;
}
article#bansen > section p.casts span.tanaka {
	background-image:url(../img/etc_bansen_0612tanaka.jpg);
	background-repeat:no-repeat;
}
article#bansen > section p.casts span,
article#bansen > section p.casts span img {
	display:inline-block;
}
article#bansen > section p.casts span.nm {
	line-height:1.5;
	position:absolute;
	top:50%;
	margin-top:-0.75em;
}
@media all and (min-width: 768px) {
article#bansen > section p.casts {
	height:140px;
}
article#bansen > section p.p-tanaka {
	height:207px;
}
article#bansen > section p.casts span.photo,
article#bansen > section p.casts span.photo img {
	width:140px;
	height:140px;
}
article#bansen > section p.casts span.tanaka,
article#bansen > section p.casts span.tanaka img {
	height:207px;
}
article#bansen > section p.casts span.mikim {
	background-position:0 -140px;
}
article#bansen > section p.casts span.satok {
	background-position:0 -280px;
}
article#bansen > section p.casts span.nm {
	left:156px;
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
article#bansen > section p.casts {
	height:120px;
}
article#bansen > section p.p-tanaka {
	height:177px;
}
article#bansen > section p.casts span.photo,
article#bansen > section p.casts span.photo img {
	width:120px;
	height:120px;
}
article#bansen > section p.casts span.tanaka,
article#bansen > section p.casts span.tanaka img {
	height:177px;
}
article#bansen > section p.casts span.photo {
	background-size:120px 360px;
}
article#bansen > section p.casts span.tanaka {
	background-size:cover;
}
article#bansen > section p.casts span.mikim {
	background-position:0 -120px;
}
article#bansen > section p.casts span.satok {
	background-position:0 -240px;
}
article#bansen > section p.casts span.nm {
	left:136px;
	font-size:83%;
}
}




div.kakoi-box	{
	border: 2px #d1d1d1 solid;

}
div.kakoi-box p,
div.kakoi-box table th,
div.kakoi-box table td {
	line-height:1.5;
}
div.kakoi-box p {
	text-align:center;
}
div.kakoi-box p span.bg {
	background-color:#ededed;
	padding:0 1em;
}
div.kakoi-box table tr:not(:last-child) th,
div.kakoi-box table tr:not(:last-child) td {
	padding-bottom:1em;
}
div.kakoi-box table th span {
	display:block;
	background-image:url(../img/etc_bansen_0612logos.png);
	background-repeat:no-repeat;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
}
div.kakoi-box table th,
div.kakoi-box table td {
	vertical-align:middle;
}
div.kakoi-box table td {
	padding-left:1.25em;
}
div.kakoi-box dl {
	width: 20em;
}
div.kakoi-box dt {
	width: 7em;
	float: left;
	margin-right: 1em;
}
@media all and (min-width: 768px) {
div.kakoi-box	{
	padding:1.5em;
}
div.kakoi-box p,
div.kakoi-box table th,
div.kakoi-box table td {
	font-size:87.5%;
}

div.kakoi-box table th span {
	width:77px;
	height:36px;
}

div.kakoi-box table tr.onde th span {
	background-position:0 -36px;
}
}
@media all and (max-width: 767px) {
div.kakoi-box	{
	padding:1.25em;
}
div.kakoi-box p,
div.kakoi-box table th,
div.kakoi-box table td {
	font-size:83%;
}
div.kakoi-box table th span {
	width:58px;
	height:27px;
	background-size:58px 54px;
}
div.kakoi-box table tr.onde th span {
	background-position:0 -27px;
}
}


@media all and (min-width: 768px) {
article#bansen > section > p.txt {
	font-size:87.5%;
}
}


/*	player
============================== */
div.player-outer {
	position:relative;
	height:0;
	padding-top:56.25%;
}
div.player-outer iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.player-deco {
	margin-bottom:25px;
}
}
@media all and (max-width: 767px) {
div.player-deco {
	margin-bottom:15px;
}
}

@media all and (min-width: 768px) {
.etc article#tieup section#finalportrait ul li dl dt {
    width: 6em;
}
.etc article#tieup section#finalportrait ul li dl dd {
	padding-left:9em;
}
}


#toyota {
word-break: break-all;
}
#tieup figure p span,
#tieup figure p span img {
	display:block;
}
#tieup figure p {
	margin-bottom:0.25em;
}
#tieup figure figcaption {
	font-size:62.5%;
	line-height:1.5;
}
p.cap {
	text-align:center;
	line-height:1.75;
	margin-bottom:1.75em;
}
#toyota #apology p.name {
	text-align:left;
	line-height:1.75;
	margin-bottom:1.75em;
   width: 446px;
   margin: 0 auto 1em;
}
@media all and (min-width: 768px) {
#tieup figure,#toyota #xmas figure,#toyota #lastsale figure {
	margin:0 auto 20px;
}
#tieup figure p span,
#tieup figure p span img,
#toyota #xmas figure p span,
#toyota #xmas figure p span img,
#toyota #lastsale figure p span,
#toyota #lastsale figure p span img,
#toyota #apology figure p span,
#toyota #apology figure p span img {
	height:250px;
}
#tieup #tsutaya figure p span,
#tieup #tsutaya figure p span img {
	width:285px;
	height:380px;
}
#tieup #precce figure p span, #tieup #precce figure p span img {
	height:120px;
}
#toyota #alpage figure p span, #tieup #alpage figure p span img {
	height:285px;
}
#tieup #gaston figure, #tieup #gaston figure p span, #tieup #gaston figure p span img,
#toyota #xmas figure, #toyota #xmas figure figure p span, #toyota #xmas figure p span img,
#toyota #lastsale figure, #toyota #lastsale figure figure p span, #toyota #lastsale figure p span img,
#toyota #apology figure p span, #toyota #apology figure p span img {
	width:446px;
}
#tieup #feu figure, #tieup #feu figure p span, #tieup #feu figure p span img {
	width:448px;
}
p.cap {
	font-size:87.5%;
}
#lastsale div > p.txt {
   font-size: 14.5px;
}
}

@media all and (max-width: 767px) {
#tieup figure {
	width:280px;
	margin:0 auto 15px;
}
#tieup figure p span, #tieup figure p span img,
#toyota #xmas figure p span, #toyota #xmas figure p span img,
#toyota #lastsale figure p span, #toyota #lastsale figure p span img {
	width:280px;
	height:184px;
}
#toyota #apology figure p span, #toyota #apology figure p span img {
	width:280px;
	height:157px;
}
#tieup #tsutaya figure p span, #tieup #tsutaya figure p span img {
	width: 270px;
	height: 360px;
}
#tieup #precce figure p span, #tieup #precce figure p span img {
	height:88px;
}
#tieup #alpage figure p span, #tieup #alpage figure p span img {
	height:210px;
}
#tieup #gaston figure p span, #tieup #gaston figure p span img,
#toyota #xmas figure p span, #toyota #xmas figure p span img,
#toyota #lastsale figure p span, #toyota #lastsale figure p span img {
	height:157px;
}
#tieup #feu figure p span, #tieup #feu figure p span img {
	height:156px;
}
#tieup figure p span,
#toyota #xmas figure p span,
#toyota #lastsale figure p span,
#toyota #apology figure p span {
	background-size:cover;
}
p.cap {
	font-size:83%;
}
}
span.gray {
   color: #9e9e9e;
}

/* =================================
	etc goods
================================= */

#goods figure {
}
#goods figure p span,
#goods figure p span img {
	display:block;
}
#goods figure p {
	margin-bottom:0.25em;
}
#goods figure figcaption {
	font-size:62.5%;
	line-height:1.5;
}
@media all and (min-width: 768px) {
#goods figure {
	margin:0 auto 20px;
}
#goods section.zuroku figure {
	width:320px;
}
#goods section.zuroku figure p span,
#goods section.zuroku figure p span img {
	width:320px;
	height:445px;
}
}

@media all and (max-width: 767px) {
#goods figure {
	margin:0 auto 15px;
}
#goods section.zuroku figure {
	width:260px;
}
#goods section.zuroku figure p span,
#goods section.zuroku figure p span img {
	width:260px;
	height:362px;
}
#goods figure p span {
	background-size:cover;
}
}




section.goods ul li > span.lazy {
	background-color:#fff;
	background-size:cover;
}
section.goods ul li > span img {
	display:block;
}



@media all and (min-width: 768px) {

section.goods ul li {
	margin-bottom:25px;
}

section.goods ul li:nth-child(odd) {float:left;}
section.goods ul li:nth-child(even) {float:right;}

section.goods ul li.gds01, section.goods ul li.gds01 > span img {width:212px;height:270px;}
section.goods ul li.gds02, section.goods ul li.gds02 > span img {width:340px;height:270px;}
section.goods ul li.gds03, section.goods ul li.gds03 > span img {width:276px;height:270px;}
section.goods ul li.gds04, section.goods ul li.gds04 > span img {width:276px;height:270px;}
section.goods ul li.gds05, section.goods ul li.gds05 > span img {width:276px;height:270px;}
section.goods ul li.gds06, section.goods ul li.gds06 > span img {width:276px;height:270px;}
section.goods ul li.gds07, section.goods ul li.gds07 > span img {width:240px;height:260px;}
section.goods ul li.gds08, section.goods ul li.gds08 > span img {width:312px;height:260px;}
section.goods ul li.gds09, section.goods ul li.gds09 > span img {width:276px;height:192px;}
section.goods ul li.gds10, section.goods ul li.gds10 > span img {width:276px;height:192px;}
section.goods ul li.gds11, section.goods ul li.gds11 > span img {width:276px;height:260px;}
section.goods ul li.gds12, section.goods ul li.gds12 > span img {width:276px;height:260px;}
section.goods ul li.gds13, section.goods ul li.gds13 > span img {width:276px;height:206px;}
section.goods ul li.gds14, section.goods ul li.gds14 > span img {width:276px;height:206px;}

}

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

section.goods ul li {
	margin:0 auto 20px;
}

section.goods ul li.gds01, section.goods ul li.gds01 > span img {width:174px;height:222px;}
section.goods ul li.gds02, section.goods ul li.gds02 > span img {width:280px;height:222px;}
section.goods ul li.gds03, section.goods ul li.gds03 > span img {width:227px;height:222px;}
section.goods ul li.gds04, section.goods ul li.gds04 > span img {width:227px;height:222px;}
section.goods ul li.gds05, section.goods ul li.gds05 > span img {width:227px;height:222px;}
section.goods ul li.gds06, section.goods ul li.gds06 > span img {width:227px;height:222px;}
section.goods ul li.gds07, section.goods ul li.gds07 > span img {width:205px;height:222px;}
section.goods ul li.gds08, section.goods ul li.gds08 > span img {width:233px;height:194px;}
section.goods ul li.gds09, section.goods ul li.gds09 > span img {width:280px;height:195px;}
section.goods ul li.gds10, section.goods ul li.gds10 > span img {width:280px;height:195px;}
section.goods ul li.gds11, section.goods ul li.gds11 > span img {width:276px;height:260px;}
section.goods ul li.gds12, section.goods ul li.gds12 > span img {width:264px;height:269px;}
section.goods ul li.gds13, section.goods ul li.gds13 > span img {width:264px;height:197px;}
section.goods ul li.gds14, section.goods ul li.gds14 > span img {width:264px;height:197px;}

}



p.btn-videos span,
p.btn-videos span img {
	display:block;
}
@media all and (min-width: 768px) {

p.btn-videos {
	width:300px;
	margin:20px auto;
}
p.btn-videos span,
p.btn-videos span img {
	width:300px;
	height:169px;
}

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

p.btn-videos {
	width:260px;
	margin:15px auto;
}
p.btn-videos span,
p.btn-videos span img {
	width:260px;
	height:146px;
}
p.btn-videos span {
	background-size:cover;
}

}


/* =================================
	COLUMN CSS
================================= */

/* =================================
	column
================================= */

.column div.wrap div.left article p.rgts {
	text-align:right;
	margin-top:-0.75em;
	font-weight:bold;
}
@media all and (min-width: 768px) {
.column div.wrap div.left article p.rgts {
	font-size:87.5%;
}
}

@media all and (max-width: 767px) {
.column div.wrap div.left article p.rgts {
	font-size:83%;
}
}

.column .column-unit figure p span,
.column .column-unit figure p span img {
	display:block;
}
@media all and (min-width: 768px) {
.column .column-unit figure {
	width:640px;
	margin:0 auto 20px;
}
.column .column-unit figure p span,
.column .column-unit figure p span img {
	width:640px;
	height:320px;
}
}
@media all and (max-width: 767px) {
.column .column-unit figure p span {
	background-size:cover;
}
.column .column-unit figure {
	width:280px;
	margin:0 auto 15px;
}
.column .column-unit figure p span, .column .column-unit figure p span img {
	width:280px;
	height:140px;
}
}

.column figure.prof {
	margin-bottom:2em;
}
.column figure.prof p.pics span,
.column figure.prof p.pics span img {
	display:block;
}
.column figure.prof p.pics span {
	background-size:cover;
}
.column figure.prof figcaption {
	line-height:1.5;
}
.column figure.prof figcaption p {
	margin-bottom:0.5em;
}
.column figure.prof figcaption {
	line-height:1.5;
}
.column figure.prof figcaption dl dt {
	color:#c00;
}
@media all and (min-width: 768px) {

.column figure.prof p.pics {
	width:144px;
	float:left;
}
.column figure.prof figcaption {
	width:476px;
	float:right;
}
.column figure.prof p.pics span, .column figure.prof p.pics span img {
	width:144px;
	height:200px;
}
.column figure.prof figcaption {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.column figure.prof {
	position:relative;
	padding-bottom:2.25em;
}
.column figure.prof figcaption {
	font-size:83%;
}
.column figure.prof p.pics {
	position:absolute;
	right:0;
	bottom:0;
}
.column figure.prof p.pics span, .column figure.prof p.pics span img {
	width:70px;
	height:97px;
}

}