@media only screen and (max-width:700px){
/*====================================================================================================
  COMMON
====================================================================================================*/

/* WIDTH */
body { min-width:320px;}
#wrapper {}
#base {}
#header {width:100%;}
#content {width:100%;}
#main-content {width:100%; clear:both; float:none;}
#side-content {width:100%; clear:both; float:none;}
#footer {width:100%;}


#idyoutube {
	width:100%;
	height:auto;
}


#subpage table{
	max-width:95% !important;
	width:95% !important;
}
#subpage table td,
#subpage table th{
	width:auto;
}


/* BG*/
#base {background:none;}
#content {background:#F9F9F9;}

/* DISPLAY NONE 
#slidemenu_contents {display:none;}*/
#menu_button { display:block;}
#slidemenu_contents { width:260px;}
#slidemenu_list { color:#FFF;}
#slidemenu_list a { display:block; color:#FFF; text-decoration:none;}
#slidemenu_list li a { margin: 0 0 1px; padding:10px;}
#slidemenu_list li > ul li a { padding-left:30px;}
#slidemenu_list li a {background:#222;}
#slidemenu_list li a:hover { background:#666;}

/*-- HEADER -----------------------------------------------------------------------------------------*/

#header {}
#header #mobile-bar {float:left;}
#header #logo {float:left;}

/* MENU */
#header #mobile-bar {
	display:block;
	width:60px;
	height:60px;
	background: url(../img/menu.png) no-repeat 10px 10px;
}
#header #mobile-bar a {
	display:block;
	width:60px;
	height:60px;
	text-indent: -9999px;
}

/* LOGO */
#header #logo,
#header #logo a { width:240px; height:60px;}
#header #logo a {
	background: url(../img/logo.png) no-repeat 10px 10px;
	background-size:230px auto; 
}
#header .menu { width:100%;}

/* 非表示 */
#header .menu p {display:none;}
#smoothmenu {display:none;}

/* add */
#___gcse_0{
	width:80%;
	float:left;
	padding-top:0px;
	margin-left:10%;
}


/*-- CONTENT ----------------------------------------------------------------------------------------*/

#content { clear:both; margin:0; padding:0;}
#main-content {}
#side-content {}


.carouselInner .caroufredsel_wrapper{
	min-height:107px;
	height:auto;
}


/*-- FOOTER -----------------------------------------------------------------------------------------*/

#footer { margin:0; padding:20px 0;}
#footer ul.banner { width:100%; margin:0; padding:0;}
#footer ul.banner li {margin:0; padding:3% 3% 0; width:44%;}
#footer ul.banner li img {width:100%;}
#footer p {width:94%; margin:30px 3% 0; padding:10px 0; text-align:left;}

/* 非表示 */
#footer p.menu {display:none;}
#page,#page a {display:none;}

/*-- SIDE CONTENT -----------------------------------------------------------------------------------*/

#side-content .Navi_sb,
#side-content .news,
#side-content .sns1,
#side-content .sns2,
#side-content .banner p {
	background:none;
	box-shadow:none;
	margin:0;
	background-color:#FFF;
}

/* NEWS */
#side-content .news { border-bottom:1px solid #DDD;}

/* SNS1 */
#side-content .sns1 { width:94% !important; padding:2% 3% 0; height:202px;overflow:scroll;}

#side-content .sns1 iframe{
	width:100% !important;
}

/* SNS2 */
#side-content .sns2 {
	background:#F6F6F6;
	border-bottom:1px solid #DDD;
}

/* SNS3 */
#side-content .sns3 p{
	float: left;
	padding: 0 2.5%;
	width: 45%;
}

#side-content .sns3 p+p{
	padding-top: 0;
}

#side-content .sns3 p a img {
    width: 100%;
}
/* BANNER */
#side-content .banner { width:100%;}
#side-content .banner p {}

/*====================================================================================================
  TOP
====================================================================================================*/

#toppage {}
#main-content .pickup,
#main-content .banner div {
	background:none;
	box-shadow:none;
	margin:0;
}
#anime { display:none;}

/*-- PICK UP ----------------------------------------------------------------------------------------*/
	
#toppage .pickup {
	position:static;
	width:100%;
	padding:0;
}
#toppage .pickup .pickup_tit {display:none;}

/* MAINIMG */
#toppage .pickup .mainimg {padding:0; background:none;}

/* MESSAGE */
#toppage .pickup .message {
	float:none;
	margin:5%;
	padding:5%;
	width:80%;
	background:#FFF;
	box-shadow: 0px 0px 2px #999; /* CSS3 */
	-moz-box-shadow: 0px 0px 2px #999; /* Firefox*/
	-webkit-box-shadow: 0px 0px 2px #999; /* Google Chrome, Safari*/
}
#toppage .pickup .message:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#toppage .pickup .message .photo {background:none;}
#toppage .pickup .message .come {padding-left:0;}
#toppage .pickup .message .detail {padding-left:0;}

/* PICKUP BANNER*/
#toppage .pickup .bana {
	float:none;
	margin:5%;
	padding:0;
	width:90%;
	background:#FFF;
	box-shadow: 0px 0px 2px #999; /* CSS3 */
	-moz-box-shadow: 0px 0px 2px #999; /* Firefox*/
	-webkit-box-shadow: 0px 0px 2px #999; /* Google Chrome, Safari*/
}
#toppage .pickup .bana img { width:98%; padding:1%;}

/*-- CONTENT BANNER ---------------------------------------------------------------------------------*/

#toppage .banner { clear:both; width:100%;}
#toppage .banner div, #toppage .banner div a {height:70px;}
#toppage .banner div {
	float:none;
	margin:0 5% 5%;
	width:90%;
	background:#FFF;
	box-shadow: 0px 0px 2px #999; /* CSS3 */
	-moz-box-shadow: 0px 0px 2px #999; /* Firefox*/
	-webkit-box-shadow: 0px 0px 2px #999; /* Google Chrome, Safari*/
}
#toppage .banner p {
	padding:15px 15px 0;
	font-size:11px;
}
#toppage .banner p b {
	display:block;
	font-size:18px;
}

#toppage .banner div.img-bnr a img {width:100%;}
#toppage .banner div.img-bnr {height:auto;}
#toppage .banner div.img-bnr a {height:auto;}


/* background on */
#toppage .banner .bana1 a {background:#F7F7F7 url(../../img/banner1_off2.gif) no-repeat right;}
#toppage .banner .bana2 a {background:#F7F7F7 url(../../img/banner2_off2.gif) no-repeat right;}
#toppage .banner .bana3 a {background:#F7F7F7 url(../../img/banner3_off2.gif) no-repeat right;}
#toppage .banner .bana4 a {background:#F7F7F7 url(../../img/banner4_off2.gif) no-repeat right;}

/* background off */
#toppage .banner .bana1 a:hover {background:#F7F7F7 url(../../img/banner1_on2.gif) no-repeat right;}
#toppage .banner .bana2 a:hover {background:#F7F7F7 url(../../img/banner2_on2.gif) no-repeat right;}
#toppage .banner .bana3 a:hover {background:#F7F7F7 url(../../img/banner3_on2.gif) no-repeat right;}
#toppage .banner .bana4 a:hover {background:#F7F7F7 url(../../img/banner4_on2.gif) no-repeat right;}

#toppage .banner .bana1 a,
#toppage .banner .bana2 a,
#toppage .banner .bana3 a,
#toppage .banner .bana4 a,
#toppage .banner .bana1 a:hover,
#toppage .banner .bana2 a:hover,
#toppage .banner .bana3 a:hover,
#toppage .banner .bana4 a:hover {background-size: auto 70px;}

/*====================================================================================================
  SUB
====================================================================================================*/
 /* sub.css*/

/*====================================================================================================
  HISTORY
====================================================================================================*/

#history .character { width:48%; top:70px; left:-60px;}
#history .character img { width:100%;}
#history .main-box { padding: 0 0 0 40%;}
#history ul.anchor-link { width:100%;}
#history ul.anchor-link li { width:48%; margin:1%;}
#history ul.anchor-link li img { width:100%;}
#history .midashi {padding:10px 0;}
#history .midashi img { width:100%;}
#history .chronology-list {
	width:100%;
/*	height:auto; */
/*	overflow:inherit; */
	overflow-y:scroll;
}

#main-content h1{
	font-size:140%;
}

#subpage .main-box .catch{
	font-size:120%;
}

#subpage .main-box {
	margin-top:0px;
}

#subpage{
	padding-top:0px;
}


/*====================================================================================================
  MUSEUM
====================================================================================================*/

#museum {}
#museum .character { width:45%; top:100px; right:0;}
#museum .character img { width:100%;}
#museum .main-box { padding: 0 45% 0 0;}
#museum .map { width:100%;}
#museum .map img { width:100%;}
#museum dl {
	clear:both;
	float:none;
	width:100%;
	margin:5% 0;
}
#museum dt {float:right; width:30%;}
#museum dt img {width:100%;}
#museum dd {float:left; width:65%; padding:0 0 20px;}


/*====================================================================================================
  MANGA KOUSHIEN
====================================================================================================*/

#koushien-top {
	clear:both;
	padding:4%;
	width:92%;
	background:#FFF;
}
#koushien-top .box1,#koushien-top .box2  {
	clear:both;
	float:none;
	width:100%;
}
#koushien-top .box1 img {width:100%;}
#koushien-top .box1 p {	padding: 0 0 20px;}
/* ABOUT */
#koushien-top .about {padding:1%; width:98%;}
#koushien-top .about p {width:48%; padding:1%;}
#koushien-top .about p img {width:100%;}
#koushien-top .about .history {width:98%;position:relative;}
#koushien-top .about .cyara {width:25%; top:-16%; right:0;}
/*TOURNAMENT*/
#koushien-top .tournament {padding:2%; width:96%;}
#koushien-top .tournament p {padding:2%;}
#koushien-top .tournament ul {padding:2%; width:96%;}
#koushien-top .tournament ul li {padding:2%; width:46%;}
#koushien-top .tournament ul li.img-big {padding:2%; width:96%;}
#koushien-top .tournament ul li img {width:100%;}
#koushien-top .tournament ul li.yosen {width:96%;}
/*NEWS*/
#koushien-top .news { position:relative; padding:5% 4% 16%; width:88%; border:2% solid #1958A6;}
#koushien-top .news h3 { width:100%;}
#koushien-top .news h3 a { width:100%; height:auto;}
#koushien-top .news h3 a {
	position:absolute;
	bottom:4%;
	display:block;
	width:88%;
	padding:2%;
	background:#EEE;
	border:1% solid #DDD;
	text-indent:inherit;
	text-align:center;
	text-decoration:none;
	font-size:80%;
	color:#000;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#koushien-top .news dl {width:100%;}
#koushien-top .news dt {width:90px;}
#koushien-top .news dd {width:92%; padding: 0 0 1% 7%;}
/*LINK*/
#koushien-top .link img {width:100%;}


#side-content .fb iframe{
	width:90% !important;
	margin-left:5%;
	margin-right:5%;
	overflow:hidden;
}

/* manga-koshien */
#content #main-content #koshien-top .box2{
	clear:both;
	float:none !important;
}

.box2 p a img,
.box2 div a img{
	max-width:100% !important;
}

.box2 .tournament ul{
	width:96% !important;
}



/*---------------------------------------------------------------------------------
 KOUSHIEN KEKKA
-----------------------------------------------------------------------------------*/

#koushien-result {width:100%;}
#content { box-shadow:none; background:#FFF;}

/* LIST */

/* JYUSYOU */
#koushien-result .award_best {
	width:100%;
	height:auto;
	margin:20px 0 0;
	padding:0 0 20px;
	border:5px solid #C68E23;
	background:url(../../manga-koshien/img/result/award_2.jpg) no-repeat left top;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#koushien-result .award_best:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#koushien-result .award_best img.ribbon {
	position:absolute;
	top:-10px;
	left:-10px;
}
#koushien-result .award_best .photo {
	float:none;
	margin:15px;
	padding-top:70px;
	text-align:center;
	background:url(../../manga-koshien/img/result/award_3.png) no-repeat center top;
	background-size:230px auto;
}
#koushien-result .award_best .come { padding:0; font-size:150%;}
#koushien-result .award_best .come br { display:none;}
#koushien-result .award_other {width:100%;}
#koushien-result .award_other div { width:29%; height:auto; margin:40px 2% 0; background:none;}
#koushien-result .award_other div a img { width:100%;}
#koushien-result .award_other div a:hover span { background:none;}

#koushien-result .award_other .medal { width:40px;}


/*-----*/

#koushien-result .stage { padding-left:0; background:none;}
#koushien-result .stage .s_list div img { width:100%; }
#koushien-result .stage .s_list div { width:18%; height:auto; margin:1%;}
#koushien-result .stage .s_list a:hover b { left:-10px;}


/* FINAL */
#koushien-result .final {width:100%;}

/* HAISYA */
#koushien-result .hisya {width:100%;}
#koushien-result .hisya .s_list { margin-left:0;}
#koushien-result .hisya .mid1 { position:relative; width:284px; height:23px; overflow:hidden;}
#koushien-result .hisya .mid1 img { position:absolute; left:-105px;}
#koushien-result .hisya img.penzaki { display:none;}

/* FIRST */
#koushien-result .first {width:100%;}



/*====================================================================================================
  EVENT
====================================================================================================*/

#event {}
#event .character { width:35%; top:100px;right:20px;}
#event .character img { width:90%;}
#event .main-box { padding: 0 45% 0 0;}
#event .calendar { padding:10% 5%; background: url(../../event/img/calendar-bg2.html) no-repeat top; background-size:100%;}
#event .calendar .menu {
	float:none;
	padding: 5px 0;
	width:100%;
}
#event .calendar_table .calitem {
	font-size:4pt;
	line-height:6pt;
}



#event .character2 { width:35%;}
#event .character2 img { width:90%;}
#event .main-box2 {
	width:60%;
	padding-left:40%;
}

#event .character3{
}
#event .character3 img{
}
#event .sb-comment1_1 .photo-l{
	margin-top:50px;
}


/*====================================================================================================
  MAP
====================================================================================================*/

#map {}
#map .character { width:45%; top:100px; right:10px;}
#map .character img { width:100%;}
#map .main-box { padding: 0 45% 0 0;}
#map ul#tab { width:100%;}
#map ul#tab li { width:16%;	margin: 1%;	padding:3% 1%;}
#map .content_wrap {width:100%;}
#map .content_wrap img {width:100%;}

/*====================================================================================================
  ARTIST
====================================================================================================*/

#artist {}
#artist .character { width:35%; top:120px; right:-20px; left:auto;}
#artist .character img { width:100%;}
#artist .main-box { padding: 0 40% 3% 0;}
#artist ul.syllabary li { margin:1%; width:8%;}
#artist ul.syllabary li img { width:100%;}
#artist .box {
	width:92%;
	margin: 15px 0;
	padding:4%;
}
#artist .box h3 { font-size:170%;}
#artist .box h3 b { font-size:60%;}
#artist .box h4 { font-size:80%;}
#artist .box p.from, #artist .box p.bd {
	float:none;
	width:60%;
	margin:0 0 5px;
}
#artist .box p.comment {width:100%;}
#artist .box p.link { padding:10px; background:#EEE; overflow:hidden;}
#artist .box .photo-r { width:120px;}
#artist .box .photo-r img { width:100%;}
 
/*====================================================================================================
  FOOD
====================================================================================================*/

#food { margin:0;}
#food .character { width:35%;  right:0px; top:85px;}
#food .character img { width:100%;}
#food .main-box { padding: 0 40% 0 0;}
#food .midashi { clear:both; padding:30px 0 10px;}

/*LIST*/
#food .comic-list dl {
	margin:3%;
	padding:0;
	width:27%;
}
#food .comic-list dt { width:100%; height:100px !important;}
#food .comic-list dt img { width:100%;}
#food .comic-list dd { width:100%;}


/*DETAIL*/
#food .comic-tit {
	padding:10px;
	background:none;
}
#food ul.page {
	margin:0 auto 50px;
	padding:0;
	width:360px;
}
#food ul.page li {
	float:left;
	margin: 5px;
	padding:0;
	background:none;
}

/*====================================================================================================
  COMIC
====================================================================================================*/

#comic {}
#comic .character { width:45%; top:80px; left:-20px;}
#comic .character img { width:100%;}
#comic .main-box { padding: 3% 4% 3% 45%;}
#comic .main-box p { width:100%;}
#comic .main-box p img { width:100%;}
#comic .main-box .catch {padding:5px 0; font-size:110%;}
#comic .main-box .comment {padding:5px 0}
#comic .banner {width:100%;}
#comic .banner img {width:100%;}
#comic .twitter {height:auto;background:none;}
#comic .twitter p {
	float:none;
	margin: 0 0 3%;
	padding:50px 3% 3%;
	width:94%;
	height:320px;
	background:#CAEEFB;
}
#comic .twitter #t1 { background:#CAEEFB url(../../comic/img/twitter_bg1.html) no-repeat top left; background-size:auto 50px;}
#comic .twitter #t2 { background:#CAEEFB url(../../comic/img/twitter_bg2.html) no-repeat top left; background-size:auto 50px;}

/*====================================================================================================
  QUIZ
====================================================================================================*/

#quiz {}
#quiz .character { width:47%; top:100px; right:-10px;}
#quiz .character img { width:100%;}
#quiz .main-box { padding: 0 45% 0 0;}

/*LIST1*/
#quiz .question-list { width:100%;}
#quiz .question-list p { width:31%; margin:1%;}
#quiz .question-list p img { width:100%;}

/*LIST2*/
#quiz .question-list2 {}
#quiz .question-list2 ul#tab { padding: 3%;}
#quiz .question-list2 ul#tab li { width:125px; height:32px; margin:1%;}
#quiz .question-list2 ul#tab li b {width:125px; height:32px;}
#quiz .question-list2 ul#tab li b.tab1,
#quiz .question-list2 ul#tab li b.tab2,
#quiz .question-list2 ul#tab li b.tab3,
#quiz .question-list2 ul#tab li b.tab4,
#quiz .question-list2 ul#tab li b.tab5,
#quiz .question-list2 ul#tab li b.tab6,
#quiz .question-list2 ul#tab li b.tab7,
#quiz .question-list2 ul#tab li b.tab8,
#quiz .question-list2 ul#tab li.select b.tab1,
#quiz .question-list2 ul#tab li.select b.tab2,
#quiz .question-list2 ul#tab li.select b.tab3,
#quiz .question-list2 ul#tab li.select b.tab4,
#quiz .question-list2 ul#tab li.select b.tab5,
#quiz .question-list2 ul#tab li.select b.tab6,
#quiz .question-list2 ul#tab li.select b.tab7,
#quiz .question-list2 ul#tab li.select b.tab8 {background-size:100%;}
#quiz .question-list2 .content_wrap { width:92%; margin: 2%; padding: 2%;}
#quiz .question-list2 .content_wrap p { width:31%; margin:1%;}
#quiz .question-list2 .content_wrap p img { width:100%;}

/*DETAIL*/
#quiz .question {padding:3%;}
#quiz .question dt {width:170px;}
#quiz .question dt img {width:70%;}
#quiz .question dd { float:left; width:100%; font-size:120%;}
#quiz .question ul li {
	font-size:100%;
	margin:2%;
	padding:3%; 
	width:90%;
}

/*====================================================================================================
  PUBLICITY
====================================================================================================*/

#publicity {}
#publicity .character { width:30%; top:100px; right:10px;}
#publicity .character img { width:100%;}
#publicity .main-box { padding-right:30%;}
#publicity dl {float:left; margin:3% 1%;}
#publicity dl img { width:100%;}
#publicity .pamphlet dl { width:23%;}
#publicity .video dl { width:31%; }
#publicity .cara dl { width:22%; height:180px !important; border:none;

	border:1px solid #CCCCCC;

}
#publicity .cara dt{height:auto !important;}
#publicity .cara dd{ padding:10px 1%;}

/*====================================================================================================
  COUNCIL
====================================================================================================*/

#council {}
#council .character {width:100%; top:70px; left:0;}
#council .character img { width:100%;}
#council .catch {padding:40% 0 0;}
#council .catch img { width:100%;}

/*====================================================================================================
  ABOUT
====================================================================================================*/

#about .catch { top:-30px;}
#about .catch img { width:100%;}
#about .main-comment {font-size:150%;}
#about .character-list p {
	font-size:100%;
	padding: 2px 2px 0 125px;
}
#about .character-list p.namae { font-size:80%;}
#about .character-list p.namae b { font-size:200%;}
#about .character1, #about .character2, #about .character3, #about .character4, #about .character5 {
	margin:10px auto;
	padding:5% 2% 3%;
	width:86%;
}
#about .character6,#about .character7 {
	margin:10px auto;
	padding:5% 2% 3%;
	width:86%;
}
#about .character-list .chara { display:none;}
/*
#about .character-list .chara img { height:130px;}
#about .character-list .chara {}
#about .character1 .chara { bottom:0; right:0;}
#about .character2 .chara {top:auto; bottom:auto; right:auto; left:auto;}
#about .character3 .chara {top:auto; bottom:auto; right:auto; left:auto;}
#about .character4 .chara {top:auto; bottom:auto; right:auto; left:auto;}
#about .character5 .chara {top:auto; bottom:auto; right:auto; left:auto;}
#about .character6 .chara {top:auto; bottom:auto; right:auto; left:auto;}
#about .character7 .chara {top:auto; bottom:auto; right:auto; left:auto;}
*/


#about .character1 { background:url(../../about/img/chara1.png) no-repeat -50px bottom; background-size: auto 150px;}
#about .character2 { background:url(../../about/img/chara2.png) no-repeat -35px center; background-size: auto 150px;}
#about .character3 { background:url(../../about/img/chara3.png) no-repeat 10px center; background-size: auto 160px;}
#about .character5 { background:url(../../about/img/chara4.png) no-repeat -20px center; background-size: auto 160px;}
#about .character4 { background:url(../../about/img/chara5.png) no-repeat -40px center; background-size: auto 150px;}
#about .character6 { background:url(../../about/img/chara6.png) no-repeat -10px center; background-size: auto 150px;}
#about .character7 { background:url(../../about/img/chara7.png) no-repeat -10px center; background-size: auto 150px;}


/*====================================================================================================
  SITEMAP
====================================================================================================*/

#sitemap {}
#sitemap .content-left { width:100%; float:none; }
#sitemap .content-right {  width:100%; float:none; }


/*====================================================================================================
  LINK
====================================================================================================*/



/*====================================================================================================
  QA
====================================================================================================*/



/*====================================================================================================
  PRIVACY
====================================================================================================*/

/*====================================================================================================
  OTHER
====================================================================================================*/
#subpage img{
	max-width:100%;
}
#subpage table{
	max-width:100% !important;
}


#subpage .box4 div.comment{
	height:50px !important;
}

#subpage .box4 p.photo{
	max-height:100px;
}


.form_table {
	width:100%;
}
.form_table th{
	width:100px;
}
.form_table input, .form_table textarea{
	width:80%;
}

#comic .box-right,
#comic .box-left{
	float:none;
	margin:0 auto 10px auto;
	text-align:center;
}

#comic .min-box{
	width:40%;
	float:left;
	border:1px solid #CCCCCC;
	height:150px;
	padding:2%;
	margin:2%;
	text-align:center;
}

#comic .min-box a{
	display:block;
	width:100%;
	height:150px;
	font-size:100%;
}



/* mangadaikaigi */

#daikaigi-top {
	padding:2%;
	width:96%;
}
/*/// BOX1 //////////*/
#daikaigi-top .box1 {
	clear:both;
	padding:0;
	width:100%;
}

#daikaigi-top .box1 #bg1 {
	width:100%;
	height:auto;
	background:none;
	background-color:#000000;
}

#daikaigi-top .box1 #bg1 #bg2 {
	width:90%;
	margin-left:5%;
	margin-right:5%;
}

#daikaigi-top .box1 #phone_bg{
	display:block;
	width:100%;
}
#daikaigi-top .box1 #phone_bg img{
	width:100%;

}

#daikaigi-top .box1 a img {
	width:96%;
	margin-left:2%;
	margin-right:2%;
}

#daikaigi-top .daikaigiinfo{
	margin:0;
	clear:both;
	width:96%;
	height:auto;
	padding:2%;
	margin-top:10px;	
}

#daikaigi-top .news{
	margin:0;
	clear:both;
	width:96%;
	height:auto;

	padding:2%;
	margin-top:10px;	

}

#manga-poster{
	padding:2% !important;
	padding-top:10px;
	clear:both;
}

#manga-poster img{
	width:100%;
	height:auto;
}

#main-content #subpage #phonelink{
	display:block !important;
	margin-top:30px;
}



.pdf_download .tenpu_txt{
	max-width:100%;
}


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


/* HISTORY */
#history .character { left:-30px;}
#history .main-box { padding: 0;}
#history .main-box .catch, #history .main-box .comment { padding-left:40%;}
#history ul.anchor-link { width:100%;}
#history ul.anchor-link li { width:45%; margin:2%;}
#history ul.anchor-link li img { width:100%;}

/* MUSEUM */

/* EVENT */
#event .character { width:45%; top:100px;right:-5px; left:auto;}


/* MAP */

/* ARTIST */
#artist ul.syllabary li { margin:1%; width:18%;}
#artist .box p.from, #artist .box p.bd {padding:20px 0 0 0;}

/* FOOD */

/* COMIC */

/* COMIC */

/* QUIZ */

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

/* TOP*/

/* HISTORY */

/* MUSEUM */

/* EVENT */

/* MAP */
#map .character { top:100px; right:-3px;}
#map ul#tab li { width:42%; margin: 1%; padding:3%;}

/* ARTIST */
#artist .character { width:40%; top:100px; right:0px;}

/* FOOD */
#food .main-box { padding: 0;}
#food .main-box .catch { padding: 0 40% 0 0;}
#food .main-box .photo-r { width:60%; clear:both; float:none; text-align:right;}
#food .main-box .photo-r img { width:50%;}
#food .main-box .comment { clear:both; width:65%;}

/* COMIC */
#comic .character { width:56%; top:70px; left:-37px;}

/* COMIC */

/* QUIZ */



#subpage table{
	max-width:100% !important;
}




}