/* global
----------------------------------------------- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align : center ;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img {
border:none;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.clear{
	clear:both;
	height: 0px;
	overflow: hidden;
}



.green {
color:#99cc66;
}

.dot-red {
background: transparent url(/i/dot_red.gif) repeat-x bottom;
width: 100%;
height:7px;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
}

.line-red {
background: transparent url(/i/line_red.gif) repeat-x bottom ;
width: 100%;
height:1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
}

.line-orange {
background: transparent url(/i/line_orange.gif) repeat-x bottom ;
width: 100%;
height:1px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear:both;
}


/* layout
----------------------------------------------- */
#header {
background: #fff url(./i/header.png) repeat-y center;
width: 980px;
height: 114px;
margin: 15px auto 15px auto;
padding: 0 0 0 0;
text-align: right;
}

.contents-wrapper{
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	display: flex;
}


.side-col{
	width:220px;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	border-right:1px solid #ee5599;
	text-align: left;
}
.main-col{
	margin: 0 0px 0 0;
	padding: 0 0 0 0;
	width:740px;
	text-align: left;
}
.main-col-books{
	border-right:1px solid #ee5599;	
}

.main-col-syousasshi{
	border-right:1px solid #f6ae54;	
}

.main-col-kookoro{
	border-right:1px solid #66ccdd;	
}

.main-col-eye{
	border-right:1px solid #46babb;	
}

.main-col-sei{
	border-right:1px solid #ee87b4;	
}

.main-col-nissan{
	border-right:1px solid #e95383;	
	background: #fff url(./i_nissan/mark.jpg) no-repeat 580px 70px;
	background-size:120px 120px;
}


.main-col-order{
	border-right:1px solid #99cc66;	
}

.main-col-about{
	border-right:1px solid #ce749c;	
}


.center-col{
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	width:500px;
	border-right:1px solid #ee5599;
	text-align: left;
}
.right-col{
	margin: 0 0px 0 0;
	padding: 0 0 0 0;
	width:220px;
	border-right:1px solid #ee5599;
	text-align: left;
}



/* h2
----------------------------------------------- */
.h2-wrapper{
	width:100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.page-h2{
	width:220px;
	font-size:16px;
	line-height: 1;
	padding: 12px 0 12px 12px;
	margin: 0 0 30px 0;
	color:#fff;
}

#kikan{
	background: #ee5599;
}

#order{
	background: #99cc66;
}

#about{
	background: #ce749c;
}

#syousasshi{
	background: #f6ae54;
}

#kokoro{
	background: #66ccdd;
}

#eye{
	background: #46babb;
}

#sei{
	background: #ee87b4;
}

#nissan{
	background: #e95383;
}

.syousasshi-lead{
	padding: 0px 0 36px 30px;
}

p.lead-copy{
	font-size:16px;
	font-weight: bold;
	line-height: 2;
	margin: 0 0 20px 0;
}

p.lead-copy-sei{
	color:#ee87b4;
	font-weight: bold;
}

p.lead-copy-nissan{
	color:#e95383;
	font-weight: bold;
}

.kokoro-color{
	color:#66ccdd;
}
.eye-color{
	color:#46babb;
}
.sei-color{
	color:#ee87b4;
}

.nissan-color{
	color:#e95383;
}

p.toriatsukai{
	font-weight: bold;
	font-size: 1.1em;
	margin: 18px 0 0 0;
}

.patient-color{
	color:#fff100;
}
.patient-bgcolor{
	background-color:#fff100;
}

h2.h2-syousasshi{
	font-size:24px;
	line-height: 1;
	padding: 0px 0 0px 0;
	margin: 0 0 24px 0;
}

.title-kokoro{
	color:#66ccdd;
}

.title-eye{
	color:#46babb;
}

.title-sei{
	color:#ee87b4;
}

.title-nissan{
	color:#e95383;
}


h2.h2-syousasshi span{
	font-size:36px;
}

.h3-syousasshi{
background: #ffffff ;
width:100%;
padding: 20px 0 20px 0;
margin: 0 0 0 0;
text-align:right;
}

h2.h2-patient{
	display: inline-block;
	font-size:27px;
	line-height: 1;
	padding: 0px 0px 0px 0px;
	margin: 0 0 24px 0;
	background-color:#fff;
	color:#444;
}
h2.h2-patient span{
	font-size:21px;
}


p {
font-size: 14px ;
color: #555555 ;
font-style: normal;
line-height : 24px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}



a {
color: #0099ff;
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #66ccff;
text-decoration: underline;
}


/* menu
----------------------------------------------- */

#menu{
padding: 0 0 30px 0;
margin: 0 0 0 0;
}

.to-home a{
	display: block;
	width:100%;
	height:40px;
	overflow: hidden;
	font-size:16px;
	line-height: 1;
	padding: 7px 0 0px 12px;
	margin: 0 0 30px 0;
	color:#fff;
	background: #ee5599;
	text-decoration: none;
	font-weight: bold;
}
.to-home a:hover{
	opacity: 0.8;
}
.to-home a span{
	font-size: 1.4em;
	display: inline-block;
	margin: 0 6px 0 0;
}

.menu-h3{
	width:100%;
	font-size:16px;
	line-height: 1;
	line-height: 1;
	padding: 0px 0 6px 2px;
	margin: 0 0 12px 0;
}
#to-book{
	border-bottom: 1px solid #ee5599;
	color: #ee5599;
}

#to-syousasshi{
	border-bottom: 1px solid #f6ae54;
	color: #f6ae54;
}

#to-order{
	border-bottom: 1px solid #a9d06b;
	color: #a9d06b;
}
#to-about{
	border-bottom: 1px solid #ce749c;
	color: #ce749c;
}
#to-link{
	border-bottom: 1px solid #e85298;
	color: #e85298;
}

.menu-sub{
padding: 0 0 0 0;
margin: 0 0 20px 0;
font-size:15px;
line-height:1.5;
list-style:none;
}

.menu-sub li{
padding: 0 0 0 0;
margin: 0px 0 0px 0;
font-size:15px;
color:#999999;
}




.to_home{
padding: 0 0 0 0;
margin: 0 0 20px 0;
}

.to_books{
padding: 0px 0px 0px 0px;
margin: 16px 0 8px 0;
line-height:0px;
}

.to_syousasshi{
padding: 0px 0px 6px 0px;
margin: 16px 0 0 0;
}


.to_order{
padding: 0px 0px 6px 0px;
margin: 16px 0 0 0;
}

.to_about{
padding: 0px 0px 6px 0px;
margin: 16px 0 0 0;
}

.to_link{
padding: 0px 0px 6px 0px;
margin: 16px 0 0px 0;
}



/* top-books, books
----------------------------------------------- */
.top-newbooks-wrapper{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px 0;
}

.top-newbooks-box{
	width:45%;
	margin: 0 2% 30px 2%;
}

.top-newbooks-box h3{
	font-size:16px;
	line-height: 1.5;
	margin: 6px 0 6px 0;
	padding: 0 0 0 0;
}
.top-newbooks-box h3 span{
	font-size:13px;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.top-newbooks-box h3.top-syousasshi-title{
	font-size:14px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.top-newbooks-box div.newbooks-author{
	font-size:15px;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.top-newbooks-box a img.cover_books{
	width:145px;
	height: auto;
}
.top-newbooks-box a img.cover_syousasshi{
	width:145px;
	height: auto;
}

.top-newbooks-box a{
	text-decoration: none;
	color:#333;
}
.top-newbooks-box a:hover{
	color: #66ccff;
}
.top-newbooks-box span:hover{
	color: #66ccff;
}
.top-newbooks-box h3.top-syousasshi-title:hover{
	color: #66ccff;
}
.top-newbooks-box a img:hover{
	opacity: 0.8;
}

.to-backnumber{
	display: inline-block;
	font-size:14px;
	text-decoration: underline;
	padding: 12px 0 0 0;
}


.top-syousasshi-series{
	font-size:18px;
	line-height: 1;
	padding: 0px 0 0px 0;
	margin: 0 0 24px 0;
	font-weight: bold;
}

.series-kokoro{
	color:#66ccdd;
}

.series-eye{
	color:#46babb;
}

.series-nissan{
	color:#e95383;
}

.series-sei{
	color:#ee87b4;
}

.top-syousasshi-series span{
	font-size:24px;
}




.childreneyes-img{
	width:100%;
	border-left:1px solid #ee5599;
	border-bottom:1px solid #ee5599;
	border-top:1px solid #ee5599;
}

.crowdfunding-img{
	width:100%;
	border-left:1px solid #ee5599;
	border-bottom:1px solid #ee5599;
	border-top:1px solid #ee5599;
}

/* feature
----------------------------------------------- */
.top-feature-box{
	width:100%;
	padding: 0 9px 15px 9px;
	margin: 15px 0 20px 0;
}

.feature-box-line{
	border-bottom: 1px dotted #ee5599;
}

.feature-book-title{
font-size:16px;
line-height:1.5;
color:#444444;
margin: 3px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.feature-book-author{
font-size:14px;
line-height:1.5;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
.feature-book-author-head{
font-size:12px;
line-height:1.5;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.feature-book-copy{
font-size:13px;
line-height:1.5;
color:#ee5599;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-weight:bold;
}
.book-copy-head{
font-size:14px;
line-height:1.5;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  4px 0px 4px 0px;
font-weight:bold;
}

.feature-book-description{
font-size:13px;
line-height:1.5;
color:#666666;
margin: 9px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-weight:normal;
}


/* top-books, books
----------------------------------------------- */

.books-list-col{
padding: 16px 0 32px 0;
margin: 0 0 32px 0;
overflow:auto;
font-size:12px;
}

.other-books{
padding: 0 0 0 0;
margin: 0 0 18px 10px;
overflow:auto;
}

.top-books-box{
padding: 24px 10px 24px 10px;
margin: 0 0 0 0;
overflow:auto;
}

.books-box{
padding: 16px 10px 12px 10px;
margin: 0 0 0 0;
overflow:auto;
}

.top-books-box-left{
position:relative;
float:left;
padding: 0 0 0 0;
margin: 0 0 0 0;
width:158px;
text-align:left;
}

.top-books-box-right{
position:relative;
float:right;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align:left;
width:280px;
}

.books-box-right{
position:relative;
float:right;
padding: 0 20px 0 0;
margin: 0 0 0 0;
text-align:left;
width:500px;
}


.book-title{
font-size:21px;
line-height:1.5;
color:#444444;
margin: 0px 0px 0px 0px;
padding:  4px 0px 12px 0px;
}

.other-book-title{
font-size:18px;
line-height:1.5;
color:#444444;
margin: 0px 0px 0px 0px;
padding:  4px 0px 4px 0px;
font-weight: normal;
}

.book-title span.subtitle{
	display: block;
font-size:16px;
line-height:1.5;
color:#444444;
margin: 0px 0px 0px 66px;
padding:  0px 0px 0px 0px;
}

.book-title span.pubdate{
	display: block;
	font-weight: normal;
font-size:16px;
line-height:1.5;
color:#444444;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}


.book-subtitle{
font-size:16px;
line-height:1.5;
color:#444444;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.author-head{
font-size:13px;
line-height:1.5;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.other-book-author{
font-size:12px;
}

.author{
font-size:15px;
line-height:1.5;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.book-copy{
font-size:15px;
line-height:1.5;
color:#ee5599;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-weight:bold;
}
.book-copy-head{
font-size:14px;
line-height:1.5;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  4px 0px 4px 0px;
font-weight:bold;
}

.book-description{
font-size:14px;
line-height:1.8;
color:#666666;
margin: 18px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-weight:normal;
}

.other-book-description{
font-size:14px;
line-height:1.8;
color:#666666;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 6px;
font-weight:normal;
}







.red{
color:#ee5599;
}



.dot-red-books {
background: transparent url(/i/dot_red.gif) repeat-x bottom;
height:10px;
margin: 15px 12px 12px 0;
padding: 0px 0px 0 0;
clear:both;
}

/* footer
----------------------------------------------- */


#footer {
width: 980px;
padding: 15px 0 15px 0;
margin: 0 auto 0 auto;
clear: both;
text-align: center;
color: #666666 ;
border-top: 1px solid #ee5599;
border-bottom: 1px solid #ee5599;
}

#footer-menu{
background: transparent ;
width:800px;
margin: auto;
padding: 0px 0 0px 0 ;
text-align: center;
font-size:14px;
}

#footer-menu ul{
background: transparent; 
padding: auto ;
margin: auto;
}

#footer-menu li{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 15px 0 0 ;
}

#copyright{
font-size:12px;
height:28px;
clear: both;
padding: 16px 0 12px 0 ;
color:#666666;
margin: 0 auto 20px auto;
}


/* 会社案内
----------------------------------------------- */
#about-col{
background: transparent ;
padding: 0px 36px 36px 30px ;
}

#about-col h3{
font-size:16px;
line-height:1.5;
color:#ce749c;
padding:0 0 0 0;
margin:8px 0 16px 0;
}

#about-col p{
font-size:14px;
line-height:1.8;
color:#666666;
padding:0 0 0 0;
margin:0 0 32px 0;
}

#about-col strong{
font-weight:normal;
color:#ce749c;
}

#about-col ul{
	padding:0 0 0px 20px;
	margin:0 0 30px 0;
	list-style: decimal;
	font-size:14px;
	line-height:1.8;
	color:#666666;
}

#about-col ul li{
	padding:0 0 0px 0px;
	margin:0 0 18px 0;
	list-style: decimal;
	font-size:14px;
	line-height:1.8;
	color:#666666;
}


/* 注文について
----------------------------------------------- */
#notice-col{
background: transparent ;
padding: 16px 24px 36px 30px ;
}

#notice-col h3{
font-size:16px;
line-height:16px;
color:#99cc66;
padding:0 0 0 0;
margin:8px 0 12px 0;
}

#notice-col p{
font-size:14px;
line-height:1.8;
color:#666666;
padding:0 0 0 0;
margin:0 0 32px 0;
}

#notice-col strong{
font-weight:normal;
color:#99cc66;
}

#notice-col table{
font-size:14px;
font-weight:normal;
color:#666666;
}
#notice-col td{
padding:8px 8px 8px 8px;
border:1px solid #99cc66;
}



/* リンク
----------------------------------------------- */
#link-col{
background: transparent ;
padding: 16px 24px 36px 30px ;
}

#link-col h3{
font-size:16px;
line-height:1.5;
color:#ee5599;
padding:0 0 0 0;
margin:16px 0 8px 0;
}

#link-col p{
font-size:14px;
line-height:1.8;
color:#666666;
padding:0 0 0 24px;
margin:0 0 4px 0;
}

#link-col strong{
font-weight:normal;
color:#ee5599;
}


/* 小冊子
----------------------------------------------- */

.to-order-pdf a{
	display: block;
	font-size:16px;
	font-weight: bold;
	padding: 0px 0 0 0px;
	margin: 24px 0 0 0;
}

.syousasshi-backnumber-wrapper{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 36px 21px;
}

.syousasshi-new-wrapper{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 45px 36px 21px;
}

.syousasshi-new-left{
	width:35%;
	margin: 0 5% 0 0;
}

.syousasshi-new-right{
	width:60%;
}

.syousasshi-new-left img{
	width:100%;
}

.syousasshi-backnumber{
	width:30%;
	margin: 0 1.5% 30px 1.5%;
}

.backnumber-title{
	font-size:13px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
	color:#444;
}
.backnumber-author{
	font-size:13px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
	color:#444;
}

.syousasshi-backnumber img{
	width:120px;
	border:1px solid #efefef;
}



#syousasshi_list-col{
background: transparent ;
padding: 10px 10px 10px 10px ;
}

.syousasshi-box{
background: transparent ;
margin: 10px 40px 60px 40px ;
overflow:auto;
}
.syousasshi-box-left{
position:relative;
float:left;
padding: 0 0 0 0;
margin: 0 20px 0px 0px ;
width:92px;
text-align:left;
}

.syousasshi-box-right{
position:relative;
float:left;
width:420px;
padding: 0 0 0 0;
margin: 0 0 0 0 ;
text-align:left;
}

.syousasshi-title{
	font-size:16px;
	line-height: 1;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:#444;
}

.syousasshi-kokoro-h3{
font-size:16px;
line-height:16px;
color:#66ccdd;
margin: 0px 0px 36px 0px;
padding:  12px 0px 12px 12px;
border-bottom: 1px dotted #f6ae54;
border-top: 1px dotted #f6ae54;
}

.syousasshi-eye-h3{
font-size:16px;
line-height:16px;
color:#46babb;
margin: 0px 0px 36px 0px;
padding:  12px 0px 12px 12px;
border-bottom: 1px dotted #f6ae54;
border-top: 1px dotted #f6ae54;
}

.syousasshi-sei-h3{
font-size:16px;
line-height:16px;
color:#ee87b4;
margin: 0px 0px 36px 0px;
padding:  12px 0px 12px 12px;
border-bottom: 1px dotted #f6ae54;
border-top: 1px dotted #f6ae54;
}

.syousasshi-nissan-h3{
font-size:16px;
line-height:16px;
color:#e95383;
margin: 0px 0px 36px 0px;
padding:  12px 0px 12px 12px;
border-bottom: 1px dotted #f6ae54;
border-top: 1px dotted #f6ae54;
}

.syousasshi-description{
font-size:14px;
line-height:1.8;
color:#666666;
margin: 12px 0px 0px 0px;
padding:  0px 0px 0px 12px;
font-weight:normal;
}

h4.hakkan{
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
	line-height: 1.5;
}

.p-hakkan{
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.p-hakkan{
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.signature{
	font-weight: normal;
	text-align: right;
	margin: 15px 0 0 0;
}

.signature span{
	font-weight: normal;
	display: block;
	margin: 0 0 0px 0;
	font-size: 0.9em
}

/* 注文ページ
----------------------------------------------- */
#order-col{
background: transparent ;
padding: 16px 24px 36px 30px ;
}

#order-col h3{
font-size:16px;
line-height:1.5;
color:#99cc66;
padding:0 0 0 0;
margin:8px 0 12px 0;
}

#order-col p{
font-size:14px;
line-height:1.8;
color:#666666;
padding:0 0 0 0;
margin:0 0 32px 0;
}

#order-col strong{
font-weight:normal;
color:#99cc66;
}

#order-col table{
font-size:13px;
font-weight:normal;
color:#666666;
border-top:1px solid #99cc66;
border-left:1px solid #99cc66;
border-collapse: collapse;
}


#order-col td{
padding:4px 4px 4px 4px;
margin:0px 0px 0px 0px;
border-right:1px solid #99cc66;
border-bottom:1px solid #99cc66;
}

#order-col table.shosasshi{
font-size:12px;
font-weight:normal;
color:#666666;
border-top:1px solid #ffcc33;
border-left:1px solid #ffcc33;
border-collapse: collapse;
}


#order-col table.shosasshi td{
padding:4px 4px 4px 4px;
margin:0px 0px 0px 0px;
border-right:1px solid #ffcc33;
border-bottom:1px solid #ffcc33;
}


#order-col .title{
font-size:13px;
line-height:18px;
width:320px;
}

#order-col .subtitle {
font-size:10px;
margin:0 0 2px 0;
padding:0 0 0 0;
font-weight:normal;
color:#666666;
}




#about-privacy{
	margin:24px 0 30px 0px;
	padding:0px;
	text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#about-privacy-inner{
	padding:20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#about-privacy h3{
	font-size:16px;
}

#about-privacy p{
	font-size:14px;
	line-height: 1.8;
}

#about-privacy ul{
	padding:0 0 0px 20px;
	margin:0 0 30px 0;
	list-style: circle;
	font-size:14px;
	line-height:1.8;
	color:#666666;
}

.doui{
	margin: 0 0 24px 0;
}