@media screen and (max-width: 960px) {
/* 初期化 */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	word-wrap: break-word;
}
/* フォントサイズ設定 */
ul li, ol li, th, td, dl dt, dl dd, p {
	font-size: 100%;
	line-height: 1.6;
}
#inbox #container .m-ajust-b10,
#inbox #container .m-ajust-b15,
#inbox #container .m-ajust-b20,
#inbox #container .m-ajust-b30,
#inbox #container .m-ajust-b40,
#inbox #container .m-ajust-b-5,
#inbox #container .m-ajust-b-10,
#inbox #container .m-ajust-b-20,
#inbox #container .m-ajust-b-25,
#inbox #container .m-ajust-b-30,
#inbox #container .m-ajust-b-40,
#inbox #container .m-ajust-b-45,
#inbox #container .m-ajust-b-60 { margin-bottom: 0; }
#inbox #container .m_b30 { margin-bottom: 30px; }
#inbox #container .m-ajust-t10,
#inbox #container .m-ajust-t20 { margin-top: 0; }

/* section */
#hr { display: none;}
.bc-nav { display: none; }

select { font-size: 110%; padding: 15px; }
.w150 { width: 22%; }
.w420 { width: 75%; }
.w440 { width: 75%; }
.w150 img { width: 100%; height: auto; }
.lespace { letter-spacing: normal; }

/* clearfix */
.sec-qanda ul.datalist a,
#page-header .head-inner,
.border-wrap {
	display: inline-block;
}
.sec-qanda ul.datalist a:after,
#page-header .head-inner:after,
.border-wrap:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* ここから MacIE5を除外 \*/ 
* html .sec-qanda ul.datalist a,
* html #page-header .head-inner,
* html .border-wrap
{ height: 1%; }
.sec-qanda ul.datalist a,
#page-header .head-inner,
.border-wrap
{ display: block; } 
/* ここまで MacIE5を除外 */

/* 共通 */
.sp_disp { display: block; }
.sp_none { display: none; }
span.sp_disp { display: inline; }
span.external img { vertical-align: middle; margin-left: 10px; }


/* inbox
--------------------------------------------------------------------------*/
#inbox {
	width: 100%;
	min-width: 0%;
	background: #ffffff;
}


/* header
--------------------------------------------------------------------------*/
#page-header {
	height: 75px;
	padding: 10px;
	border-top: 3px solid #73A71F;
}
#page-header .header-inner {
    width: 100%;
}
#page-header h1 {
	margin: 0 8px 0 0;
	float: left;
}
#page-header h1 img {
	width: 50%;
	height: auto;
}
.ie #page-header h1 img,
.gecko #page-header h1 img,
.webkit #page-header h1 img,
.safari #page-header h1 img,
.ipad #page-header h1 img {
	/*width: 35%;*/
	width: 190px;
	height: auto;
}
.iphone #page-header h1 img {
	/*width: 66%;*/
	width: 190px;
	height: auto;
} 
.android #page-header h1 img {
	/*width: 78%;*/
	width: 200px;
	height: auto;
}
#page-header .header-menu,
#page-header .utility-nav,
#page-header .global-nav {
	display: none;
}
#page-header .sp-menu dt {
	position: absolute;
	top: 10px;
	right: 10px;
    display: inline-block;
    cursor: pointer;
    background: #73A71F;
    border-radius: 5px;
    color: #fff;
    width: 55px;
    height: 55px;
    font-size: 70%;
    padding-top: 35px;
    line-height: 1;
    text-align: center;
}
#page-header .sp-menu dt:after {
	content: '';
	width: 20px;
	height: 15px;
	position: absolute;
	top: 14px;
	left: 30%;
	background: url(../images/sp_menu.png) no-repeat 0 0;
}
#page-header .sp-menu dd {
	display: none;
	position: absolute;
	top: 76px;
	right: 0;
	z-index: 200;
}
#page-header .sp-menu .sp-gloval-nav {
	background: #73A71F;
	width: 100%;
	padding: 5px 8px;
}
#page-header .sp-menu .sp-gloval-nav li {
	float: left;
	width: 31%;
	margin: 5px;
}
.iphone #page-header .sp-menu .sp-gloval-nav li {
	float: left;
	width: 30%;
	margin: 5px;
}
.android #page-header .sp-menu .sp-gloval-nav li {
	float: left;
	width: 30%;
	margin: 5px;
}
.ipad #page-header .sp-menu .sp-gloval-nav li {
	float: left;
	width: 32%;
	margin: 5px;
}
#page-header .sp-menu .sp-gloval-nav li a {
	display: block;
	height: 88px;
	font-size: 90%;
	line-height: 1.2;
	padding-top: 50px;
	text-align: center;
}
#page-header .sp-menu .sp-gloval-nav li a:hover {
	text-decoration: none;
	color: #333;
}
#page-header .sp-menu .sp-gloval-nav li.news a {
	background: url(../images/icon_news.png) no-repeat 50% 25% #FFF;
}
#page-header .sp-menu .sp-gloval-nav li.news a:hover {
	background: url(../images/icon_news.png) no-repeat 50% 25% #F0FCD8;
}
#page-header .sp-menu .sp-gloval-nav li.hp_product a {
	background: url(../images/icon_hp-product.png) no-repeat 50% 23% #FFF;
}
#page-header .sp-menu .sp-gloval-nav li.hp_product a:hover {
	background: url(../images/icon_hp-product.png) no-repeat 50% 23% #F0FCD8;
}
#page-header .sp-menu .sp-gloval-nav li.hp_use a {
	background: url(../images/icon_hp-use.png) no-repeat 50% 23% #FFF;
	margin-right: 0;
}
#page-header .sp-menu .sp-gloval-nav li.hp_use a:hover {
	background: url(../images/icon_hp-use.png) no-repeat 50% 23% #F0FCD8;
	margin-right: 0;
}
#page-header .sp-menu .sp-gloval-nav li.traffic a {
	background: url(../images/icon_traffic.png) no-repeat 50% 23% #FFF;
}
#page-header .sp-menu .sp-gloval-nav li.traffic a:hover {
	background: url(../images/icon_traffic.png) no-repeat 50% 23% #F0FCD8;
}
#page-header .sp-menu .sp-gloval-nav li.ec a {
	background: url(../images/icon_ec.png) no-repeat 50% 23% #FFF;
}
#page-header .sp-menu .sp-gloval-nav li.ec a:hover {
	background: url(../images/icon_ec.png) no-repeat 50% 23% #F0FCD8;
}
#page-header .sp-menu .sp-gloval-nav li.seo a {
	background: url(../images/icon_seo.png) no-repeat 50% 25% #FFF;
	margin-right: 0;
}
#page-header .sp-menu .sp-gloval-nav li.seo a:hover {
	background: url(../images/icon_seo.png) no-repeat 50% 25% #F0FCD8;
	margin-right: 0;
}
#page-header .sp-menu .sp-gloval-nav li.user a {
	background: url(../images/icon_case.png) no-repeat 50% 25% #FFF;
}
#page-header .sp-menu .sp-gloval-nav li.user a:hover {
	background: url(../images/icon_case.png) no-repeat 50% 25% #F0FCD8;
}
#page-header .sp-menu .sp-gloval-nav li.glossary a {
	background: url(../images/icon_glossary.png) no-repeat 50% 25% #FFF;
}
#page-header .sp-menu .sp-gloval-nav li.glossary a:hover {
	background: url(../images/icon_glossary.png) no-repeat 50% 25% #F0FCD8;
}
#page-header .sp-menu .sp-gloval-nav li.qa a {
	background: url(../images/icon_qa.png) no-repeat 50% 25% #FFF;
	margin-right: 0;
}
#page-header .sp-menu .sp-gloval-nav li.qa a:hover {
	background: url(../images/icon_qa.png) no-repeat 50% 25% #F0FCD8;
	margin-right: 0;
}
#page-header .sp-menu .sp-gloval-nav li.beginner a {
	background: url(../images/icon_beginner.png) no-repeat 13% 50% #F0FCD8;
	height: 52px;
	padding-top: 17px;
	color: #73A71F;
	font-size: 120%;
	font-weight: bold;
}
#page-header .sp-menu .sp-gloval-nav li.beginner a:hover {
	background: url(../images/icon_beginner.png) no-repeat 13% 50% #eafbc6;
}
.ipad #page-header .sp-menu .sp-gloval-nav li.beginner a {
	background: url(../images/icon_beginner.png) no-repeat 35% 50% #F0FCD8;
	height: 52px;
	padding-top: 17px;
	color: #73A71F;
	font-size: 120%;
	font-weight: bold;
}
.ipad #page-header .sp-menu .sp-gloval-nav li.beginner a:hover {
	background: url(../images/icon_beginner.png) no-repeat 35% 50% #eafbc6;
}
#page-header .sp-menu .sp-gloval-nav li.maintenance a {
	background: url(../images/icon_maintenance.png) no-repeat 13% 50% #FFF8B9;
	height: 52px;
	padding-top: 17px;
	color: #888;
	font-size: 120%;
	font-weight: bold;
}
#page-header .sp-menu .sp-gloval-nav li.maintenance a:hover {
	background: url(../images/icon_maintenance.png) no-repeat 13% 50% #FFF497;
}
.ipad #page-header .sp-menu .sp-gloval-nav li.maintenance a {
	background: url(../images/icon_maintenance.png) no-repeat 35% 50% #FFF8B9;
	height: 52px;
	padding-top: 17px;
	color: #888;
	font-size: 120%;
	font-weight: bold;
}
.ipad #page-header .sp-menu .sp-gloval-nav li.maintenance a:hover {
	background: url(../images/icon_maintenance.png) no-repeat 35% 50% #FFF497;
}
#page-header .sp-menu .sp-gloval-nav li.beginner,
#page-header .sp-menu .sp-gloval-nav li.maintenance {
	width: 98%;
}
.iphone #page-header .sp-menu .sp-gloval-nav li.beginner,
.iphone #page-header .sp-menu .sp-gloval-nav li.maintenance {
	width: 97%;
}
.android #page-header .sp-menu .sp-gloval-nav li.beginner,
.android #page-header .sp-menu .sp-gloval-nav li.maintenance {
	width: 96%;
}
.ipad #page-header .sp-menu .sp-gloval-nav li.beginner,
.ipad #page-header .sp-menu .sp-gloval-nav li.maintenance {
	width: 98.5%;
}
#page-header ul.login-link {
	position: absolute;
	top: 75px;
	right: 10px;
}
#page-header ul.login-link li {
	float: left;
}
#page-header .login-link .login {
	margin-left: 10px;
}
#page-header .login-link .login,
#page-header .login-link .mypage {
	background: #F0FCD8;
    color: #333333;
	display: block;
    font-size: 85%;
	padding: 8px 14px;
	line-height: 19px;
    text-align: center;
	text-decoration: none;
	border: 1px solid #EFEFEF;
}
#page-header .login-link .login span {
	background: url(../images/icon_login.png) no-repeat scroll 0 50%;
	display: block;
	padding-left: 18px;
}
#page-header .login-link .mypage span {
	background: url(../images/icon_mypage.png) no-repeat scroll 0 50%;
	display: block;
	padding-left: 18px;
}
#page-header .login-link .login:hover,
#page-header .login-link .mypage:hover {
	background: #eafbc6;
}
#page-header .gsearch-box {
	position: static;
	background: #73A71F;
	padding: 2px 12px 13px;
}
#page-header .gsearch-box .text-input {
	width: 70%;
}
#page-header .gsearch-box .search-button {
	background: url(../images/icon_searchbox.png) no-repeat 50% 50% #8FC321;
    width: 80px;
}
#page-header .gsearch-box .search-button:hover,
#page-header .gsearch-box .search-button:focus {
	background: url(../images/icon_searchbox.png) no-repeat 50% 50% #ACD35A;
}

/* qa, member */
#qa #page-header,
#system #page-header { height: 120px; }
#system #page-header .login-list { display: none; }


/* container, main, contents
--------------------------------------------------------------------------*/
#container { width: 100%; }
#container .main {
	width: 100%;
	border-top: 1px solid #EFEFEF;
	background-size: contain;
}
#home #container .main {
	padding: 0 0 80px;
}
#container .main .box {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #EFEFEF;
	border-radius: 0;
	box-shadow: none;
}
#container .main .box .inner {
	padding: 20px;
}
.main .box h2 {
	font-size: 150%;
	letter-spacing: 0;
	padding: 15px 8px 15px 15px;
	height: auto;
	border-radius: 0;
}
.main .box h2.lower,
#comics .main h2.lower,
.main .box-column h2,
#news .main h2,
#glossary .main h2,
#comics .main h2,
#seminar .main h2,
#search .main h2,
#maintenance .main h2,
#campaign .main h2 {
	font-size: 140%;
	background-size: contain;
}

/* contents */
#container .main .contents {
	float: none;
	width: 100%;
	border-radius: 0;
}
#news .contents h3,
#glossary .contents h3,
#comics .contents h3,
#guide .contents h3,
#campaign .contents h3,
#inquiry .contents h3 {
	letter-spacing: 0;
}
#campaign .main .box h3 {
	letter-spacing: 0;
	font-size: 110%;
	margin: 0 0 30px !important;
}
#column .contents .page-info { padding: 15px 20px 15px; }
#qa .main .page-intro { padding: 0 20px; }
#column .contents .page-info h3,
#user .contents .page-info h3 {
	font-size: 130%;
	padding: 0 0 8px 0 !important;
}
#column .contents .box-column .txt p,
#user .contents .box-column .txt p {
	font-size: 115%;
}
#column .contents .box-column .txt { padding: 20px; }
#user .contents .box-column .txt { padding: 20px 20px 5px; }
.main .box-title { padding: 15px; }
#news .contents .box-title h3#title,
#glossary .contents .box-title h3#title,
#comics .main .box-title h3#title,
#column .main .box-title h3#title,
#user .contents .box-title h3#title,
#glossary .contents .box-title h3#title2 {
	font-size: 135%;
}
#column .main .column-index .inner h3,
#user .main .user-index .inner h3,
#column .contents .box-column h3,
#user .contents .box-column h3 {
	font-size: 135%;
	padding-left: 10px;
}
#column .contents .box-column h3,
#user .contents .box-column h3 {
	background: url(../images/bg_line_b.png) no-repeat left bottom;
}
#user .main .user-index .inner h3 { margin-bottom: 0; padding-top: 0; }
#column .contents .box-column h4 { font-size: 120%; }
.contents .box-author { padding: 15px; }
.contents .box-column .column-visual img,
.contents .box-column .column-visual-c img { width: 100%; height: auto; }
.contents .box-column .txt ul li,
.contents .box-column .txt ol li { font-size: 115%; }
.contents .box-column .txt ul li em { font-size: 100%; }
.contents .box-column .txt ul li p { font-size: 100% !important; }
.contents .box-column .txt ul li ul li { font-size: 95% } 
.contents .box-column .txt ul li ul.circle li { font-size: 100%; }
.contents .box-column .txt ul.line2nd li { float: none; width: 100%; }
.contents .box-column .txt table ul li { font-size: 100%; }

.contents .column-index { width: 100%; padding: 0 0px 5px;} 
.contents .column-index .box-l { float: none; width: 100%; }
.contents .column-index .box-r { float: none; width: 100%; }

.contents .box-column .box-l { float: none; width: 100%; padding: 0; border-right: none; }
.contents .box-column .box-r { float: none; width: 100%; }

/* lp btn */
#container .contents .box-invite { padding: 15px 15px 15px; margin: 20px 0; }
#container .main .box-invite .fl { width: 20%; }
#container .main .box-invite .fr { width: 77%; }
#container .main .box-invite .fl img,
#container .main .box-invite .txtc img { width: 100%; height: auto; }
#container .contents .box-invite .fr p em { line-height: 1.2 !important; }
#container .main .box-invite ul li { width: 50%; }
#container .main .box-invite ul li.last { padding-left: 0; }
#container .main .box-invite ul li p { font-size: 105%; }
#container .main .box-invite .video { position: relative; width: 100%; padding-top: 56.25%; }
#container .main .box-invite .video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* box */
.contents .box-column .unit { width: 100%; }
.contents .box-column .unitlist { width: 100%; }
.contents .box-column .unit2 { width: 100%; margin: 0 auto; }
.contents .box-column .unit img,
.contents .box-column .unit2 img { width: 100%; height: auto; }
.contents .box-column .unit .boxl-1 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-1 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-2 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-2 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-3 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-3 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-4 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-4 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-5 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-5 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-6 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-6 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-7 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-7 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-8 { float: none; width: 100%; margin: 5px 0 0; }
.contents .box-column .unit .boxr-8 { float: none; width: 100%; margin: 5px 0 0; }
.contents .box-column .unit .boxl-9 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-9 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit2 .boxl-1 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unit2 .boxr-1 { float: none; width: 100%; margin: 5px 0 10px; }
.contents .box-column .unitlist p { float: left; width: 33%; } 
.contents .box-column .unitlist p img { width: 100%; height: auto; } 
.contents .box-column ul.boxlist li { float: none; padding-right: 0; }
.contents .box-column ul.boxlist li img { width: 100%; height: auto; }

/* bottan */
#news .contents .btn-backlist {
	width: 90%;
	font-size: 110%;
	margin: 20px auto;
}
#glossary .contents .btn-backlist {
	width: 93%;
	font-size: 110%;
	margin: 30px auto;
}
#comics .main .btn-backlist {
	width: 100%;
	font-size: 110%;
	margin: 30px auto;
}
#comics .main .btn-backlist2 {
	width: 100%;
	font-size: 85%;
	margin: 30px auto;
}
#column .main .btn-backlist {
	width: 90%;
	font-size: 110%;
	margin: 20px auto;
}
#user .contents .btn-backlist {
	width: 90%;
	font-size: 110%;
	margin: 20px auto;
}

/* socialmedia bottan */
#container .contents .sm-btns {
	float: none;
	text-align: left;
	margin-top: 5px;
	clear: both;
}
#container .contents .sm-btns li.twitter { width: 30%; }
#container .contents .sm-btns li.google { width: 20%; }

/* aside */
#container .main .aside {
	float: none;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
}
#container .main .aside h2 { border-radius: 0; }
#container .main .site-list ul { padding-bottom: 10px; }
#container .main .site-list li { clear: both; }
#container .main .site-list li .bnr { float: left; width: 40%; }
#container .main .site-list li .txt { float: left; width: 55%; font-size: 90%; line-height: 1.5; padding-left: 8px; }
#container .main .site-list li .bnr img { width: 100%; height: auto; }
#container .main .aside .pr-list,
#container .main .aside .site-list,
#container .main .aside .banner-list,
#container .main .aside .bnr-beginner { display: none; }

/* views */
.contents .views { float: none; text-align: right; margin-top: 5px; }

/* pagetop */
#page-top { bottom: 10px; right: 10px; }


/* home
--------------------------------------------------------------------------*/
#home .main { padding-top: 1px; }
#container .main .area-2col,
#container .main .area-3col { width: 100%; margin-bottom: 0; }
#container .main .area-2col .fl { width: 100%; float: none; }
#container .main .area-2col .fr { width: 100%; float: none; }
#container .main .area-3col li { width: 100%; float: none; padding-right: 0; }
#container .main .area-3col li.last { width: 100%; padding-right: 0; }
#home .main-visual,
#home .banner_cp { margin-bottom: 10px; }
#home .banner_cp img { width: 100%; height: auto; }
#home .main-visual .bxslider li { width: 100%; height: auto; }
#home .main-visual .bxslider li img { width: 100%; height: auto; }
#home .main .pr-list { display: none; }
#home .about-content h2 { position: relative; left: 0; text-align: center; z-index: 2; }
#home .about-content .about { position: relative; margin: 55px 0 10px; z-index: 1; }
#home .about-content img { width: 100%; height: auto; }
#home .about-content .inner p { text-align: center; }
#home .main .access-ranking { display: none; }
#home .support { margin: 16px 0; }
#home .support img { width: 100%; height: auto; }
#home h2 {
	font-size: 120%;
	padding: 14px 8px 10px 16px;
	height: 46px;
	border-radius: 0;
}
#home .beginner-list a h3, #home .recommend-list a h3,
#home .column-list a h3, #home .user-list a h3, #home .event-list a h3,
#home .channel-list a h3, #home .glossary-list a h3 { font-size: 110%; }
#home .beginner-list .inner,
#home .recommend-list .inner,
#home .column-list .inner,
#home .user-list .inner,
#home .event-list .inner,
#home .channel-list .inner,
#home .news-list .inner { padding: 0 !important; }
#home .beginner-list .inner .unit { width: 100%; }
#home .beginner-list .inner .unit .fl { width: 100%; float: none; padding-bottom: 0; }
#home .beginner-list .inner .unit .fr { width: 100%; float: none; }
#home .beginner-list .inner .unit .fl .leftcol li { float: left; width: 50%; }
#home .beginner-list .inner .unit .fl .leftcol .new { top: 8px; left: 5px; }
#home .beginner-list .inner .unit .fr .rightcol li .unit { width: 100%; }
#home .beginner-list .inner .unit .fr .rightcol li .fl { width: 20%; float: left; padding-bottom: 0; }
#home .beginner-list .inner .unit .fr .rightcol li .fr { width: 78%; float: right; padding-bottom: 0; }
#home .beginner-list .inner .unit .fl .leftcol,
#home .beginner-list .inner .unit .fr .rightcol li { border-bottom: 1px solid #ddd; }
#home .beginner-list .inner .unit .fl .leftcol a,
#home .beginner-list .inner .unit .fr .rightcol li { padding: 15px 40px 15px 15px; }
#home .beginner-list .inner .unit .fl .leftcol li img,
#home .beginner-list .inner .unit .fr .rightcol li .fl img { width: 100%; height: auto; }
#home .beginner-list .inner .unit .fl .leftcol a:hover,
#home .beginner-list .inner .unit .fr .rightcol a:hover li .fr,
#home .recommend-list .inner a:hover li .fr,
#home .column-list .inner a:hover li .fr,
#home .user-list .inner a:hover li .fr,
#home .news-list .inner a:hover li .fr,
#home .news-list .inner a:hover li .unit,
#home .event-list .inner a:hover li {
	text-decoration: none !important;
}
#home .beginner-list .inner .unit .fl .leftcol a,
#home .beginner-list .inner .unit .fr .rightcol a,
#home .recommend-list .inner a,
#home .column-list .inner a,
#home .user-list .inner a,
#home .news-list .inner a,
#home .event-list .inner a {
	display: block;
	background: url(../images/icon_list01.png) no-repeat right center;
}
#home .beginner-list .inner .unit .fl .leftcol a:hover,
#home .beginner-list .inner .unit .fr .rightcol a:hover,
#home .recommend-list .inner a:hover,
#home .column-list .inner a:hover,
#home .user-list .inner a:hover,
#home .news-list .inner a:hover,
#home .event-list .inner a:hover {
	background: url(../images/icon_list01.png) no-repeat right center #F5F5F5;
}
#home .beginner-list .inner .unit .fr .rightcol li.last,
#home .recommend-list .inner li.last,
#home .column-list .inner li.last,
#home .user-list .inner li.last,
#home .event-list .inner li.last,
#home .news-list .inner li.last { border-bottom: none; }
#home .recommend-list .inner li,
#home .column-list .inner li,
#home .user-list .inner li,
#home .event-list .inner li,
#home .news-list .inner li {
	border-bottom: 1px solid #ddd;
	padding: 15px 40px 15px 15px !important;
}
#home .event-list .inner li {
	padding: 15px 0 15px 15px !important;
}
#home .recommend-list .inner li .fl,
#home .column-list .inner li .fl,
#home .user-list .inner li .fl,
#home .news-list .inner li .fl { width: 20%; float: left; padding-bottom: 0; }
#home .recommend-list .inner li .fr,
#home .column-list .inner li .fr,
#home .user-list .inner li .fr,
#home .news-list .inner li .fr { width: 78%; float: right; padding-bottom: 0; }
#home .recommend-list .inner li .fl img,
#home .column-list .inner li .fl img,
#home .user-list .inner li .fl img,
#home .news-list .inner li .fl img { width: 90%; height: auto; }
#home .recommend-list .inner li .unit,
#home .column-list .inner li .unit,
#home .user-list .inner li .unit,
#home .news-list .inner li .unit { width: 100%; }
#home .glossary-list .inner .img img { width: 80%; height: auto; }
#home .social { display: none; }
#home .main .social-link {
	background: #efefef;
}
#home .main .social-link ul {
	text-align: center;
	padding: 7px;
}
#home .main .social-link ul li {
	width: 50%;
	float: left;
	padding: 7px;
}
#home .main .social-link ul li a img {
	width: 100%;
	max-width: 280px;
	height: auto;
}
#home .user-list, #home .glossary-list { min-height: auto; } 
#home .beginner-list .inner .unit .fr .rightcol li.last,
#home .user-list .inner li.last, #home .news-list .inner li.last,
#home .event-list .inner li.last { border-bottom: 1px solid #ddd; }
#home .glossary-list .inner .link-list { margin-top: 25px; }
#home .user-list .inner .link-list,
#home .news-list .inner .link-list { margin-top: 0; }
#home .main .box .inner .link-list { padding: 10px 15px 5px 0; }
#home .main .box .inner .link-list a { font-size: 100%; }
#home .beginner-list .inner .txtc img { width: 100%; height: auto; padding: 10px 0 15px; }


/* news
--------------------------------------------------------------------------*/
#news .aside { display: none; }
#news .marker { display: none !important; }
#news .main .box .inner { padding: 0; }
#news .main .box h3 { margin: 5px 0 15px; padding: 15px 15px 17px; }
#news .news-index .topic,
#news .news-details .topic,
#news .marker { display: none; }
#news .newly-list { margin: -15px 0 20px; }
#news .newly-list .unit { padding: 15px 15px; }
#news .newly-list .unit .fl { width: 80%; }
#news .newly-list .unit .fr { width: 18%; }
#news .newly-list .unit .fr img { width: 100%; height: auto; max-width: 100%; }
#news .news-details img { width: 100%; height: auto; }
#news .news-details ul.line li { width: 50%; }
#news .news-details .listbox > li  { width: 100%; float: none; }
#news .news-details .inner .txt { padding: 20px 20px 0; }
#news .news-details .inner .txt p { font-size: 110%; }
#news .news-details .inner .txt .fl,
#news .news-details .inner .txt .fr { width: 48%; }
#news .news-details .inner .txt .fl img,
#news .news-details .inner .txt .fr img { width: 100%; height: auto; }
#news .news-details .inner .txt .w300,
#news .news-details .inner .txt .w350,
#news .news-details .inner .txt .w400,
#news .news-details .inner .txt .w450,
#news .news-details .inner .txt .w500 { width: 100%; }
#news .news-details .reference { margin: 20px; }
#news .news-details .explain h6 { line-height: 1.4; }
#news .news-details .explain .fl { float: none; width: 100%; }
#news .news-details .explain .fr { display: none; }
#news .news-details .talk { margin: 20px; }
#news .news-details .talk2 { width: 100% !important; }
#news .news-details .talk .fl { width: 15%; }
#news .news-details .talk .fr { width: 80%; }
#news .news-details .talk2 .fl { width: 5% !important; }
#news .news-details .talk2 .fr { width: 90% !important; }
#news .news-details .comment1,
#news .news-details .comment2,
#news .news-details .comment3,
#news .news-details .comment4 { margin-top: 0; }
#news .news-details table.base th { white-space: normal; }
#news .contents table.list th { display: block; width: 100%; }
#news .contents table.list td { display: block; border: none; }
.contents .news-author { padding: 10px; margin: 20px; }
.contents .news-author .fl { width: 15%; }
.contents .news-author .fr { width: 82%; }


/* glossary
--------------------------------------------------------------------------*/
#glossary .main .box .inner { padding: 0; }
#glossary .main .glossary-index .inner h3,
#glossary .main .glossary-details .inner h3 { padding-left: 10px; }
#glossary .contents .glossary-index .txtr { padding-right: 10px; }
#glossary .contents .glossary-list li { width: 50%; font-size: 110%; }
#glossary .contents .glossary-list li .min { font-size: 100%; letter-spacing: 0; }
#glossary .contents .glossary-pic-list { margin-bottom: 20px; }
#glossary .contents .glossary-pic-list li { width: 33%; font-size: 90%; }
#glossary .contents .glossary-pic-list li img { width: 100%; height: auto; }
#glossary .glossary-details h4 { color: #333; padding-left: 10px; }
#glossary .glossary-details .inner .txt { padding: 20px 20px 0; }
#glossary .glossary-details .inner .txt p { font-size: 110%; }
#glossary .glossary-details .img { margin-top: 15px; }
#glossary .glossary-details img { width: 100%; height: auto; }
#glossary .glossary-details .inner .img { margin-bottom: 0; }
#glossary .glossary-details .inner .synonym li,
#glossary .glossary-details .inner .dec li { margin-left: 30px; }
#glossary .glossary-details table.base th,
#glossary .glossary-details table.base td { width: 100%; display: block; }
#glossary .glossary-details table.base th { border-bottom: 0; }
#glossary .aside { display: none; }


/* comics
--------------------------------------------------------------------------*/
#comics .main .comics-index .inner { padding: 0 20px 20px; }
#comics .main .comics-index .comics-list .fl { width: 70%; }
#comics .main .comics-index .comics-list .fr { width: 30%; }
#comics .main .comics-index .comics-list .fr img { width: 100%; height: auto; }
#comics .main .comics-book,
#comics .main .comics-book-a { padding: 10px; }
#comics .main .comics-book .box-pic,
#comics .main .comics-book-a .box-pic { width: 15%; }
#comics .main .comics-book .box-account,
#comics .main .comics-book-a .box-account { width: 83%; }
#comics .main .comics-book .box-pic img,
#comics .main .comics-book-a .box-pic img { width: 100%; height: auto; }
#comics .main .comics-details .prologue { border: 2px solid #ddd; padding: 0 10px 10px; }
#comics .main .comics-details .prologue .fl { width: 15%; margin-bottom: 0; padding-top: 10px; }
#comics .main .comics-details .prologue .fr { width: 83%; margin-bottom: 0; }
#comics .main .comics-details .prologue .fl img { width: 100%; height: auto; }
#comics .main .comics-details .comics-chara { margin-top: 20px; padding: 10px; }
#comics .main .comics-chara .unit { width: 33%; }
#comics .main .comics-chara .unit .fl { width: 15%; padding: 2px 0; }
#comics .main .comics-chara .unit .fr { width: 83%; padding-top: 6px; }
#comics .main .comics-chara .unit .fl img { width: 100%; height: auto; }
#comics .aside { display: none; }
#comics #mybook img { margin: 0 auto; }


/* manga
--------------------------------------------------------------------------*/
/* manga index */
#manga .contents .box-column .inner { padding: 7px 0 0 !important; }
#manga .contents .box-column .title img { width: 100%; height: auto; }
#manga .contents .box-column .image img { width: 100%; height: auto; }
#manga .contents .box-column .manga-list .fl,
#manga .contents .box-column .manga-list .fr { width: 100%; float: none; }
#manga .contents .box-column .manga-list .fr li img { width: 150px; height: auto; }
#manga .contents .box-column .m_bx2 { padding: 0 20px; }
#manga .contents .box-author .box-pic { width: 20%; }
#manga .contents .box-author .box-pic img { width: 100%; height: auto; }
#manga .contents .box-author .box-prof { width: 77%; }
#manga .aside { display: none; }


/* column
--------------------------------------------------------------------------*/
#column .main .box .inner { padding: 0; }

/* column index */
#column .main .column-index h3 .more { right: 5px; }
#column .main .column-index .box-l,
#column .main .column-index .box-r { float: none; width: 100%; }
#column .main .column-index .column-top { margin-top: -20px; }
#column .main .column-index .column-top .column-writer { margin-bottom: 0; }
#column .main .column-index .column-writer { width: 100%; margin-bottom: 0; }
#column .main .column-index .column-writer .box-pic,
#column .main .column-index .column-writer-full .box-pic { width: 20%; }
#column .main .column-index .column-writer .box-prof,
#column .main .column-index .column-writer-full .box-prof { width: 76%; }
#column .main .column-index .writer { font-size: 100%; }
#column .main .column-index .writer br { display: none; }
#column .main .column-index .year { padding-left: 10px; }
#column .main .column-index a .box-writer {
	background: url(../images/icon_list01.png) no-repeat right center #fff;
}
#column .main .column-index .box-writer:hover,
#column .main .column-index .box-writer.hover {
	background: url(../images/icon_list01.png) no-repeat right center #f5f5f5;
	text-decoration: none;
}
#column .main .column-index .writer-list li { width: 32%; }
#column .main .column-index .writer-list li .image { margin: 0 auto; }

/* jimdo */
#column .main .jimdo .box-invite { margin: 30px 0; }

/* column article-index */
#column .contents .box-column .article-head { margin-top: 20px; padding: 0 8px; }
#column .contents .box-column .article-list .fl { width: 73%; padding: 10px; }
#column .contents .box-column .article-list .fr { width: 25%; padding: 10px; }
#column .contents .box-column .other-list h6 { padding: 0 8px; }
#column .contents .box-column .other-list { margin: 0; border-bottom: 1px solid #ccc; }
#column .contents .box-column .other-list li {
	width: 100%;
	min-height: inherit;
	margin: 0;
	padding: 12px 20px 12px 10px;
	border: none;
	background: #f6f6f6 url("../images/icon_list03.png") no-repeat right center;
	border-top: 1px solid #ccc;
}
#column .contents .box-column .other-list .img { display: none; }
#column .contents .box-column .other-list .title { font-size: 100%; }
#column .contents .box-column .other-list li:hover {
	border: none;
	border-top: 1px solid #ccc;
}
#column .contents .box-column .other-list li.hover {
	border: none;
	border-top: 1px solid #ccc;
}

/* column details */
#column .contents .box-column .txt { padding: 20px 20px 10px; }
#column .contents .box-column a .line { padding: 10px 15px; }
#column .contents h4 { font-size: 120%; }
#column .contents h5 { font-size: 115%; }
#column article .image img,
#column article .image2 img,
#column article .image3 img,
#column article .image4 img,
#column article .image5 img { width: 100%; height: auto; }
#column .contents .box-column .wid0 { width: 100%; }
#column .contents .box-column .wid1 { width: 100%; }
#column .contents .box-column .wid2 { width: 100%; }
#column .contents .box-column .wid3 { width: 100%; }
#column .contents .box-column .wid4 { width: 100%; }
#column .contents .box-column .wid5 { width: 100%; }
#column .contents .box-column .wid6 { width: 100%; }
#column .contents .box-column .caption1,
#column .contents .box-column .caption3 { width: 100%; }
#column .contents .box-column .caption1,
#column .contents .box-column .caption2,
#column .contents .box-column .caption3,
#column .contents .box-column .caption4,
#column .contents .box-column .caption5,
#column .contents .box-column .caption_m,
#column .contents .box-column .caption_s { font-size: 100% !important; }
#column .contents .box-column .caption_s { text-align: left; }
#column .contents .box-author .box-pic { width: 20%; }
#column .contents .box-author .box-pic img { width: 100%; height: auto; }
#column .contents .box-author .box-prof { width: 77%; }
#column .contents .box-column .page-intro { margin: 15px; background: #fff; padding: 15px 15px 0; box-shadow: none; border: solid 3px #ccc; }
#column .contents .au-shopping .txt-l,
#column .contents .au-shopping .txt-r { float: none; }
#column .contents .au-shopping .txt-r p { margin: 8px 0 0; }
#column .contents .box-column .besiege-look .fr { font-size: 100%; }
#column .contents .box-column .column-book,
#column .contents .box-column .column-book-a { margin: 0; }
#column .contents .box-column .column-book .box-pic { width: 20%; }
#column .contents .box-column .column-book .box-pic img { width: 100%; height: auto; }
#column .contents .box-column .column-book .box-account { width: 77%; }
#column .contents .column-book-a .box-pic { width: 30%; }
#column .contents .column-book-a .box-pic img { width: 100%; height: auto; }
#column .contents .column-book-a .box-account { width: 65%; }
#column .main .channel-recommend { margin: 0 0 20px 0; border-radius: 0; }
#column .main .channel-recommend h6 { border-radius: 0; }
#column .contents .channel-recommend .head-title { line-height: 1.4; font-size: 100%; background-position: left 2px; }
#column .contents .channel-recommend .fl { width: 30%; }
#column .contents .channel-recommend .fl img { width: 100%; height: auto; }
#column .contents .channel-recommend .fr { width: 67%; padding-right: 10px; padding-top: 0; }
#column .contents .channel-recommend .name { margin-left: 0; font-size: 100%; }
#column .contents .characters .fl { width: 15%; }
#column .contents .characters .fr { width: 80%; }
#column .contents .characters .fl img { width: 100%; height: auto; }
#column .contents .talk-left .box-r,
#column .contents .talk-right .box-l { width: 80%; }
#column .contents .talk-left .box-l,
#column .contents .talk-right .box-r { width: 15%; }
#column .contents .talk-left .box-l img,
#column .contents .talk-right .box-r img { width: 100%; height: auto; }
#column .contents .comment-l,
#column .contents .comment-r { width: 98%; }
#column .contents .talk .fl,
#column .contents .counseling-talk .fl { width: 15%; } 
#column .contents .talk .fr,
#column .contents .counseling-talk .fr { width: 80%; }
#column .contents .talk .fl img,
#column .contents .counseling-talk .fl img { width: 100%; height: auto; }
#column .contents .box-column .unit .boxr-1 img,
#column .contents .box-column .unit .boxl-2 img { width: 100%; height: auto; }
#column .contents .ec-interview { margin-bottom: 20px; }
#column .contents .ec-interview .fl { float: none; width: 100%; }
#column .contents .ec-interview .fl img { width: 100%; height: auto; }
#column .contents .ec-interview .fr { float: none; width: 100%; }
#column .contents .ec-profile { margin-bottom: 10px; }
#column .contents .ec-profile p { font-size: 100% !important; }

/* ec-kakekomi */
.besiege-ec { width: 100%; }
.besiege-ec .fl { width: 45%; margin-left: 0; }
.besiege-ec .fr { width: 45%; margin-right: 0; }
.besiege-ec .fl img,
.besiege-ec .fr img { width: 100%; height: auto; }
.besiege-ec .fl .caption,
.besiege-ec .fr .caption { font-size: 100% !important; }

/* table */
#column .contents table.base tr {
	/*display: block;*/
	margin-bottom: 5px;
}
#column .contents table.base th {
	/*display: block;*/
	border-bottom: 1px solid #ccc;
	background: #F5F5F5;
}
#column .contents table.base td {
	/*display: block;*/
}
#column .contents table.base td.none {
	/*display: none;*/
}
#column .contents table.list th,
#column .contents table.practice th {
	display: block;
	width: 100%;
}
#column .contents table.list td,
#column .contents table.practice td {
	display: block;
	border: none;
}
#column .contents table.list th,
#column .contents table.list td { font-size: 110%; }
#column .contents .imgicon,
#column .contents .imgicon2,
#column .contents .imgicon3 { width: auto; height: auto; }
#column .contents table.full { width: 100%; }
#column .contents table.middle { width: 100%; }
#column .contents table .h70 { width: 100%; }
#column .contents table .h130 { width: 100%; }
#column .contents table .h240 { width: 100%; }
#column .contents table .half { width: 100%; }
#column .contents table .h130 br { display: none; }

/* column aside */
#column .aside .access-ranking { display: none; }
#column .aside .recommend-article { display: none; }
#column .aside .book-list { display: none; }
.aside .column-backnumber li { font-size: 100%; }
.aside .column-backnumber li.title { border-radius: 0; }
.aside .column-backnumber li.title br { display: none; }
.aside .column-backnumber li:last-child,
.aside .user-list a li.last { border-bottom: 1px solid #ccc; }
.aside .column-backnumber li a {
	background: url(../images/icon_list03.png) no-repeat right center #fff;
}
.aside .column-backnumber li a:hover,
.aside .column-backnumber li.active a {
	background: url(../images/icon_list03.png) no-repeat right center #f2fddf;
}
.aside .writer-notice,
.aside .writer-notice .title { border-radius: 0; }
.aside .writer-notice { margin-top: -20px; }
.aside .writer-notice .txt img { width: 100%; height: auto; }
.aside .writer-notice .txt p { font-size: 100%; }

/* backnumber */
#column .main .column-index .article-backnumber {
	background: url(../images/icon_arrow08.png) no-repeat right center #999;
	font-size: 100%;
}
#column .main .column-index .article-backnumber.selected {
	background: url(../images/icon_arrow09.png) no-repeat right center #999;
	cursor: pointer;
}
#column .main .column-index .open-backnumber {
	padding: 0;
	background: #fff;
}
#column .main .column-index .open-backnumber li {
	padding-left: 0;
	border-bottom: 1px solid #EBEBEB;
}
#column .main .column-index .open-backnumber li a {
	display: block;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 20px 10px 10px;
	background: url(../images/icon_list03.png) no-repeat right center;
	text-decoration: none;
}
#column .main .column-index .open-backnumber li a:hover {
	background: url(../images/icon_list03.png) no-repeat right center #f5f5f5;
	text-decoration: none;
	color: #333;
}
#column .main .column-index .open-backnumber li.last { border-bottom: 0; }
#column .main .column-index .column-writer .writer-head .head-title { font-size: 100%; }
#column .main .column-index .column-writer { margin-bottom: 0; }

/* channel */
#column .main .channel-index h3 { margin-bottom: 0 !important; }
#column .main .channel-index h3,
#column .main .column-channel h3 { padding-left: 10px; }
#column .main .page-info h3 { padding-left: 0; }
#column .main .channel-index .sec-channel { width: 100%; margin-bottom: 0; }
#column .main .channel-index .sec-channel h4 a { font-size: 100%; }
#column .main .channel-index .sec-channel .box-l { width: 62%; }
#column .main .channel-index .sec-channel .box-r { width: 35%; }
#column .main .channel-index .sec-channel .box-r img,
#column .main .channel-index .sec-channel .box-writer .box-pic img { width: 100%; height: auto; }
#column .main .box-prof ul { display: none; }
#column .main .channel-index .sec-channel .box-writer .box-pic { float: left; width: 20%; }
#column .main .channel-index .sec-channel .box-writer .box-prof { float: right; width: 72%; }
#column .main .btn-aids { width: 100%; }
#column .main .aids { width: 50%; }
#column .main .btn-aids li { width: 50%; }
#column .main .aids a,
#column .main .btn-aids li a { font-size: 95%; }
#column .main .btn-aids .free { font-size: 85%; margin-left: -5px; }
#column .main .channel-index .index-visual img,
#column .main .column-channel .index-visual img { width: 100%; height: auto; }
#column .main .column-channel .inner p { font-size: 110%; padding: 0 15px; }
#column .main .column-channel .box-title { margin-bottom: 15px; }
#column .main .column-channel .box-author { border-bottom: 1px solid #ddd; padding: 15px 15px 15px 0; }
#column .main .column-channel .box-author .box-pic { width: 20%; }
#column .main .column-channel .box-author .box-prof { width: 78%; }
#column .main .column-channel .box-author .box-prof p { padding: 0; }
#column .main .column-channel .box-author a { text-decoration: underline; }
#column .main .column-channel .box-author a:hover { color: #666; }
#column .main .column-channel .column-book .box-pic { width: 20%; }
#column .main .column-channel .box-author .box-pic img,
#column .main .column-channel .column-book .box-pic img { width: 100%; height: auto; }
#column .main .column-channel .column-book .box-account { width: 77%; }
#column .main .column-channel .column-book .box-account p { padding: 0; }
#column .main .column-channel .btn-aids { width: 100%; }
#column .main .column-channel .aids { width: 50%; }
#column .main .column-channel .btn-aids li { width: 50%; }
#column .main .column-channel .aids a,
#column .main .column-channel .btn-aids li a { font-size: 90%; }
#column .main .column-channel .btn-aids .free { font-size: 85%; margin-left: -5px; }
#column .main .movie { width: 100%; height: auto; margin-bottom: 10px; }
#column .main .movie iframe { width: 100%; height: auto; }

/* channel backnumber */
#column .main .column-index .channel-backnumber { margin: -20px 0 30px; }
#column .main .channel-backnumber { margin: 0; }
#column .main .channel-backnumber li { float: none; padding-right:0; }
#column .main .channel-backnumber .channel-list { width: 100%; border: none; clear: both; }
#column .main .channel-backnumber a .channel-list {
	display: block;
	background: url(../images/icon_list01.png) no-repeat right center #eafbc6;
	border-bottom: 1px solid #ddd;
	padding-right: 30px;
}
#column .main .channel-backnumber .channel-list:hover,
#column .main .channel-backnumber-m .channel-list:hover {
	background: url(../images/icon_list01.png) no-repeat right center #E1FAAD;
	border: 0;
	border-bottom: 1px solid #ddd;
}
#column .main .channel-backnumber .channel-list.hover,
#column .main .channel-backnumber-m .channel-list.hover {
	background: url(../images/icon_list01.png) no-repeat right center #E1FAAD;
	border: 0;
	border-bottom: 1px solid #ddd;
}
#column .main .column-channel .channel-backnumber .channel-list {
	background: url(../images/icon_list01.png) no-repeat right center #F3F3F3;
}
#column .main .column-channel .channel-backnumber .channel-list:hover,
#column .main .column-channel .channel-backnumber .channel-list.hover {
	background: url(../images/icon_list01.png) no-repeat right center #EFEFEF;
}
#column .main .channel-backnumber .channel-list .movie { text-align: center; }
#column .main .channel-backnumber .channel-list .movie img { width: 60%; height: auto; }
#column .main .column-channel .channel-backnumber .channel-list img { display: none; }
#column .main .column-channel .channel-backnumber .channel-list .writer { padding-left: 0; font-size: 90%; }
#column .main .channel-backnumber .channel-list .writer br { display: none; }
#column .main .channel-backnumber-m { display: none; }


/* user
--------------------------------------------------------------------------*/
/* user index */
#user .main .box .inner { padding: 0; }
#user .main .user-index .index-visual img { width: 100%; height: auto; }
#user .main .user-index .box-l { float: none; }
#user .main .user-index .box-r { float: none; }
#user .main .user-index .column-writer {
	width: 100%;
	margin: 0;
	border: none;
	padding-bottom: 0;
}
#user .main .user-index .column-writer a {
	display: block;
	background: url(../images/icon_list01.png) no-repeat right center;
	font-size: 100%;
	border-bottom: solid 1px #e6e6e6;
}
#user .main .user-index .column-writer:hover { border: none; }
#user .main .column-writer h3.user-entries { font-size: 110%; padding-left: 0; }
#user .main .user-index .column-writer .box-pic { width: 30%; }
#user .main .user-index .column-writer .box-pic img { width: 100%; height: auto; }
#user .main .user-index .column-writer .box-prof { width: 66%; }
#user .main .user-index h4 {
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	border-bottom: solid 1px #fff;
	background: url(../images/icon_down02.png) no-repeat right center #73a71f;
}
#user .main .user-index h4.selected {
	background: url(../images/icon_up03.png) no-repeat right center #73a71f;
}
#user .area { display: block; }
#user .area ul { display: none; }
#user .user-index #tab-list { display: none; }
#user .main .tab-area { width: 100%; margin-bottom: 0; }
#user .main .area-group { background: none; }
#user .main .area-group .column-writer { margin: 0; }
#user .main .area-group ul.group-list { padding: 0; margin-top: 0; }
#user .main .area-group ul.group-list li { float: none; width: 100%; padding: 0 !important; }
#user .main .area-group ul li a {
	display: block;
	background: url(../images/icon_list01.png) no-repeat right center;
	color: #333;
	font-size: 110%;
}
#user .main .user-index .column-writer .box-pic .areamark { display: none; }
.user-contact .txt-recruit img { width: auto; height: auto; max-width: 100%; }
#user .main .user-contact .input-recruit .txt-intro p br,
#column .main .user-contact .input-recruit .txt-intro p br { display: none; }
#user .main .user-contact .input-recruit table,
#column .main .user-contact .input-recruit table { width: 100%; }
#user .main .user-contact .input-recruit table tr,
#column .main .user-contact .input-recruit table tr { display: inline; }
#user .main .user-contact .input-recruit table td,
#column .main .user-contact .input-recruit table td { display: block; }
#user .main .user-contact .input-recruit,
#column .main .user-contact .input-recruit { padding: 15px; }
#user .main .user-contact .input-recruit table td,
#column .main .user-contact .input-recruit table td { padding: 0 0 8px; font-size: 95%; }
#user .main .user-contact form input.text-input,
#user .main .user-contact form textarea,
#column .main .user-contact input.text-input,
#column .main .user-contact form textarea { width: 100%; }
#user .main .user-contact .btn-contact,
#column .main .user-contact .btn-contact { width: 100%; }
#user .main .user-contact .btn-contact a,
#column .main .user-contact .btn-contact a { width: 100%; }
#user .main .user-contact .input-recruit .txt-intro,
#column .main .user-contact .input-recruit .txt-intro { width: 100%; }
#user .main .user-contact .input-recruit .txt-intro li,
#column .main .user-contact .input-recruit .txt-intro li { margin-left: 1em; text-indent: -1em; }
#user .main .user-contact .input-recruit .txt-intro p,
#column .main .user-contact .input-recruit .txt-intro p {	text-align: left; }
#user .main .user-contact .send-text,
#column .main .user-contact .send-text { text-align: left; }

/* user details */
#user .main .box-column h4 { font-size: 115%; }
#user article .txt img { width: 100%; height: auto; }
#user .main .box-author .box-pic { width: 25%; }
#user .main .box-author .box-prof { width: 70%; }
#user .main .box-author .box-prof p { font-size: 110%; }
#user .main .box-author .box-pic img { width: 100%; height: auto; }
#user .main .contents .box-column .lower { display: none; }

/* user aside  */
#user .aside { display: none; }

/* readmore  */
.contents .box-recommend { margin: 20px 0 0; border-radius: 0; }
.contents .box-recommend h6 { border-radius: 0; }
.contents .box-recommend .fl { width: 20%; }
.contents .box-recommend .fr { width: 77%; }
.contents .box-recommend .fl p img { width: 100%; height: auto;  }
.contents .box-recommend ul li .column-title,
.contents .box-recommend .fr p { font-size: 110%; }


/* seminar
--------------------------------------------------------------------------*/
#seminar .main .box .inner { padding: 0; }
#seminar .main .box h3 { padding-left: 10px; margin-bottom: 0; }
#seminar .main .box h3.first { margin-bottom: 0; }
#seminar .seminar-index h3,
#seminar .seminar-details h3,
#seminar .seminar-form h3 { padding: 0 10px 10px; }
#seminar .seminar-index .inner,
#seminar .seminar-details .inner { padding: 0 0 20px; }
#seminar .seminar-form .inner { padding: 20px 0 20px !important; }
#seminar .seminar-index .inner p { padding: 20px; }
#seminar .seminar-form .inner p { padding: 0 15px; }
#seminar .seminar-form .inner { padding: 0 20px 20px; }
#seminar .contents .box-mailmag { width: 95%; margin: 20px auto; }
#seminar .contents .box-privacy { width: 95%; margin: 0 auto; padding: 15px 0; }
#seminar .contents .box-thanks { width: 95%; margin: 0 auto; text-align: left; }
#seminar .seminar-form .box-mailmag p,
#seminar .seminar-form .box-privacy p { text-align: left; }
#seminar .contents table { width: 100%; margin-top: 0; }
#seminar .seminar-form table { margin-top: 10px; }
#seminar .contents table.category th { text-align: left; }
#seminar .contents table.program th,
#seminar .contents table.form th {
	display: block;
	width: 100%;
	text-align: left;
	background: #efefef;
}
#seminar .contents table.category th,
#seminar .contents table.category td {
	display: block;
	width: 100%;
	padding: 0;
}
#seminar .contents table.program td,
#seminar .contents table.form td {
	display: block;
	width: 100%;
}
#seminar #gmap { width: 100% !important; }
#seminar .contents form select { width: 98%; }
#seminar .contents form input.long { width: 98%; }
#seminar .contents form input.medium { width: 80%; }
#seminar .contents form input.short { width: 40%; }
#seminar .contents .box-author .box-pic { width: 20%; }
#seminar .contents .box-author .box-pic img { width: 100%; height: auto; }
#seminar .contents .box-author .box-prof { width: 77%; }
#seminar .main .seminar-followup .inner p { padding: 15px 15px 0; }
#seminar .main .seminar-followup .inner .m_tx2 { margin-top: 10px; }
#seminar .main .seminar-followup .inner h3 { font-size: 120%; }
#seminar .main .seminar-followup ul { margin: 20px 10px 40px; }
#seminar .aside { display: none; }


/* q and a
--------------------------------------------------------------------------*/
#qa .main .box .inner { padding: 0; }
#qa .main .box .inner h3 { letter-spacing: 0; }
#qa .main .question-index h3,
#qa .main .question-details h3 { padding-left: 10px; }
#qa .main .column-question h3 { margin-bottom: 0; }
#qa .main .logo-hajimete { margin: 0 15px 20px 0; }
#qa .main .question-details .page-intro { margin-bottom: 25px; }
#qa .main .qa-details { margin: 20px 0 0; }
#qa .main .box-question .box-sec1,
#qa .main .box-question .box-sec2 { float: none; }
#qa .main .box-question .box-sec1 { width: 100%; }
#qa .main .box-question .box-sec2 { width: 100%; text-align: left; margin-top: 10px; }
#qa .kw-qa-search .kw-search-input { width: 70%; font-size: 110%; }
#qa .kw-qa-search .kw-search-title,
#qa .kw-qa-search .st-search-title,
#qa .kw-qa-search .st-focus-title { display: block; font-size: 110%; font-weight: bold; }
#qa .kw-qa-search .st-focus-title { margin-bottom: 5px; }
#qa .main .column-question .search-num { margin: 20px 0; }
#qa .main .column-question .ans-invite,
#qa .main .column-question .ans-urgency,
#qa .main .column-question .receipt-close { padding: 10px 5px 0 0; }
#qa .main .column-question .receipt-answer { padding: 10px 5px 15px 15px; }
#qa .main .column-question .box-sec { width: 100%; }
#qa .main .column-question .ans-invite .box-sec .box-l { width: 15%; }
#qa .main .column-question .ans-urgency .box-sec .box-l { width: 15%; }
#qa .main .column-question .receipt-close .box-sec .box-l { width: 15%; }
#qa .main .column-question .box-sec .box-r { width: 84%; }
#qa .main .column-question .box-sec .box-r .article-info dt { float: none; width: 130px; margin: 5px 0; }
#qa .main .column-question .box-sec .box-r .article-info dd { padding: 0 5px 0 0; }
#qa .main .qa-details .column-question .box-sec .box-r .article-text dt,
#qa .main .column-question .receipt-answer .article-text dt { float: none; }
#qa .main .column-question .box-sec .box-r .article-text dd,
#qa .main .column-question .receipt-answer .article-text dd { padding: 0 5px 0 0; }
#qa .main .column-question .box-sec .box-r .article-text dt.as,
#qa .main .column-question .receipt-answer .article-text dt.as { width: 100%; }
#qa .main .column-question .site-prev { width: auto; }
#qa .main .column-question .site-prev .box-l {
	float: none;
	width: auto;
	text-align: center;
}
#qa .mains .column-question .site-prev .box-r {
	float: none;
	width: auto;
}
#qa .main .column-question .article-text .site-prev .box-l {
	float: none;
	width: auto;
	text-align: center;
}
#qa .main .column-question .article-text .site-prev .box-r {
	float: none;
	width: auto;
}
#qa .main .column-question .site-prev .box-r p,
#qa .main .column-question .article-text .site-prev .box-r p {
	padding-left: 0;
}
#qa .art-img img {
	min-width: 0%;
	max-width: 100%;
	width:auto;
	height:auto;
}
#qa .main table.qa-content tr { display: block; }
#qa .main table.qa-content th { display: block; }
#qa .main table.qa-content td { display: block; }
#qa form .text-field { width: 100%; }
#qa form textarea { width: 100%; }
#qa form .text-input { width: 100%; }
#qa table.qa-content,#qa table.qa-content { width: 100%; }

/* mypage */
#qa .box-mypage-top { padding: 0 15px 0; }
#qa .contents .box-mypage-top .user-login { float: none; }
#qa .box-mypage-top .username,
#qa .box-mypage-top .lastlogin { display: block; }
#qa table.mypage-list { display: none; }
#qa .mypage-list-container { margin-bottom: 0; }
#qa .mypage-list-container li a {
	display: block;
	background-color: #e6e6e6;
	background: url(../images/icon_list03.png) no-repeat scroll right center #fff;
	border-bottom: 1px solid #E6E6E6;
	color: #333333;
	display: block;
	font-size: 100%;
	padding: 15px 30px 15px 15px;
	text-decoration: none;
}
#qa .mypage-list-container li.close a {
	background: url(../images/icon_list03.png) no-repeat scroll right center #fff;
	text-decoration: none;
}
#qa .mypage-list-container li a:hover,
#qa .mypage-list-container li.close a:hover {
	background: url(../images/icon_list03.png) no-repeat scroll right center #EEF8FB;
}
#qa .mypage-list-container li .title { font-size: 115%; }
#qa .mypage-list-container li .contribute { font-weight: bold; }
#qa .mypage-list-container li .type { margin: 2px 0 5px; }

/* bottan */
#seminar .contents .btn-reply,
#seminar .contents .btn-back,
#seminar .contents .btn-off,
#qa .main .btn-reply,
#qa .main .send-btn { width: 95%; }
#seminar .contents .seminar-details .btn-reply { width: 85%; }
#campaign .main .btn-reply,
#inquiry .main .btn-reply,
#inquiry .main .btn-back { width: 100%; }
#seminar .contents .send-btn,
#campaign .main .send-btn,
#inquiry .main .send-btn { width: 100%; }
#qa .main .send-btn li { width: 50%; }
#seminar .contents .send-btn li,
#campaign .main .send-btn li,
#inquiry .main .send-btn li { width: 50%; }


/* guide
--------------------------------------------------------------------------*/
#guide .main .guide-index .inner { margin: 0; }
#guide .guide-index { padding-bottom: 20px; }
#guide .main .guide-index .inner p { font-size: 110%; }


/* search
--------------------------------------------------------------------------*/
#search .main .box .inner { padding: 0 15px 15px; }
#search .aside { display: none; }


/* books
--------------------------------------------------------------------------*/
#books .books-index .unit .fl { float: none; width: 100%; text-align: center; margin-bottom: 20px; }
#books .books-index .unit .fr { float: none; width: 100%; }
#books .books-index .unit .fl .img { width: 170px; }
#books .books-index .book-author-unit { width: 100%; }
#books .books-index .book-author-unit .fl { float: left; width: 20%; }
#books .books-index .book-author-unit .fr { float: right; width: 77%; }
#books .books-index .book-author-unit .fl img { width: 100%; height: auto; }
#books .books-index .last { margin-bottom: 0; }


/* management
--------------------------------------------------------------------------*/
#management .main .box .inner { padding: 0 20px 20px; }
#management .management-index h3 { margin: 30px 0 10px; }
#management .management-index h4 { line-height: 1.4; }
#management .management-index li .unit { width: 100%; }
#management .management-index li .unit .fl { float: none; width: 100%; }
#management .management-index li .unit .fr { float: none; width: 100%; }
#management .management-index .partner .unit .fl p { padding: 0; }


/* maintenance
--------------------------------------------------------------------------*/
#maintenance .maintenance-index table.base { width: 100%; }
#maintenance .maintenance-index .btn-jimdo { margin-top: 15px; }


/* campaign
--------------------------------------------------------------------------*/
#campaign .main .inner { padding: 10px 15px 15px !important; }
#campaign .main-visual img { width: 100%; height: auto; }
#campaign .present-index .main-visual p { position: static; text-align: center; padding: 8px; }
#campaign .present-index .present-list li { width: 100%; padding: 0; }
#campaign .present-index .present-list .box { min-height: auto; }
#campaign .present-index .present-list li .unit .fl { width: 25%; text-align: center; }
#campaign .present-index .present-list li .unit .fl img { width: 100%; height: auto; }
#campaign .present-index .present-list li .unit .fr { width: 70%; }
#campaign .present-index .present-list .btn-details {
	width: 50%;
	float: right;
	text-align: center;
	font-size: 100%;
	padding-right: 20px;
	background: url(../images/icon_searchlook.png) no-repeat 20px center #8FC31F;
}
#campaign .present-index .present-list .btn-details:hover {
	background: url(../images/icon_searchlook.png) no-repeat 20px center #7DAC1C;
}
#campaign .present-index .present-list .coming .btn-details,
#campaign .present-index .present-list .finish .btn-details,
#campaign .present-index .present-list .finish .btn-details:hover {
	background: url(../images/icon_searchlook.png) no-repeat 20px center #ddd;
}
#campaign .present-index .present-list .coming .fl .img { width: 100%; height: auto; padding: 40px 0; }
#campaign .present-index .present-list .coming .fl .img img { width: 100%; height: auto; }
#campaign .present-index .present-list .period { position: static; border-radius: 0; background: none; padding: 2px 0 0 60px; }
#campaign .present-index .present-list .period p { color: #ff751a; text-align: left; }
#campaign .present-index .present-list .finish .period,
#campaign .present-index .present-list .coming .period { background: none; }
#campaign .present-index .present-list .finish .period p,
#campaign .present-index .present-list .coming .period p { color: #666; }

#campaign .present-index .outline .rectangle { width: 100%; left: 0; margin-top: 0; }
#campaign .present-index .outline .rectangle h3 { padding: 7px 0 0; }
#campaign .present-index .outline .triangle-l,
#campaign .present-index .outline .triangle-r { display: none; }
#campaign .present-index .outline .inner { padding: 10px 15px 20px !important; }
#campaign .campaign-index .book-intro .unit { width: 100%; }
#campaign .campaign-index .book-intro .unit .fl { width: 25%; }
#campaign .campaign-index .book-intro .unit .fl img { width: 100%; height: auto; }
#campaign .campaign-index .book-intro .unit .fl .ex { display: none; }
#campaign .campaign-index .book-intro .unit .period { font-size: 100%; margin-top: -20px; }
#campaign .campaign-index .book-intro .present-entry:after { margin-left: 12%; }
#campaign .campaign-index .book-intro .btn-list a { font-size: 100%; }
#campaign .campaign-index .book-intro .btn-list { width: 100%; margin: 30px auto 20px !important; }
#campaign .campaign-index .book-intro .btn-list li { float: none; width: 100%; }
#campaign .campaign-index .book-intro .btn-list li.right { padding: 10px 0 0 0; }
#campaign .campaign-index .reader-author .fl { width: 15%; }
#campaign .campaign-index .reader-author .fr { width: 80% }
#campaign .campaign-index .reader-author .fl img { width: 100%; height: auto; }
#campaign .campaign-index .book-intro .unit .fr { width: 70%; }
#campaign .campaign-index .btn-list a { line-height: 44px; }
#campaign .campaign-index .btn-list { width: 100%; margin: 50px auto 20px !important; }
#campaign .campaign-index .btn-list li { float: none; width: 100%; padding: 0 0 10px; }
#campaign .campaign-index .heibonsha-info { margin-bottom: 15px; }
#campaign .campaign-index .heibonsha-info h4 {
	font-size: 100%;
	background: url(../images/icon_coffee.png) no-repeat 30px center #73a71f;
}
#campaign .campaign-index .heibonsha-info li { width: 33%; padding-right: 8px; }
#campaign .campaign-index .heibonsha-info li.last { width: 33%; }
#campaign .campaign-index .heibonsha-info .kokoro { height: 350px; }
#campaign .campaign-index .heibonsha-info .kokoro h5 img,
#campaign .campaign-index .heibonsha-info .kokoro .unit .fl img { width: 100%; height: auto; }
#campaign .campaign-index .heibonsha-info .kokoro .unit { width: 100% }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fl { width: 40%; }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fr { width: 55%; }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fr .m_tx3 { margin-top: 10px !important; }
#campaign form select { width: 100%; }
#campaign form input.text-input { width: 100%; }
#campaign form input.long { width: 100%; }
#campaign form input.short { width: 25%; }
#campaign form .mistake { position: static; padding-top: 8px; background: url(../images/icon_bc-navi.gif) no-repeat left 12px; }
#campaign .campaign-details table th { display: block; width: auto; border-bottom: none; }
#campaign .campaign-details table td { display: block; border-top: none; }
#campaign .campaign-details .box-private { margin: 20px 0; }


/* inquiry
--------------------------------------------------------------------------*/
#inquiry .main .box .inner { padding: 20px 0 10px; }
#inquiry .main .box .inner p { padding: 0 15px; }
#inquiry .main .box h3 { font-size: 110%; letter-spacing: -0.01em; padding-left: 10px; }
#inquiry .inquiry-index h4,
#inquiry .inquiry-index h5 { padding-left: 15px; margin-bottom: 12px; }
#inquiry .inquiry-index .btn img { width: 100%; height: auto; }
#inquiry .inquiry-index .inner .txtc { text-align: left; }
#inquiry .contents .inner p { font-size: 110%; }
#inquiry .inquiry-index ul { margin: 20px 15px 30px 30px; }
#inquiry .inquiry-index table { width: 100%; }
#inquiry .inquiry-index table th {
	display: block;
	width: auto;
	border-bottom: none;
}
#inquiry .inquiry-index table th p {
	font-size: 80% !important;
	padding-left: 0 !important;
}
#inquiry .inquiry-index table td {
	display: block;
	border-top: none;
}
#inquiry .inquiry-index table td span {
	margin-left: 0;
}
#inquiry form input.text-input {
	margin-bottom: 5px;
}
#inquiry form input.long { width: 100%; }
#inquiry form input.short { width: 25%; }


/* footer
--------------------------------------------------------------------------*/
#page-footer {
	min-height: 0;
	height: auto;
	background: #73A71F;
}
#page-footer .footer-inner {
	width: 100%;
	max-width: 100%;
}
#page-footer .footer-inner .unit {
	display: none;
}
#page-footer .footer-inner .footer-nav {
	padding-top: 0;
}
#page-footer .footer-inner .footer-nav a,
#page-footer .footer-inner .footer-nav a:link {
	color: #666;
	display: block;
	background: url(../images/icon_list03.png) no-repeat right center;
}
#page-footer .footer-inner .footer-nav a:hover {
	color: #666;
}
#page-footer .footer-inner .footer-nav h4 {
	background: none;
	padding: 12px 4px 12px 16px;
	margin-bottom: 0;
	font-size: 120%;
	border-bottom: 1px solid #ccc;
}
#page-footer .footer-inner .unit-last {
	float: none;
	width: 100%;
	background: #FFF;
	border-top: 1px solid #ccc;
}
#page-footer .footer-inner .unit-last .item {
	border-left: none;
	padding: 0;
}
#page-footer .footer-inner .unit-last .last {
	margin-bottom: 0;
}
#page-footer p.txtc {
	color: #fff;
	font-size: 85%;
	text-align: left;
	padding: 10px;
}
#page-footer p.copy {
	clear: both;
	font-size: 90%;
	text-align: center;
	color: #FFF;
	padding: 8px 0 10px;
}
#page-footer p.copy2 { display: none; }


/* pcsite icon
--------------------------------------------------------------------------*/
.look-pc {
	background: #FFFCF5;
}
.look-pc a {
	display: block;
	padding: 10px 30px 10px 15px;
	text-align: center;
	font-size: 110%;
	text-decoration: none;
}
.look-pc img {
	vertical-align: middle;
	padding-left: 8px;
	width: 38px;
	height: auto;
}
}

/* max-width 640 */
@media screen and (max-width: 640px) {
#container .main { padding: 0 0 60px; }
#home #container .main { padding: 0 0 50px; }
#home .about-content .about { margin: 10px 0; }

/* news */
#news .main h2 { letter-spacing: -0.03em; }
#news .news-details h3#explain span { display: none; }

/* glossary */
#glossary .contents .glossary-list li { width: 100%; }

/* comics */
#comics .main h2 { font-size: 110%; }
#comics .contents .comics-chara .unit { width: 100%; float: none; clear: both; }
#comics .contents .comics-chara .unit .fl { width: 15%; padding: 2px 0; }
#comics .contents .comics-chara .unit .fr { width: 80%; padding-top: 6px; padding-right: 0; }
#comics .contents .comics-chara .unit .fl img { width: 100%; height: auto; }

/* manga */
#manga .contents .box-column .manga-list .fr li img { width: 80px; height: auto; }

/* column */
#column .contents .box-column .article-list .fr .image { position: static; background: none; border: 0; }
#column .main .column-index .column-writer .box-pic,
#column .main .column-index .column-writer-full .box-pic { float: none; width: 100%; }
#column .main .column-index .column-writer .box-pic .image,
#column .main .column-index .column-writer-full .box-pic .image { margin: 0 auto 10px; }
#column .main .column-index .column-writer .box-prof,
#column .main .column-index .column-writer-full .box-prof { float: none; width: 100%; }
#column .main .column-index .writer-list li {
	background: url(../images/icon_list01.png) no-repeat right center #fff;
}
#column .main .column-index .writer-list li:hover,
#column .main .column-index .writer-list li.hover {
	background: url(../images/icon_list01.png) no-repeat right center #f5f5f5;
	text-decoration: none;
}
#column .main .column-index .writer-list { padding: 0; }
#column .main .column-index .writer-list p { padding: 10px 10px 0; }
#column .main .column-index .writer-list li {
	float: none;
	width: 100%;
	padding: 12px 10px 10px 10px;
	border-top: 1px solid #ccc;
}
#column .main .column-index .writer-list li .image { margin: 0 auto; }
#column .main .column-index .writer-list li h5 { font-size: 110%; }

/* lp btn */
#container .main .box-invite ul li { width: 100%; }
#container .main .box-invite ul li { float: none; }
#container .main .box-invite ul li.last { padding-top: 10px; }

/* qa */
#qa .kw-qa-search #search-status,
#qa .kw-qa-search #search-category { display: block; width: 80%; }
#qa .main .column-question .ans-invite,
#qa .main .column-question .ans-urgency,
#qa .main .column-question .receipt-close { padding: 10px 5px 15px 15px; }
#qa .main .column-question .ans-invite .box-sec .box-l { width: 20%; }
#qa .main .column-question .ans-urgency .box-sec .box-l { width: 20%; }
#qa .main .column-question .receipt-close .box-sec .box-l { width: 20%; }
#qa .main .column-question .box-sec .box-r { width: 78%; }

/* maintenance */
#maintenance .maintenance-index .btn-jimdo a { font-size: 75%; padding: 15px 20px; letter-spacing: -0.03em; }

/* campaign */
#campaign .present-index .main-visual p { text-align: left; }
#campaign .present-index .main-visual p br { display: none; }
#campaign .present-index .present-list .btn-details { font-size: 85%; }
#campaign .campaign-index .present-entry p,
#campaign .campaign-index .present-fin p { font-size: 110%; }
#campaign .present-index .present-list .btn-details,
#campaign .present-index .present-list .btn-details:hover { font-size: 75%; background: #8FC31F; }
#campaign .present-index .present-list .coming .btn-details,
#campaign .present-index .present-list .finish .btn-details,
#campaign .present-index .present-list .finish .btn-details:hover { font-size: 75%; background: #ddd; }
#campaign .campaign-index .btn-list a,
#campaign .campaign-index .book-intro .btn-list a { font-size: 80%; }
#campaign .campaign-details .box-complete { text-align: left; padding: 50px 15px 20px; }
#campaign .campaign-index .heibonsha-info h4 { background: 0 #73a71f; }
#campaign .campaign-index .heibonsha-info li { float: none; width: 100%; padding: 0 0 10px 0; }
#campaign .campaign-index .heibonsha-info li .tw-timeline .twitter-timeline { width: 100% !important; height: 250px !important; }
#campaign .campaign-index .heibonsha-info li.last { width: 100%; padding-bottom: 0; }
#campaign .campaign-index .heibonsha-info .kokoro { height: auto; }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fl { width: 20%; }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fr { width: 75%; }
}

/* max-width 480 */
@media screen and (max-width: 480px) {
#page-header .sp-menu .sp-gloval-nav li { float: left; width: 47%; margin: 5px; }

/* news */
#news .news-details .inner .txt .fl { float: none; width: 100%; }
#news .news-details .inner .txt .fr { float: none; width: 100%; }
#news .news-details .inner .txt .clear { margin-top: 10px; }
#news .news-details ul.line li { width: 100%; float: none; }

/* comics */
#comics .contents .comics-index .comics-list .fl {
	float: none;
	width: 100%;
	padding-bottom: 0;
}
#comics .contents .comics-index .comics-list .fr {
	float: none;
	width: 100%;
}

/* column */
#column .main .column-index h3 .more { position: static; display: inline-block; margin: 5px 0 0 5px; padding: 7px 0 7px 20px; }
#column .main .column-index h3 .more p { padding-right: 25px; }

/* channel */
#column .main .channel-index .sec-channel .box-l { float: none; width: 100%; }
#column .main .channel-index .sec-channel .box-r { float: none; width: 100%; clear: both; }

/* ec-kakekomi */
.besiege-ec { padding-bottom: 5px; }
.besiege-ec .fl { float: none; width: 100%; margin-left: 0; }
.besiege-ec .fr { float: none; width: 100%; margin-right: 0; }
.besiege-ec .fl .caption,
.besiege-ec .fr .caption { margin-bottom: 10px !important; }

/* campaign */
#campaign .campaign-index .btn-list a { font-size: 80%; }
}

/* max-width 240 */
@media screen and (max-width: 240px) {
#page-header .sp-menu .sp-gloval-nav li {
	float: none;
	width: 97%;
	margin: 5px;
}
}