/*--------------------------------------------------------------------
ログインページ
--------------------------------------------------------------------*/
.box-login{
	width: 500px;
    padding:20px;
	background-color:#E9E9E9;
    gap: 15px;
}

/*
#password{
    padding:20px;
	background-color:#E9E9E9;
}

#password p{
	text-align:center;
	margin-top:2%;
}

#password div{
	width:70%;
	margin-left:auto;
	margin-right:auto;
    margin-top:4%;
	margin-bottom:4%;
}


#password span{
	font-size:medium;
	color:#333333;
	font-weight:bold;
}
*/

/* --------------------------------------------------
 変更箇所
-------------------------------------------------- */

/*ホーム画面_表紙画像*/
div.img_top { background: url(cover.jpg);}


/* 上下のラインをブルーに変更 */
.main-top-line,
.main-footer {
    height: 10px;
    background-color: #2bbbd5;
    width: 100%;
    flex-shrink: 0;
}


/*ヘッダー*/
.main-header {
    background: url(header.jpg);/*専用のヘッダー画像に変更*/
    height: 90px;
}

.link-header {
width: 400px; height: 60px; position: relative;
}

/* --------------------------------------------------
   表示 or 非表示　まとめ
-------------------------------------------------- */
/*.log_off{display:none;}*/

.plus{display:none;}
.og{display:none;}
.ka{display:none;}
.gu{display:none;}
.sp-bac{display:none;}
.spc-omit{display:none;}
/*.any_omit{display:none;}*/

/*個別*/
.switch-btn{display:none;}/*別のカタログに切り替えボタン*/
.aspNetDisabled{display:none;}/*案内書ダウンロード EPSリンク*/

/*PDF案内書
.item_ttl_imgdown{display:none;}
.box_pdf{display:none;}*/

/*#catalog_book{display:none;}ページ検索のカタログ画像*/


/* --------------------------------------------------
 ヘッダー
-------------------------------------------------- */
/*専用ヘッダー
#img_header {background: url(header.jpg);}
*/


/*footerの色
#container {
border-bottom: 10px #999 solid;
}
*/





/* --------------------------------------------------
 スマートフォン用の部品_表示or非表示
--------------------------------------------------
.mob {display:none;}
 */


@media (max-width: 780px) {
/* --------------------------------------------------
モバイル用　SPC
-------------------------------------------------- */


/* --------------------------------------------------
 ヘッダー
-------------------------------------------------- */
/*専用画像*/
#img_header {
background: url(header_mob.jpg);
background-repeat:no-repeat;
width:100%;
background-size:contain;
}

#header{
border-top:6px #2bbbd5 solid;
}


/* --------------------------------------------------
トップページ
-------------------------------------------------- */
/* --- モバイル用_表紙画像 --- */
div.top_img_mob { 
background: url(cover.jpg);
background-repeat:no-repeat;
width:55%;
background-size:contain;  
}




/* --------------------------------------------------
 /モバイル用
-------------------------------------------------- */
}