
.pc { display: block !important; }
.sp { display: none !important; }

/*a[href*="tel:"] {
	pointer-events: none;
}*/

body{
	font-size: 1.05em;
                                
}

.center{
	text-align:center;
}

.margin-in{
	margin:0px 10px 30px 10px;
}
.margin-tb20{
	margin:20px 0px;
}

.gmenu{
	background-image: url("../../../images/contents/library/menu-back.png");
	background-repeat: no-repeat;
	width:1080px;
	height:120px;
	margin:0 auto;
}

.gmenu-list{
	padding-left:252px;
}

.gmenu-list li{
	text-align:center;
	padding:0;
}

.gmenu-list li.short{
	border-left:1px solid #FFF;
	display:inline-block;
	height:120px;
	width:98px;
}

.gmenu-list li.short:hover{
	border-left:1px solid #FFF;
	display:inline-block;
	height:120px;
	background-color:#eef6ed;
	width:98px;
}



.gmenu-list li.mid{
	border-left:1px solid #FFF;
	display:inline-block;
	height:120px;
	width:138px;
}

.gmenu-list li.mid:hover{
	border-left:1px solid #FFF;
	display:inline-block;
	height:120px;
	background-color:#eef6ed;
	width:138px;
}
.gmenu-list li.end{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	display:inline-block;
	height:120px;
	width:138px;
}

.gmenu-list li.end:hover{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	display:inline-block;
	height:120px;
	background-color:#eef6ed;
	width:138px;
}
#frame-library{
	display: flex;
	margin:0 auto;
	width:1080px;
	padding:30px 0
}


#side-menu{
	width:280px;
	margin-right:20px;
}

#main{
	flex: 1;
}

.library-main{
                                border:solid 3px #a9d9d4;
                                border-radius:11px;
                                box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.library-main img{
                                width:775px;
                                height:auto;
                                border-radius:11px;
}


.list-disc{
	margin-left:10px;
	margin-right:15px;
}
.list-disc li {
	list-style-type: none;
	position: relative;
	padding-left: 1em;
}
.list-disc li:before {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	top: 0.6em;
	content: "";
	background: #00b9ad;
}



.list-banner{
	list-style-type: none;
	margin-top:20px
}

.list-banner li{
	margin-bottom:3px;
}
.list-banner img{
                                max-width:284px;
}


.btn-navy{
	background-color:#405173;
	padding:5px 30px;
	color:#FFF;
}

.btn-navy:hover{
	background-color:#415785;
                                color:#FFF;
}
.btn-navy:active {
	color:#FFF;
}
.contact{
	color:#2a5a29;
                                font-weight:bold;
	font-size:1.5em;
	border-bottom:6px solid #a9d9d4;
	padding-bottom:5px;
	padding-left:5px;
	margin:15px 0;
                                font-family:"ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
}

.title{
	color:#405173;
	/*font-weight:bold;*/
	font-size:28px;
	border-bottom:6px solid #a9d9d4;
	padding-bottom:5px;
	padding-left:5px;
	margin:15px 0;
                                font-family:"ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HGMaruGothicMPRO", Meiryo, Arial, sans-serif;;
}

.title-s{
	color:#405173;
	font-weight:bold;
	font-size:18px;
	border-bottom:3px solid #a9d9d4;
	padding-bottom:1px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
}

.frame-date{
	border:4px solid #a9d9d4;
                                background:#fff;
}


dl.dl-news{
	display:flex;
	flex-wrap: wrap;
	border-top: none;
}
.dl-news dt{
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc; 
}
.dl-news dd{
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #ccc; 
	width: 80%;
	/*background: #fff;*/
	box-sizing: border-box;
}
.dl-news a:link { color: #6d3f00; text-decoration: none; }
.dl-news a:visited { color: #6d3f00; text-decoration: none; }
.dl-news a:hover { color: #458a39; text-decoration: underline; }
.dl-news a:active { color: #458a39; text-decoration: underline; }

.icon-green{
	background-color:#00b9ad;
	color:#FFF;
	padding:5px 5px;
	font-size:13px;
	width:120px;
	text-align:center;
}




.list-annai li {
	list-style-type: none;
	position: relative;
	margin-bottom:10px;
}

.icon-green{
	position: absolute;
	width:80px;
}

.list-annai li p{
	padding-left:100px;
}
.contactus{
                                width: 1040px;
                                border:3px solid #a9d9d4;
                                margin:0 auto;
                                padding:2px 20px 12px;
                                background:#fff;
}

/*詳細ページ*/
#pagetitle{
                                display:block;
                                margin:20px 0;
                                padding:0;
                                border:3px solid #a9d9d4;
                                background:#fff;
}
#pagetitle.riyou{
                                width:99%;
                                height:80px;
                                background:#fff url(../../../images/background/library/riyou.png)no-repeat left;
}
#pagetitle.annai{
                                width:99%;
                                height:80px;
                                background:#fff url(../../../images/background/library/annai.png)no-repeat left;
}
#pagetitle.webservice{
                                width:99%;
                                height:80px;
                                background:#fff url(../../../images/background/library/webservice.png)no-repeat left;
}
#pagetitle.denshi{
                                width:99%;
                                height:80px;
                                background:#fff url(../../../images/background/library/denshi.png)no-repeat left;
}
#pagetitle.youran{
                                width:99%;
                                height:80px;
                                background:#fff url(../../../images/background/library/youran.png)no-repeat left;
}
#pagetitle h1{
                                margin:20px 0px 5px 130px;
                                color:#102650;
                                font-size:190%;
                                font-family:"ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
                                line-height:1.8;
}
#main h2{
                                width:99%;
                                margin:0.3rem 0 1rem 0;
                                padding-bottom:0.4rem;
                                font-size:120%;
                                font-weight:500;
                                border-bottom:dotted 1px #618451;
                                font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
}

h3{
                                margin:15px 0 5px;
}
#frame-library h2{
                                margin:12px 0;
                                padding:7px 0px 7px 15px;
                                border-left:7px solid #00b1a9;
                                border-bottom:1px solid #cccccc;
                                color:#102650;
                                font-size:140%;
                                background:none;
                                font-family:"ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
}

/*Googleカレンダーカスタマイズ*/
.te-t{
                                display: block !important;
}
.te-s{
                                white-space:normal;
}



.list-book{
	margin:15px 15px;
}

.list-book li {
	background: url(../../../images/contents/tosyo/book-orange.png) no-repeat 5px 0em;
	list-style: none;
	text-align:left;
	padding-left:35px;
	margin-bottom:13px;
}

/*ラインデザイン*/
.line-white{
                                width: 100%;
                                height: 1px;
                                border-top: 2px dotted #fff;
                                margin-top: 0px;
                                margin-bottom: 3px;
                                padding: 0;
                                clear: both;
}

