@media screen and (max-width: 800px) {
/*=============================================================**
        Common Style
**=============================================================*/

#contents_body h1 {
	font-size: 150% !important;
}

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,table,th,td,form {
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Serif JP', serif;
}

p.text {
    text-align:justify;
}

* {
	font-size: 15px ;
}


body {
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

a {
	color: #0066FF;
	text-decoration: underline;
}

a:hover {
	color: #0066FF;
}

a:visited {
	color: #551A8B;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0em 0px 0.3em 0px;
}

h2.rpt {
	padding-top: 14px;
}

* html h2.rpt {
	padding-top: 0;
}

p,ul,ol,dl,blockquote {
	margin: 0px 5px 1em 5px;
	line-height: 1.6;
}

ul,ol {
	padding: 0;
}

.clf {
	min-height: 1px;
}

.clf:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.doc_separate {
	display: none;
}
.cap{
	text-align:center;
	font-size:14px;
}
.cap_text{
	font-size:14px;
	margin-right:5%;
	margin-left:5%

}


/*=============================================================**
        Layout
**=============================================================*/

body {
	font-size: 90%;
	background-color: black;
	text-align: center;
}

#wrap {
	width: 100%;
	margin: 0px auto;
	text-align: left;
	position: relative;
}

#header,
#contents,
#footer {
	text-align: left;
}

#header{
	margin:10px auto;
}

#footer{
	margin-bottom:25px;
}

#header {
	background: url(../img/bg_header_00.gif) no-repeat 0px 0px;
	color: #FFF;
}

#header_inner {
	height:100px;
}

#contents {
	background-color: #000;
	color: #FFF;
}

#contents_main {
	width: 100%;
}

#contents_main_s {
	margin-left: 5px;
	margin-right: 5px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contents_main_inner {
	padding: 20px 5px;
	color: #000;
}

#contents_sub {
	width: 176px;
	float: left;
	margin-left: 30px;
	padding-bottom: 300px;
}

#footer {
	background: #000;
	color: #FFF;
	padding-top: 20px;
}

#footer_inner {
	padding: 10px;
}

#contents_sub{
display:none;
}

.bread_crumb{
display:none;
}

/*=============================================================**
        extra
**=============================================================*/

#skip,
#skip * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#skip li {
	position: absolute;
	overflow: hidden;
	text-indent: -500px;
}

.logo {
	margin: 0px;
}

.main_img {
	background-color: #000;
	background-position: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	height:280px;
}

.main_img a {
	display: block;
	width: 100%;
	height: 280px;
	text-decoration:none;
	text-align:left;
}

.main_img p {
	margin: 0px;
	padding: 0px;
	background-color:rgba(256, 256, 256, 0.85);
	padding:10px 20px;
	display: inline-block;
	position:relative;
	top:50px;
	color:black;
	text-align:left;
}
.main_img2 {
	background-image: url(/kaleido/entry/2/img/img_main2.jpg);
	background-size: cover;
}

.main_img3 {
	background-image: url(/kaleido/entry/3/img/img_main2.jpg);
	background-size: cover;
}

.main_img5 {
	background-image: url(/kaleido/entry/5/img/img_main2.jpg);
	background-size: cover;
}

.main_img6 {
	background-image: url(/kaleido/entry/6/img/img_main2.jpg);
	background-size: cover;
}

.main_img7 {
	background-image: url(/kaleido/entry/7/img/img_main2.jpg);
	background-size: cover;
}

.main_img8 {
	background-image: url(/kaleido/entry/8/img/img_main2.jpg);
	background-size: cover;
}

.main_img9 {
	background-image: url(/kaleido/entry/9/img/img_main2.jpg);
	background-size: cover;
}

.main_img10 {
	background-image: url(/kaleido/entry/10/img/img_main2.jpg);
	background-size: cover;
}

.main_img11 {
	background-image: url(/kaleido/entry/11/img/img_main2.jpg);
	background-size: cover;
}

.main_img12 {
	background-image: url(/kaleido/entry/12/img/img_main2.jpg);
	background-size: cover;
}

.main_img26 {
	background-image: url(/kaleido/entry/26/common/img/img_main_sp.jpg);
}
.main_img27 {
	background-image: url(/kaleido/entry/27/img/img_main2.jpg);
	background-size: cover;
}
.main_img28 {
	background-image: url(/kaleido/entry/28/img/img_main2.jpg);
	background-size: cover;
}
.main_img29 {
	background-image: url(/kaleido/entry/29/img/img_main2.jpg);
	background-size: cover;
}

.main_img33 {
	background-image: url(/kaleido/entry/33/img/main_img33.jpg);
    background-size: cover;
}

#title1{
	font-size:25px;
	font-weight:bold;
}
#title2{
	font-size:18px;
	font-weight:bold;
}

.topnavi {
	padding: 5px 0px 5px 5%;
	color:white;
	margin:5px 5px;
}

.topnavi * {
	list-style: none;
}

.topnavi a {
	color: white !important;
}

.topnavi a:hover {
	text-decoration:none;
}

.topnavi ul {
	margin: 0px 0px;
}
.topnavi ul li{
	line-height: 1.7;
	font-weight:bold;
}

.toplist li{
	list-style-type:none !important;
	list-style-image:none !important;
}
 
.toplist li{
	font-size: 14px !important;
	position:relative;
	padding-left:20px;
}
 
.toplist li a{
	font-size: 14px !important;
	text-decoration:none;
}


.toplist li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#EEEEEE;
	width:8px;
	height:8px; 
	top:5px; 
	left:5px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.toplist li.current:after{
	background:#ffff00 !important;
}

.toplist .current{
	color: #ffff00 !important;
}

#footer_info {
	text-align: left;
	font-style: normal;
	font-size: 80%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	min-height: 1px;
}

#footer_info #footer_logo {
	text-align: center;
	margin: 20px 0px 40px 0px;
	display:block;
}

#footer_info #footer_address {
	text-align: center;
	margin: 0px 0px 20px 0px;
	display:block;

}

#footer_info #footer_address a {
	color: #FFF;
}

#footer_info #footer_copy {
	margin: 0px 0px 0px 0px;

}

.page_nav {
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 30px;
	width: 100%;
}

.page_nav * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.page_nav li {
	position: absolute;
	top: 0px;
	background-color: #7f7f7f;
	padding: 4px 0px 4px 0px;
}

.page_nav li.pn_prev {
	left: 0px;
	padding-left: 30px;
	padding-right: 15px;
	background: #7f7f7f url(../img/arrow_nav_001.gif) no-repeat 0px 50%;
}

.page_nav li.pn_next {
	right: 0px;
	padding-right: 30px;
	padding-left: 15px;
	background: #7f7f7f url(../img/arrow_nav_002.gif) no-repeat 100% 50%;
}

.page_nav li.pn_top {
	display:none;
	/*width: 90px;
	left: 50%;
	padding-left: 30px;
	padding-right: 5px;
	margin-left: -60px;
	background: #7f7f7f url(../img/arrow_nav_000.gif) no-repeat 10px 50%;*/
}

.page_nav li a {
	text-decoration: none !important;
	color: #FFF !important;
	background-color: #7f7f7f !important;
}

.page_nav li a:hover {
	color: #000 !important;
}



.btm_nav{
	display:block;
	text-decoration:none;
	border:solid 1px #999;
	margin:50px auto;
	width:100%;
	box-shadow: 2px 2px 2px -1px rgba(24,24,24,0.3);
	background-color:white;

}

.btm_nav:hover{
	border-color: #66b !important;
	box-shadow: 2px 2px 3px -1px rgba(24,24,80,0.6);
}


.btm_nav img{
	display:inline-block;
	vertical-align:middle;
}
.btm_nav p{
	display:inline-block;
	vertical-align:middle;
	word-wrap: break-word;
	color:black;
	font-weight:bold;
	font-size:120%;
	margin-bottom:0;
}
.btmnav1{
}

/*=============================================================**
        Item
**=============================================================*/

.items{
	display:flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}
.items img{
	margin:auto !important;
	padding:0;
	max-width:100%;
}

blockquote {
	margin: 5px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background-color: #fdfafa;
	color: #111;
	box-shadow: 0px 0px 1px gray;
}

.sbs2 {
	text-align:center;
}

.sbs1 img{
	max-width:95%;
}

.top-note li{
	margin-left:20px;
}
.noimg{
	font-weight:bold;
	border:1px dotted #777777;
	text-align:center;
	color:#777777;
	font-size:95%;
	margin-top:10px;
}
.noimg a{
	font-size:95%;
}
#contents_body .desc_block {
	border: 1px solid #000;
	border-top: 10px solid #000;
	background: #FFF;
	padding:20px 10px;
	margin-bottom:20px;
}
#contents_body .desc_block .text{
	margin:0;

}
#contents_body .desc_block .items{
	margin-top:20px;

}


}


@media screen and (min-width: 800px) {
/*=============================================================**
        Common Style
**=============================================================*/

html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,table,th,td,form {
	margin: 0px;
	padding: 0px;
}

p.text{
    text-align: justify;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Serif JP', serif;
}

a img {
	border: none;
}

a {
	color: #0066FF;
	text-decoration: underline;
}

a:hover {
	color: #0066FF;
}

a:visited {
	color: #551A8B;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0em 0px 0.5em 0px;
}

h2.rpt {
	padding-top: 14px;
}

* html h2.rpt {
	padding-top: 0;
}

h3{
	margin-left:12%;
	font-size:16px;
}

p,ul,ol,dl,blockquote {
	margin: 0px 2% 1em 2%;
	line-height: 1.8;
	font-size:16px;
}

ul,ol {
	padding: 0px 0px 0px 0px;
}

.clf {
	min-height: 1px;
}

.clf:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


.doc_separate {
	display: none;
}

.fs110b {
	font-size: 110%;
	font-weight: bold;
}

.fs90 {
	font-size: 90%;
}
.cap{
	text-align:center;
	font-size:14px;
}
.cap_text{
	font-size:14px;
	margin:0px 17% 2rem 17%;
}

/*=============================================================**
        Layout
**=============================================================*/

body {
	font-size: 90%;
	background-color: black;
	text-align: center;

}

#wrap {
	width: 100%;
	margin: 0px auto;
	text-align: left;
	position: relative;
	min-width:800px;
	max-width:1200px;
}

#header,
#contents,
#footer {
	text-align: left;
}

#header {
	background: url(../img/bg_header_00.gif) no-repeat 0px 0px;
	color: #FFF;
}

#header_inner {
	height:125px;
}


#header_inner a img{
	margin-top:12.5px;
}

#contents {
	background-color: #000;
	color: #FFF;
}

#contents_main {
	width: 100%;
    margin-left : -216px;
	float: right;
}

#contents_main_s {
	margin-left: 216px;
	margin-right: 30px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contents_main_ss {
	background: url(../img/bg_gray.png) repeat-y 0px 0px;
	padding-left: 10px;
}

#contents_main_inner {
	padding: 20px 20px 20px 20px;
	background: url(../img/bg_contents.gif) no-repeat 100% 0px;
	color: #000;
}

#contents_sub {
	width: 176px;
	float: left;
	margin-left: 30px;
	padding-bottom: 300px;
}

#footer {
	background: #000;
	color: #FFF;
	padding-top: 30px;
}

#footer_inner {
	padding: 10px;
}

#contents_main_inner,
#contents_sub_inner {
	/*padding: 0px;*/
}

#contents_main_inner {
}

.topnavi{
	display:none;
}


/*=============================================================**
        extra
**=============================================================*/

#skip,
#skip * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#skip {
}

#skip li {
	position: absolute;
	overflow: hidden;
	text-indent: -500px;
}

#skip li.skip_navigation {
	background: url(../img/bg_body_top.png) no-repeat 100% 0px;
	width: 515px;
	height: 122px;
	right: 0px;
	top: 0px;
}

#skip li.skip_contents {
	background: url(../img/bg_body_bottom.png) no-repeat 100% 100%;
	width: 580px;
	height: 296px;
	left: 0px;
	bottom: 0px;
	margin-left: -374px;
}

#skip li.skip_navi_top {
   width: 180px;
   height: 58px;
   right: 5px;
   top: 20px;
}

#skip li.skip_cont_top {
   width: 150px;
   height: 31px;
   right: 5px;
   overflow: hidden;
}

.logo {
	margin: 0px;
}

.main_img {
	height: 280px;
	background-color: #000;
	background-position: 0px 0px;
	background-repeat: no-repeat;
    overflow: hidden;
}

.main_img a {
	display: block;
	width: 100%;
	height: 280px;
	text-decoration:none;
	text-align:left;
}

.main_img p {
	margin: 0px;
	background-color:rgba(256, 256, 256, 0.9);
	padding:15px 30px;
	display: inline-block;
	position:relative;
	top:50px;
	color:black;
	text-align:left;
	border:solid 2px;
	border-color:gray;
	border-left:none;
}

.main_img2 {
	background-image: url(/kaleido/entry/2/img/img_main1.jpg);
	background-size:cover;
}

.main_img3 {
	background-image: url(/kaleido/entry/3/img/img_main1.jpg);
	background-size:cover;
}


.main_img5 {
	background-image: url(/kaleido/entry/5/img/img_main1.jpg);
	background-size:cover;
}


.main_img6 {
	background-image: url(/kaleido/entry/6/img/img_main1.jpg);
	background-size:cover;
}


.main_img7 {
	background-image: url(/kaleido/entry/7/img/img_main1.jpg);
	background-size:cover;
}

.main_img8 {
	background-image: url(/kaleido/entry/8/img/img_main1.jpg);
	background-size:cover;
}


.main_img9 {
	background-image: url(/kaleido/entry/9/img/img_main1.jpg);
	background-size:cover;
}

.main_img10 {
	background-image: url(/kaleido/entry/10/img/img_main1.jpg);
	background-size:cover;
}

.main_img11 {
	background-image: url(/kaleido/entry/11/img/img_main1.jpg);
	background-size:cover;
}

.main_img12 {
	background-image: url(/kaleido/entry/12/img/img_main1.jpg);
	background-size:cover;
}

.main_img26 {
	background-image: url(/kaleido/entry/26/common/img/img_main.jpg);
}

.main_img27 {
	background-image: url(/kaleido/entry/27/img/img_main1.jpg);
	background-size:cover;
}

.main_img28 {
	background-image: url(/kaleido/entry/28/img/img_main1.jpg);
	background-size:cover;
	margin-left:10%;
	margin-right:10%;
}
.main_img29 {
	background-image: url(/kaleido/entry/29/img/img_main1.jpg);
	background-size:cover;
}

.main_img33 {
	background-image: url(/kaleido/entry/33/img/main_img33l.jpg);
    background-size: cover;
}

#title1{
	font-size:35px;
	font-weight:bold;
}
#title2{
	font-size:20px;
	font-weight:bold;
}

.bread_crumb {
	padding: 15px 30px;
}

.bread_crumb * {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 100%;
	line-height:1.4;
}

.bread_crumb a {
	color: #FFF !important;
	background: #000;
}

.bread_crumb a:hover {
	text-decoration:none;
}

.bread_crumb ul {
	margin: 0px 0px;
}

.bread_crumb ul li {
	display: inline;
	padding-left: 15px;
	background: url(../img/arrow_bread.gif) no-repeat 0px 0.1em;
}

.bread_crumb ul li.home {
	padding-left: 0px;
	background: none;
}



#footer_info {
	text-align: center;
	font-style: normal;
	font-size: 80%;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	min-height: 1px;
}

#footer_info:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}



#footer_info #footer_logo {
	float: left;
	margin: -15px 0px 0px 200px;
}

#footer_info #footer_address {
	float: right;
	margin: 0px 20px 0px 0px;
}

#footer_info #footer_address a {
	color: #FFF;
}

#footer_info #footer_copy {
	display: block;
	margin: 0px 0px 0px 0px;
}





.page_nav {
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 30px;
	width: 100%;
}

.page_nav * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.page_nav li {
	position: absolute;
	top: 0px;
	background-color: #7f7f7f;
	padding: 4px 0px 4px 0px;
	font-size:80%;
}

.page_nav li.pn_prev {
	left: 0px;
	padding-left: 30px;
	padding-right: 15px;
	background: #7f7f7f url(../img/arrow_nav_001.gif) no-repeat 0px 50%;
}

.page_nav li.pn_next {
	right: 0px;
	padding-right: 30px;
	padding-left: 15px;
	background: #7f7f7f url(../img/arrow_nav_002.gif) no-repeat 100% 50%;
}

.page_nav li.pn_top {
	width: 90px;
	left: 50%;
	padding-left: 30px;
	padding-right: 5px;
	margin-left: -60px;
	background: #7f7f7f url(../img/arrow_nav_000.gif) no-repeat 10px 50%;
}


.page_nav li a {
	text-decoration: none !important;
	color: #FFF !important;
	background-color: #7f7f7f !important;
}

.page_nav li a:hover {
	color: #000 !important;
}

/*=============================================================**
        navigation
**=============================================================*/

#navigation {
	margin: 0px;
	padding: 0px 20px 0px 0px;
}

#navigation * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navigation li {
	background-color: #4d4d4d;
}

#navigation li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	zoom: 1;
}

#navigation li {
	font-size: 120%;
	margin: 0px 0px 10px 0px;
	line-height: 1.2;
}

#navigation li#nv01 {
	background: #4d4d4d url(../img/bg_nav_01.gif) no-repeat 100% 0px;
}

#navigation li#nv02 {
	background: #4d4d4d url(../img/bg_nav_02.gif) no-repeat 100% 0px;
}

#navigation li#nv03 {
	background: #4d4d4d url(../img/bg_nav_03.gif) no-repeat 100% 0px;
}

#navigation li#nv04 {
	background: #4d4d4d url(../img/bg_nav_04.gif) no-repeat 100% 0px;
}

#navigation li#nv05 {
	background: #4d4d4d url(../img/bg_nav_01.gif) no-repeat 100% 0px;
}

#navigation li#nv06 {
	background: #4d4d4d url(../img/bg_nav_02.gif) no-repeat 100% 0px;
}

#navigation li#nv07 {
	background: #4d4d4d url(../img/bg_nav_03.gif) no-repeat 100% 0px;
}

#navigation li#nv08 {
	background: #4d4d4d url(../img/bg_nav_04.gif) no-repeat 100% 0px;
}

#navigation li#nv09 {
	background: #4d4d4d url(../img/bg_nav_01.gif) no-repeat 100% 0px;
}

#navigation li#nv10 {
	background: #4d4d4d url(../img/bg_nav_02.gif) no-repeat 100% 0px;
}

#navigation li.current {
	background: #4d4d4d url(../img/bg_nav_c_00.gif) repeat-y 0px 0px !important;
}

#navigation li a {
	padding: 7px;
}

#navigation li a:hover {
	color: #ff6600;
}

#navigation li span.sub {
	font-size: 90%;
}

#navigation li ul {
	padding: 3px 5px 7px 10px;
}

#navigation li li,
#navigation li.current li {
	font-size: 80%;
	background: url(../img/arrow_gnav_01.gif) no-repeat 0px 3px !important;
	padding: 0px 0px 0px 22px;
	margin: 0px 0px 10px 0px;
}

#navigation li li.current {
	background: url(../img/arrow_gnav_02.gif) no-repeat 0px 3px !important;
}

#navigation li li a {
	padding: 0px;
	display: inline;
}

#navigation li.current a {
	margin-right: -12px;
	padding-right: 19px;
	color: #ffff00;
}

#navigation li.current a:hover {
	color: #ff6600;
}

#navigation li#nv01.current a {
	background: url(../img/bg_nav_c_01.gif) no-repeat 100% 7px;
}

#navigation li#nv02.current a {
	background: url(../img/bg_nav_c_02.gif) no-repeat 100% 7px;
}

#navigation li#nv03.current a {
	background: url(../img/bg_nav_c_03.gif) no-repeat 100% 7px;
}

#navigation li#nv04.current a {
	background: url(../img/bg_nav_c_04.gif) no-repeat 100% 7px;
}

#navigation li#nv05.current a {
	background: url(../img/bg_nav_c_01.gif) no-repeat 100% 7px;
}

#navigation li#nv06.current a {
	background: url(../img/bg_nav_c_02.gif) no-repeat 100% 7px;
}

#navigation li#nv07.current a {
	background: url(../img/bg_nav_c_03.gif) no-repeat 100% 7px;
}

#navigation li#nv08.current a {
	background: url(../img/bg_nav_c_04.gif) no-repeat 100% 7px;
}

#navigation li#nv09.current a {
	background: url(../img/bg_nav_c_01.gif) no-repeat 100% 7px;
}

#navigation li#nv10.current a {
	background: url(../img/bg_nav_c_02.gif) no-repeat 100% 7px;
}

#navigation li.current li a {
	background: none !important;
	margin-right: 0px;
	padding-right: 0px;
}

#navigation li li.current a {
	color: #ffff00;
}


.btm_nav{
	display:block;
	text-decoration:none;
	border:solid 1px #999;
	margin:50px auto;
	width:50%;
	box-shadow: 2px 2px 2px -1px rgba(24,24,24,0.3);
	background-color:white;
}

.btm_nav:hover{
	border-color: #66b !important;
	box-shadow: 2px 2px 3px -1px rgba(24,24,80,0.6);
}

.btm_nav img{
	display:inline-block;
	vertical-align:middle;
}
.btm_nav img:hover{
	border:none;
	box-shadow:none;
}

.btm_nav p{
	display:inline-block;
	vertical-align:middle;
	word-wrap: break-word;
	color:black;
	font-weight:bold;
	font-size:120%;
	margin-bottom:0;
	margin-left:20px;
}

.btm_nav p:hover{
	border:none;
	box-shadow:none;
}

.btmnav1{
}





/*=============================================================**
        Item
**=============================================================*/
/* ‰æ‘œ2,3–‡—p  */
.items {
	display:flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}

.items img{
}

blockquote {
	margin: 10px auto;
	padding: 20px;
	background-color: #fdfafa;
	color: #111;
	box-shadow: 0px 0px 1px gray;
	width: 60%;
}
.items blockquote{
	margin: 10px 0px 16px 0px !important;
}

#quote-2 {
	width:60% !important;
	margin-right:auto;
}

#quote-2 blockquote{
	width:100% !important;
}

#quote-2 p{
	width:100% !important;
}

.sbs1{
	display: table;
	margin:20px 12%;
}
.sbs1 p.text{
	display: table-cell;
	text-align:left;
	vertical-align:top;
}

.sbs1 p{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	padding-right:25px;
}
.sbs2 p{
	text-align:center;
}


.text{
	margin-right:12%;
	margin-left:12%;
}
.text-ul{
	margin-right:12%;
	margin-left:calc(12% + 2em);
}

.top-note{
	margin:25px 12% auto 12%;
}
.noimg{
	font-weight:bold;
	border:1px dotted #777777;
	text-align:center;
	color:#777777;
	margin-left:20%;
	margin-right:20%;
	margin-top:10px;
	font-size:95%;
}

#contents_body .desc_block {
	border: 1px solid #000;
	border-top: 10px solid #000;
	background: #FFF;
	padding:25px 20px 10px 20px;
	margin:0 12% 20px 12%;
}
#contents_body .desc_block .text{
	margin:0;

}
#contents_body .desc_block .items{
	margin-top:20px;

}
#contents_body .desc_block .sbs1{
	margin:20px 0px;

}


}