@charset "utf-8";
/*============================================
PC版
============================================*/
@media screen and (min-width:640px) {
/*============================================
表紙・裏表紙設定
============================================*/
a#cover img {
    width:860px;
    height:1218px;
}

a#backcover img {
    width:860px;
    height:1218px;
}

/*============================================
サブメニュー全体（左カラム）
============================================*/
div#submenubody {
    width:290px;
}

/*============================================
雑誌用サブメニュー（左カラム）
============================================*/
div#submenu {
	width:290px;			/*幅の指定*/
	margin:10px 0px 10px 20px;	/*位置調整*/
	float:left;			/*カラムを左寄せにする*/
}

div#backbutton {
    width:290px;
    margin:0px 0px 10px 0px;
}

div#backbutton a {
    font-size:24px;
    background-color:#ffd700;		/*背景色*/
	display:block;			/*リンク部分をブロック表示にする*/
    width:260px; height:45px;      /*ブロックのサイズ*/
	padding:10px 0px 0px 30px;	/*パディング*/
    border-radius:5px;			/*角丸にする*/
	color:#333333;			/*文字色*/
    text-decoration: none       /*リンクの下線なくす*/
}

div#backbutton a:hover {
    background-color: #ffa500;      /* カーソルを合わせると色が変わる */
    transition-duration: 0.2s
}

}

/*============================================
スマホ版
============================================*/
@media screen and (max-width:640px) {
/*============================================
表紙・裏表紙設定
============================================*/
a#cover img {
    width: 100%; height: auto;
}

a#backcover img {
    width: 100%; height: auto;
}

/*============================================
サブメニュー全体（左カラム）
============================================*/
div#submenubody {
    width:100%;
}
    
/*============================================
雑誌用サブメニュー（左カラム）
============================================*/
div#submenu {
	width:100%;			/*幅の指定*/
	margin:0px;	/*位置調整*/
	float:left;			/*カラムを左寄せにする*/
}

div#backbutton {
    width:100%;
    margin:0px 0px 10px 0px;
}

div#backbutton a {
    font-size:24px;
    background-color:#ffd700;		/*背景色*/
	display:block;			/*リンク部分をブロック表示にする*/
    width:100%; height:45px;      /*ブロックのサイズ*/
	padding:10px 0px 0px 0px;	/*パディング*/
    text-indent: 1em;
    border-radius:5px;			/*角丸にする*/
	color:#333333;			/*文字色*/
    text-decoration: none       /*リンクの下線なくす*/
}

div#backbutton a:hover {
    background-color: #ffa500;      /* カーソルを合わせると色が変わる */
    transition-duration: 0.2s
}

}