@charset "utf-8";
@import url("default.css") screen, print;
@import url("normalize.min.css") screen, print;
@import url("layout.css") screen, print;
.second #containerWrap {
	width: 100%;
	max-width:1920px;
	margin: auto;
	background-image: url(../img/common/second_bk.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size:100% auto;
}
.second #containerWrap #pageTitle {
	width:100%;
	margin: auto;
	padding: 130px 0px 80px;
}
.second #containerWrap #pageTitle h2 {
	font-size:1.5em;
	color:#2683CC;
	text-align:center;
	letter-spacing: 0.5em;
}
.second #containerWrap #pageTitle h2 strong, .second #containerWrap #pageTitle h2 span {
	display:block;
}
.second #containerWrap #pageTitle h2 strong {
	color:#00398C;
	font-size:266%;
	font-family: 'Crimson Text', serif;
}
.second #containerWrap .contentsWrap {
	width:100%;
	position:relative;
	max-width:1680px;
	margin:auto;
	padding:0 40px;
}
.second #containerWrap .contents {
	width:100%;
	margin:auto;
	padding: 0px 15px 120px;
	font-size: 1.7em;
	line-height: 2em;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
.second #containerWrap #pageTitle {
 padding: 65px 0px 40px;
}
.second #containerWrap #pageTitle h2 {
 font-size:1.3em;
}
.second #containerWrap .contents {
 padding: 0px 15px 60px;
 font-size: 1.4em;
 letter-spacing: 0.07em;
}
}
@media print {
.second #containerWrap {
	background-image:none;
}
.second #containerWrap #pageTitle {
	padding: 40px 0;
}
}
/* #collection
------------------------------------------------------------------------------------*/
#collection.second #containerWrap .linkAnchor {
	width:100%;
	max-width:1160px;
	margin:0 auto 60px;
	padding:0 20px;
	display: flex;
	justify-content:center;
	font-size: 2em;
	line-height: 1em;
}
#collection.second #containerWrap .linkAnchor li {
	width:20%;
	padding:0.5em 20px 0;
	border-left: 1px solid #DDD;
	text-align:center;
	background-color:rgba(255, 255, 255, 0.8);
}
#collection.second #containerWrap .linkAnchor li, #collection.second #containerWrap .linkAnchor li a {
	color:#2683CC;
}
#collection.second #containerWrap .linkAnchor li:first-of-type {
	border-left:none;
}
#collection.second #containerWrap .linkAnchor li a {
	background-image:url(../collection/img/icon_anchor.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	display:inline-block;
}
#collection.second #containerWrap .linkAnchor li.link_series {
	font-size:90%;
	padding-top:0;
}
#collection.second #containerWrap .linkAnchor li.link_series em {
	font-size:77%;
}
#collection.second #containerWrap .collectionTitle {
	position:relative;
	width:100%;
	max-width:1420px;
	margin:0 auto 135px;
	padding:0 20px;
}
#collection.second #containerWrap .collectionTitle .wrap {
	position:absolute;
	bottom:0;
	left:0px;
	right: 0px;
	width:100%;
	max-width: 1240px;
	margin: auto;
	padding:0 40px;
}
#collection.second #containerWrap .collectionTitle h2 {
	background-color:#FFF;
	max-width:300px;
	padding: 30px 5px 10px 40px;
}
#collection.second #containerWrap .collectionTitle h2 strong, #collection.second #containerWrap .collectionTitle h2 em {
	display:block;
	font-weight:normal;
}
#collection.second #containerWrap .collectionTitle h2 strong {
	font-size:4em;
	letter-spacing: 5px;
}
#collection.second #containerWrap .collectionTitle h2 strong span {
	letter-spacing: 0;
}
#collection.second #containerWrap .collectionTitle h2 em {
	color:#2783CD;
	font-size:1.6em;
	letter-spacing: 5px;
}
#collection.second #containerWrap .contents {
	max-width:1190px;
}
#collection.second #containerWrap .contents .wrapB {
	background-color:#EEFAFB !important;
}
#collection.second #containerWrap .contents .intro {
	padding-bottom:60px;
}
#collection.second #containerWrap .contents .intro h3 {
	font-size:137%;
	color: #2683CC;
	padding-bottom: 2em;
	font-weight: normal;
}
#collection.second #containerWrap .contents .intro ul {
	padding-left:1em;
}
#collection.second #containerWrap .contents .intro li {
	color: #DDD;
	list-style-position: outside;
	list-style-type: disc;
}
#collection.second #containerWrap .contents .intro li span {
	color: #525252;
}
#collection.second #containerWrap .contentsWrap.biwakoto {
	max-width:1190px;
	margin:auto;
	padding:0 15px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .img {
	position:absolute;
	right: 0px;
	top: 0px;
	width:40%;
	max-width:470px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .img .img01 {
	padding-left:90px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .img .img02 {
	padding-right:50px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .contents .intro {
	padding-right:360px;
}
#collection.second #containerWrap .contents .start {
	width:82%;
	padding: 40px 320px 40px 40px;
}
#collection.second #containerWrap .contents .start h4 {
	font-size:114%;
	padding-bottom:2em;
}
#collection.second #containerWrap .contents .start p {
	padding-bottom:1em;
}
#collection.second #containerWrap .contentsWrap.ryujin-tamaotome .img {
	position:absolute;
	right: 0px;
	bottom: 0px;
	width: 45%;
	max-width:745px;
}
#collection.second #containerWrap .contentsWrap.ryujin-tamaotome .contents {
	padding-right:35%;
}
#collection.second #containerWrap .contentsWrap.ryujin-tamaotome .contents .intro {
	padding-bottom:0;
}
#collection.second #containerWrap .contents .item_biwakoto_gallery{
	padding-top:20px;
	}
#collection.second #containerWrap .contents .item_biwakoto_gallery li {
	float:left;
	width:25%;
	padding:15px;
}
#collection.second #containerWrap .contents .item_biwakoto_gallery li p {
	text-align:center;
	color: #2783CD;
}
#collection.second #containerWrap .contents .item_biwakoto_gallery li p strong, #collection.second #containerWrap .contents .item_biwakoto_gallery li p span {
	display:block;
}
#collection.second #containerWrap .contents .item_biwakoto_gallery li p strong {
	font-family: 'Crimson Text', serif;
	letter-spacing: 2px;
	font-size:125%;
	font-weight: normal;
}
#collection.second #containerWrap .contents .item_biwakoto_gallery li p span {
	font-size: 88%;
}
#collection.second #containerWrap .contents.series .wrap {
	padding:40px;
	display:flex;
	align-items: center;
	background-color:rgba(255, 255, 255, 0.8);
}
#collection.second #containerWrap .contents.series .wrap.wrapB {
	padding:20px 40px;
}
#collection.second #containerWrap .contents.series .wrap .photo {
	width:450px;
}
#collection.second #containerWrap .contents.series .wrap .photo img {
	display:block;
	margin:auto;
}
#collection.second #containerWrap .contents.series .wrap .text {
	width: calc(100% - 450px);
}
#collection.second #containerWrap .contents.series .wrap .text h4 {
	color:#2683CC;
	font-size: 125%;
	padding-bottom:1em;
}
@media screen and (max-width: 1619px) {
#collection.second #containerWrap .contentsWrap.ryujin-tamaotome .contents {
 padding-right:45%;
}
}
@media screen and (max-width: 1023px) {
#collection.second #containerWrap .contentsWrap.biwakoto .contents .intro {
 padding-right:330px;
}
#collection.second #containerWrap .contents .start {
 padding: 40px 280px 40px 40px;
}
#collection.second #containerWrap .contents.series .wrap .photo {
 width:45%;
 padding:0 20px 0 0;
}
#collection.second #containerWrap .contents.series .wrap .text {
 width:55%;
}
}
@media screen and (max-width: 979px) {
#collection.second #containerWrap .linkAnchor {
 flex-direction: row;
 flex-wrap: wrap;
 margin-bottom:30px;
}
#collection.second #containerWrap .linkAnchor li {
	width:33.33%;
 margin-bottom:20px;
 padding:0.5em 5px 0;
}
#collection.second #containerWrap .linkAnchor li:nth-of-type(4) {
 border-left:none;
}
}
@media screen and (max-width: 768px) {
#collection.second #containerWrap .linkAnchor {
 font-size:1.6em;
}
#collection.second #containerWrap .collectionTitle {
 margin:0 auto 60px;
}
#collection.second #containerWrap .collectionTitle .wrap {
 padding:0 30px;
}
#collection.second #containerWrap .collectionTitle h2 {
 max-width:220px;
 padding: 10px 5px 10px 15px;
}
#collection.second #containerWrap .collectionTitle h2 strong {
 font-size:2.8em;
}
#collection.second #containerWrap .collectionTitle h2 em {
 font-size:1.4em;
 letter-spacing: 2px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .contents .intro {
 padding-right:0;
}
#collection.second #containerWrap .contents .start {
 width:100%;
 padding: 20px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .img, #collection.second #containerWrap .contentsWrap.ryujin-tamaotome .img {
 display:none;
}
#collection.second #containerWrap .contentsWrap.ryujin-tamaotome .contents {
 padding-right:0;
}
#collection.second #containerWrap .contents.series .wrap {
 padding-left:20px;
 padding-right:20px;
}
}
@media screen and (max-width: 599px) {
#collection.second #containerWrap .linkAnchor {
 margin-bottom:20px;
}
#collection.second #containerWrap .linkAnchor li {
 width: 50%;
}
#collection.second #containerWrap .linkAnchor li:nth-of-type(4) {
 border-left: 1px solid #DDD;
}
#collection.second #containerWrap .linkAnchor li:nth-of-type(3), #collection.second #containerWrap .linkAnchor li:last-of-type {
 border-left: none;
}
#collection.second #containerWrap .linkAnchor li a {
 padding-right:10px;
}
#collection.second #containerWrap .collectionTitle {
 position: static;
 margin:0 auto 30px;
 background-color:#FFF;
}
#collection.second #containerWrap .collectionTitle .wrap {
 position: static;
}
#collection.second #containerWrap .collectionTitle h2 {
 text-align:center;
 width:100%;
 margin: -10px auto 10px;
 max-width:initial;
 max-width:auto;
 padding: 10px;
}
#collection.second #containerWrap .contents.series .wrap {
 display:block;
}
#collection.second #containerWrap .contents.series .wrap .photo {
 width:100%;
 padding:0 0 20px 0;
}
#collection.second #containerWrap .contents.series .wrap .text {
 width:100%;
}
 #collection.second #containerWrap .contents .item_biwakoto_gallery li {
 width:50%;
}
}
@media print {
#collection.second #containerWrap .linkAnchor {
	display: none;
}
#collection.second #containerWrap .contents.series .wrap .photo {
	width:45%;
	padding:0 20px 0 0;
}
#collection.second #containerWrap .contents.series .wrap .text {
	width:55%;
}
#collection.second #containerWrap .contentsWrap.biwakoto .contents .intro, #collection.second #containerWrap .contentsWrap.ryujin-tamaotome .contents {
	padding-right:0;
}
#collection.second #containerWrap .contents .start {
	width:100%;
	padding: 20px;
}
#collection.second #containerWrap .contentsWrap.biwakoto .img, #collection.second #containerWrap .contentsWrap.ryujin-tamaotome .img {
	display:none;
}
}
/* #care
------------------------------------------------------------------------------------*/
#care.second #containerWrap .contentsWrap .img {
	position:absolute;
	right: 0px;
	bottom: 0px;
	width:25%;
	max-width:375px;
}
#care.second #containerWrap .contents {
	max-width:670px;
}
#care.second #containerWrap .contents h3 {
	padding-bottom:1em;
}
#care.second #containerWrap .contents ul {
}
#care.second #containerWrap .contents li {
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:1em;
}
#care .contents li:before {
	content:"\203B";
}
@media screen and (max-width: 1279px) {
#care.second #containerWrap .contentsWrap .img {
 width:20%;
}
}
@media screen and (max-width: 1023px) {
 #care.second #containerWrap .contentsWrap .img {
 display:none;
}
}
@media print {
#care.second #containerWrap .contentsWrap .img {
	display:none;
}
}
