/*----------------------------------------------------
** 想健 / mypage.css
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
div.loginblock{
	background-color: #fff;
	border-radius: 20px;
	display: flex;
	padding-top: 2em;
	padding-bottom: 2em;
}
div.loginblock figure img{
	width: 100%;
}
div.loginblock dl{
	margin: 1em 2em 0 2em;
}
div.loginblock dl dt{
	line-height: 2em;
}
div.loginblock dl dd input{
	line-height: 2.5em;
	border-radius: 5px;
}
div.loginblock div.checkarea,
div.loginblock div.btnarea{
	margin: 1em auto;
}
div.loginblock div.text{
	border: solid 1px #dbdbdb;
	padding: 1em 0;
	text-align: center;
	margin: 2em 2em 0 2em;
}
div.loginblock div.text a{
	text-decoration: underline;
	text-decoration-color: #e8599a;
}
div.loginblock input[type="text"],
div.loginblock input[type="password"] {
	background-color: #fff5fa
}
div.loginblock div.btnarea{
	border-radius: 5px;
	background-color: #e8599a;
}
div.loginblock div.btnarea input{
	background-color: rgba(0,0,0,0);
	color: #fff;
	line-height: 2.5em;
}
div.sidecolumn ul.btnlist{
	list-style: none;
	list-style-position: outside;
}
div.sidecolumn ul.btnlist li{
	display: block;
	border-radius: 5px;
	border: solid 1px #dbdbdb;
	background-color: #fff;
}
div.sidecolumn ul.btnlist li a{
	background-color: rgba(255,255,255,0);
	color: #000;
	background-repeat: no-repeat;
	display: block;
}
div.sidecolumn ul.btnlist li a.album{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M18.112%2018.059c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333%200.597%201.333%201.333%201.333zM4.267%2024.672h18.133v-12h-18.133v12zM5.6%2014.005h15.467v9.333l-5.909-5.909-3.648%204.512-3.168-2.261-2.741%203.648v-9.323zM9.6%207.339v1.333h16.8v10.667h1.333v-12h-18.133zM6.933%2011.339h16.8v10.667h1.333v-12h-18.133v1.333z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li.active a.album{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.112%2018.059c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333%200.597%201.333%201.333%201.333zM4.267%2024.672h18.133v-12h-18.133v12zM5.6%2014.005h15.467v9.333l-5.909-5.909-3.648%204.512-3.168-2.261-2.741%203.648v-9.323zM9.6%207.339v1.333h16.8v10.667h1.333v-12h-18.133zM6.933%2011.339h16.8v10.667h1.333v-12h-18.133v1.333z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li a.contactbook{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M15.072%2013.771h-4v4h4v-4zM11.072%2020.437h9.867v-1.333h-9.867v1.333zM11.072%2023.104h9.867v-1.333h-9.867v1.333zM16.405%2017.771h4.533v-1.333h-4.533v1.333zM18.763%206.272h-10.357v19.467h15.2v-14.635l-4.843-4.832zM18.763%208.149l2.955%202.955h-2.955v-2.955zM22.272%2024.405h-12.533v-16.8h7.691v4.843h4.843v11.957zM16.405%2015.104h4.533v-1.333h-4.533v1.333z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li.active a.contactbook{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.072%2013.771h-4v4h4v-4zM11.072%2020.437h9.867v-1.333h-9.867v1.333zM11.072%2023.104h9.867v-1.333h-9.867v1.333zM16.405%2017.771h4.533v-1.333h-4.533v1.333zM18.763%206.272h-10.357v19.467h15.2v-14.635l-4.843-4.832zM18.763%208.149l2.955%202.955h-2.955v-2.955zM22.272%2024.405h-12.533v-16.8h7.691v4.843h4.843v11.957zM16.405%2015.104h4.533v-1.333h-4.533v1.333z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li a.videochat{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M22.293%2013.653l-1.877%200.576c-0.171%200.053-0.405%200.107-0.64%200.139v-1.824c0-0.363-0.299-0.672-0.672-0.672h-8.853c-0.352%200.011-0.651%200.309-0.651%200.672v6.912c0%200.363%200.299%200.672%200.672%200.672h8.853c0.363%200%200.672-0.299%200.672-0.672v-1.824c0.235%200.032%200.459%200.085%200.64%200.139l1.877%200.576c0.352%200.107%200.64-0.107%200.64-0.469v-3.755c-0.021-0.373-0.309-0.576-0.661-0.469zM26.667%2016c0-5.888-4.779-10.667-10.667-10.667s-10.667%204.779-10.667%2010.667%204.779%2010.667%2010.667%2010.667c2.048%200%203.947-0.587%205.568-1.579l4.8%201.291-1.291-4.8c1.003-1.632%201.589-3.531%201.589-5.579zM21.909%2023.797l-0.555-0.149-0.491%200.299c-1.472%200.907-3.157%201.387-4.875%201.387-5.141%200-9.333-4.192-9.333-9.333s4.203-9.333%209.344-9.333%209.333%204.192%209.333%209.333c0%201.707-0.48%203.392-1.387%204.875l-0.299%200.491%200.149%200.555%200.693%202.571-2.581-0.693z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li.active a.videochat{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.293%2013.653l-1.877%200.576c-0.171%200.053-0.405%200.107-0.64%200.139v-1.824c0-0.363-0.299-0.672-0.672-0.672h-8.853c-0.352%200.011-0.651%200.309-0.651%200.672v6.912c0%200.363%200.299%200.672%200.672%200.672h8.853c0.363%200%200.672-0.299%200.672-0.672v-1.824c0.235%200.032%200.459%200.085%200.64%200.139l1.877%200.576c0.352%200.107%200.64-0.107%200.64-0.469v-3.755c-0.021-0.373-0.309-0.576-0.661-0.469zM26.667%2016c0-5.888-4.779-10.667-10.667-10.667s-10.667%204.779-10.667%2010.667%204.779%2010.667%2010.667%2010.667c2.048%200%203.947-0.587%205.568-1.579l4.8%201.291-1.291-4.8c1.003-1.632%201.589-3.531%201.589-5.579zM21.909%2023.797l-0.555-0.149-0.491%200.299c-1.472%200.907-3.157%201.387-4.875%201.387-5.141%200-9.333-4.192-9.333-9.333s4.203-9.333%209.344-9.333%209.333%204.192%209.333%209.333c0%201.707-0.48%203.392-1.387%204.875l-0.299%200.491%200.149%200.555%200.693%202.571-2.581-0.693z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li a.setting{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M16%2016c2.944%200%205.333-2.389%205.333-5.333s-2.389-5.333-5.333-5.333-5.333%202.389-5.333%205.333%202.389%205.333%205.333%205.333zM20.501%2017.28c-1.28%200.875-2.837%201.387-4.501%201.387s-3.221-0.512-4.501-1.387c-1.92%201.173-3.328%203.072-3.872%205.312%201.952%202.475%204.971%204.075%208.373%204.075s6.421-1.6%208.373-4.075c-0.544-2.251-1.963-4.139-3.872-5.312z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li.active a.setting{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2016c2.944%200%205.333-2.389%205.333-5.333s-2.389-5.333-5.333-5.333-5.333%202.389-5.333%205.333%202.389%205.333%205.333%205.333zM20.501%2017.28c-1.28%200.875-2.837%201.387-4.501%201.387s-3.221-0.512-4.501-1.387c-1.92%201.173-3.328%203.072-3.872%205.312%201.952%202.475%204.971%204.075%208.373%204.075s6.421-1.6%208.373-4.075c-0.544-2.251-1.963-4.139-3.872-5.312z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li a.logout{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M20.548%2010.814c-0.26-0.26-0.683-0.26-0.943%200s-0.26%200.684%200%200.944l3.577%203.577h-12.249c-0.368%200-0.667%200.299-0.667%200.667s0.299%200.667%200.667%200.667h12.247l-3.575%203.575c-0.26%200.26-0.26%200.684%200%200.944%200.13%200.13%200.301%200.195%200.471%200.195s0.341-0.065%200.471-0.195l5.185-5.187-5.185-5.186zM16.8%2024.4h-9.2v-16.8h9.2c0.368%200%200.667-0.299%200.667-0.667s-0.299-0.667-0.667-0.667h-9.2c-0.735%200-1.333%200.598-1.333%201.333v16.8c0%200.735%200.598%201.333%201.333%201.333h9.2c0.368%200%200.667-0.299%200.667-0.667s-0.299-0.667-0.667-0.667z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li.active a.logout{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.548%2010.814c-0.26-0.26-0.683-0.26-0.943%200s-0.26%200.684%200%200.944l3.577%203.577h-12.249c-0.368%200-0.667%200.299-0.667%200.667s0.299%200.667%200.667%200.667h12.247l-3.575%203.575c-0.26%200.26-0.26%200.684%200%200.944%200.13%200.13%200.301%200.195%200.471%200.195s0.341-0.065%200.471-0.195l5.185-5.187-5.185-5.186zM16.8%2024.4h-9.2v-16.8h9.2c0.368%200%200.667-0.299%200.667-0.667s-0.299-0.667-0.667-0.667h-9.2c-0.735%200-1.333%200.598-1.333%201.333v16.8c0%200.735%200.598%201.333%201.333%201.333h9.2c0.368%200%200.667-0.299%200.667-0.667s-0.299-0.667-0.667-0.667z%22%20%2F%3E%3C%2Fsvg%3E');
}
div.sidecolumn ul.btnlist li.active{
	background-color: #e8599a;
}
div.sidecolumn ul.btnlist li.active a{
	background-color: rgba(0,0,0,0);
	color: #fff;
}
[swipemenu]{
	position: sticky;
	background-color: #faf0f2;
	z-index: 9000;
}
[swipemenu] > div.swipebtncontainer > div.swipebtninner span.swipebtnbg{
	height: 2px;
	bottom: 0;
	top: auto !important;
}
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before,
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::after{
	color: #fff;
	position: absolute;
	z-index: 2;
	left: 1rem;
}
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu:empty::before,
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu:empty::after{
	display: none;
}
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before{
	content: attr(albummonth);
	transform: translateY(-100%);
}
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::after{
	content: attr(cg-albumyear);
	font-weight: 700;
}
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(1){
	position: relative;
	z-index: 1;
}
div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem img{
	width: inherit;
	height: inherit;
	object-fit: cover;
}
body.ie div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem img{
	font-family: 'object-fit: cover;';
}
[swipemenu] > div.swipebtncontainer {
	margin: 0;
}
[swipemenu] > div.swipebtncontainer > div.swipebtninner div.plusbtn{
	padding: 0 1em 0 2em;
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M22.005%2015.339h-5.333v-5.333c0-0.363-0.299-0.672-0.672-0.672s-0.672%200.299-0.672%200.672v5.333h-5.333c-0.363%200-0.672%200.299-0.672%200.672s0.299%200.672%200.672%200.672h5.333v5.333c0%200.363%200.299%200.672%200.672%200.672s0.672-0.299%200.672-0.672v-5.333h5.333c0.363%200%200.672-0.299%200.672-0.672s-0.309-0.672-0.672-0.672zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.192-9.333%209.333-9.333%209.333%204.181%209.333%209.333-4.181%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	cursor: pointer;
}
[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn.swipeactive{
	color: #e8599a;
}
[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn::after{
	content: '月';
	padding-left: 0.25em;
}
div.albumyear {
	text-align: center;
	font-weight: 700;
	padding-top: 0.5em;
}
div.albumyear::after{
	content: '年';
	font-weight: 400;
}
div.cg_header div.cg_headercontents div.data{
	display: flex;
	justify-content: center;
	height: 30px;
	line-height: 30px;
}
div.cg_header div.cg_headercontents div.data span.year::after{
	content: '年';
}
div.cg_header div.cg_headercontents div.data span.month::after{
	content: '月';
}
div.cg_header div.cg_headercontents div.data span.day::after{
	content: '日';
}
div.cg_header div.cg_headercontents div.extent{
	text-align: center;
	line-height: 20px;
	height: 20px;
	opacity: 0.8;
}
.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu{
	display: flex;
	flex-flow: wrap;
	padding-left: 0.5em;
	box-sizing: border-box;
}
.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu div{
	position: relative;
	z-index: 1;
	background-color: #fff;
	margin-top: 0.5em;
	margin-right: 0.5em;
	border-radius: 5px;
	box-sizing: border-box;
	border: solid 1px #dbdbdb;
}
.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu a{
	display: block;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	color: #000;
	position: relative;
	z-index: 2;
	line-height: 2em;
	color: #e8599a;
}
.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span {
	position: absolute;
	z-index: 1;
	color: #000;
}
.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span::after{
	content: '日';
	color: #555;
}
div.settingblock div.title{
	font-weight: 700;
}
div.settingblock ul{
	list-style: none;
	list-style-position: outside;
}
div.settingblock ul li a{
	display: block;
	text-decoration: none;
	color: #000;
}
div.settingblock ul.link li{
	background-repeat: no-repeat;
}
div.settingblock ul li figure{
	border-radius: 50%;
	overflow: hidden;
	display: block;
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2016c2.944%200%205.333-2.389%205.333-5.333s-2.389-5.333-5.333-5.333-5.333%202.389-5.333%205.333%202.389%205.333%205.333%205.333zM20.501%2017.28c-1.28%200.875-2.837%201.387-4.501%201.387s-3.221-0.512-4.501-1.387c-1.92%201.173-3.328%203.072-3.872%205.312%201.952%202.475%204.971%204.075%208.373%204.075s6.421-1.6%208.373-4.075c-0.544-2.251-1.963-4.139-3.872-5.312z%22%20%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #ddd;
}
div.settingblock ul li figure img{
	width: 100%;
	border-radius: 50%;
	color: rgba(0,0,0,0);
}
div.settingblock ul li dl dt,
div.settingblock ul li dl dd {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.settingblock ul li div.familyplus{
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M22.005%2015.339h-5.333v-5.333c0-0.363-0.299-0.672-0.672-0.672s-0.672%200.299-0.672%200.672v5.333h-5.333c-0.363%200-0.672%200.299-0.672%200.672s0.299%200.672%200.672%200.672h5.333v5.333c0%200.363%200.299%200.672%200.672%200.672s0.672-0.299%200.672-0.672v-5.333h5.333c0.363%200%200.672-0.299%200.672-0.672s-0.309-0.672-0.672-0.672zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.192-9.333%209.333-9.333%209.333%204.181%209.333%209.333-4.181%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
}
div.wc_switcharea [type="checkbox"]:checked + label::before{
	background-color: #e8599a;
}
div.wc_switcharea [type="checkbox"]:checked + label::after {
	box-shadow: 1px 1px 2px #c54c83,-1px -1px 2px #ff66b1;
}
div.settingblock div.btnarea {
	padding-top: 1em;
}
div.settingblock div.btnarea button{
	background-color: #e8599a;
	color: #fff;
	border-radius: 5px;
	padding: 0 1.5em;
	display: table;
	margin: 0 auto;
	width: auto;
}
div#familyplus dl dt,
div.familymenu dl dt{
	padding: 2em 1em 1em 1em;
}
body[view-type*="pc"] div#familyplus a,
body[view-type*="pc"] div.familymenu a {
	display: block;
	background-color: #fff;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	padding: 1em;
}
body[view-type*="pc"] div#familyplus a dl dt,
body[view-type*="pc"] div.familymenu a dl dt {
	padding: 0;
	color: #000;
	border-bottom: solid 1px #dbdbdb;
	font-weight: 700;
	font-size: 18px;
}
div#familyplus dl dd,
div.familymenu dl dd{
	background-color: #fff;
	padding: 0.25em 0.5em;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
}
body[view-type*="pc"] div#familyplus a dl dd,
body[view-type*="pc"] div.familymenu a dl dd{
	border: none;
	padding: 0.25em 0 0 0;
	color: #000;
}
div#familyplus dl dd input,
div.familymenu dl dd input{
	background-color: #fff;
	height: 36px;
}
div#familyplus div.btnarea,
div.familymenu div.btnarea{
	padding: 1em 0;
}
div#familyplus div.btnarea button,
div.familymenu div.btnarea button{
	background-color: #e8599a;
	color: #fff;
	border-radius: 5px;
	padding: 0 1.5em;
	display: table;
	margin: 0 auto;
	width: auto;
}
div#familyplus p.text,
div.familymenu p.text{
	line-height: 1.5em;
	padding: 1em;
}

dl.mypagemenublock dt,
dl.mypagemenublock dt label {
	font-weight: 700;
}
dl.mypagemenublock dt p {
	font-weight: 400;
	line-height: 1.2em;
	opacity: 0.5;
	margin-top: 0.5em;
	font-size: 0.8rem;
}
dl.mypagemenublock dt span {
	font-weight: 400;
	opacity: 0.5;
	margin-left: 0.5em;
	font-size: 0.8rem;
	color: #f33;
}
body[view-type*="sp"] dl.mypagemenublock dt {
	padding: 2em 1.5em 0.5em 1.5em;
}
dl.mypagemenublock dd {
	margin-top: 0.5em;
	padding: .5em;
}
body[view-type*="sp"] dl.mypagemenublock dd {
	background-color: #fff;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
}
body[view-type*="tb"] dl.mypagemenublock dd,
body[view-type*="pc"] dl.mypagemenublock dd {
	background-color: #fcfcfc;
	border: solid 1px #dbdbdb;
}
div.mypagemenubtnarea {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 2em;
}
div.mypagemenubtnarea button,
div.mypagemenubtnarea input[type="button"],
div.mypagemenubtnarea input[type="submit"],
div.mypagemenubtnarea input[type="reset"] {
	border-radius: 0.25em;
	display: table;
	width: auto;
	padding: 0 1.5em;
	margin: 0 auto;
	min-width: 200px;
}
body[view-type*="sp"] div.mypagemenubtnarea button,
body[view-type*="sp"] div.mypagemenubtnarea input[type="button"],
body[view-type*="sp"] div.mypagemenubtnarea input[type="submit"],
body[view-type*="sp"] div.mypagemenubtnarea input[type="reset"] {
	height: 40px;
}
body[view-type*="tb"] div.mypagemenubtnarea button,
body[view-type*="tb"] div.mypagemenubtnarea input[type="button"],
body[view-type*="tb"] div.mypagemenubtnarea input[type="submit"],
body[view-type*="tb"] div.mypagemenubtnarea input[type="reset"],
body[view-type*="pc"] div.mypagemenubtnarea button,
body[view-type*="pc"] div.mypagemenubtnarea input[type="button"],
body[view-type*="pc"] div.mypagemenubtnarea input[type="submit"],
body[view-type*="pc"] div.mypagemenubtnarea input[type="reset"] {
	height: 50px;
}
div.mypagemenubtnarea button,
div.mypagemenubtnarea input[type="button"],
div.mypagemenubtnarea input[type="submit"] {
	background-color: #000;
	color: #fff;
	font-size: 1.1rem;
}
div.cg_header div#cg_menu {
	right: 0;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23555" d="M25.6 9.6h-5.76l-0.64-3.2h-6.4l-0.64 3.2h-5.76c-0.294 0-0.533 0.239-0.533 0.533s0.239 0.533 0.533 0.533h2.201l0.867 13.871c0.073 1.171 1.092 2.129 2.266 2.129h8.533c1.173 0 2.193-0.958 2.267-2.129l0.867-13.871h2.199c0.294 0 0.533-0.239 0.533-0.533s-0.239-0.533-0.533-0.533zM13.674 7.467h4.652l0.426 2.133h-5.504l0.427-2.133zM21.469 24.469c-0.038 0.613-0.59 1.131-1.202 1.131h-8.533c-0.612 0-1.164-0.517-1.202-1.13l-0.863-13.804h12.662l-0.862 13.803zM16 24c0.294 0 0.533-0.239 0.533-0.533v-10.667c0-0.294-0.239-0.533-0.533-0.533s-0.533 0.239-0.533 0.533v10.667c0 0.294 0.239 0.533 0.533 0.533zM12.966 24c0.006 0 0.013 0 0.019 0 0.293-0.011 0.524-0.257 0.514-0.553l-0.367-10.667c-0.012-0.293-0.281-0.513-0.553-0.514-0.293 0.011-0.524 0.257-0.514 0.553l0.367 10.667c0.011 0.287 0.247 0.514 0.533 0.514zM19.014 24c0.006 0 0.013 0 0.019 0 0.287 0 0.523-0.227 0.533-0.514l0.367-10.667c0.010-0.294-0.221-0.542-0.514-0.553-0.277 0.021-0.542 0.221-0.553 0.514l-0.367 10.667c-0.010 0.295 0.221 0.542 0.514 0.553z" /></svg>');
	background-size: 40px 40px;
	cursor: pointer;
}
.videoinfo > dl {
}
.videoinfo > dl > dt {
	font-weight: 700;
}
.videoinfo > dl > dd ul {
	list-style: disc;
	list-style-position: outside;
	padding-left: 1.5em;
}
.videoinfo > dl > dd ul li{
	margin-top: 1em;
	line-height: 1.5em;
}
.videoinfo .btnarea {
	padding-top: 2em;
}
.videoinfo .btnarea > div {
	display: table;
	margin: 0 auto;
	border-radius: 0.5em;
	background-color: #000;
	color: #fff;
	padding: 0 1em;
	line-height: 2.5em;
	cursor: pointer;
}
#photosrc {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block;
}
.mypagebtnarea {
	padding-top: 1em;
}
.mypagebtnarea a,
.mypagebtnarea button {
	display: table;
	width: auto;
	margin: 0 auto;
	background-color: #e8599a;
	color: #fff;
	line-height: 2.5em;
	border-radius: 0.5em;
	padding: 0 1em;
	font-size: 1.1rem;
	font-weight: 400;
}
.wcvcinputarea {
	background-color: #000 !important;
}
.wcvcinputarea *{
	display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
	
	/*レティーナディスプレイ用のスタイルをここに記載*/
	
}
@media screen and (max-width:767px){
	div.columnwrap{
		display: block !important;
	}
	div.columnwrap[item-num="2"] main.maincolumn{
		order: 2;
	}
	div.columnwrap[item-num="2"] div.sidecolumn.type_left{
		order: 1;
	}
	div.sidecolumn{
		margin-top: 0 !important;
		border-top: solid 1px #dbdbdb;
		border-bottom: solid 1px #dbdbdb;
	}
	div.sidecolumn div.columninner {
		width: 100vw;
		overflow-x:auto;
		scrollbar-width:none;
	}
	div.sidecolumn div.columninner::-webkit-scrollbar {
		display: none;
	}
	div.sidecolumn ul.btnlist{
		display: flex;
		white-space: nowrap;
		width: max-content;
		position: relative;
		z-index: 1;
	}
	div.loginblock{
		flex-direction: column;
		margin: 1em;
	}
	div.loginblock figure{
		width: 150px;
		margin: 0 auto;
	}
	div.loginblock div.checkarea,
	div.loginblock div.btnarea {
		width: 200px;
	}
	div.sidecolumn ul.btnlist li {
		margin: 0.5em 0.25em;
		flex-shrink: 0;
	}
	div.sidecolumn ul.btnlist li a {
		line-height: 34px;
		font-size: 16px;
		padding: 0 1em 0 34px;
		background-position: 2px center;
		background-size: 30px 30px;
	}
	.over[swipemenu] > div.swipebtncontainer > div.swipebtninner {
		padding: 0;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu{
		overflow: hidden;
		padding-left: 1px;
		box-sizing: border-box;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before,
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::after{
		top: 50vw;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before{
		font-size: 30px;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem{
		float: left;
		width: calc(( 100vw - 4px ) / 3 );
		height: calc(( 100vw - 4px ) / 3 );
		margin-right: 1px;
		margin-bottom: 1px;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(5n){
		width: calc(( 100vw - 4px ) / 3 * 2 + 1px);
		height: calc(( 100vw - 4px ) / 3 * 2 + 0.5px);
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(10n){
		width: calc(( 100vw - 4px ) / 3 );
		height: calc(( 100vw - 4px ) / 3 );
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(1),
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(10n) + div.galleryitem{
		width: calc( 100vw - 2px );
		height: calc( 100vw - 2px );
	}
	[swipemenu]{
		top: 50px;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner div.plusbtn{
		font-size: 16px;
		line-height: 32px;
		height: 32px;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn{
		font-size: 16px;
		width: 4em;
		padding: 0;
		height: 32px;
		margin: 0;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn::after{
		font-size: 12px;
	}
	div.albumyear {
		font-size: 16px;
	}
	div.albumyear::after{
		font-size: 12px;
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu a{
		width: calc(( 100vw - 0.5em ) / 3 - 0.5em - 2px);
		padding-top: calc(( 100vw - 0.5em ) / 3 - 2.5em - 2px);
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span{
		top: calc( 50% - 7px );
		left: 50%;
		font-size: 42px;
		transform: translate(-50%,-50%);
		white-space: nowrap;
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span::after{
		font-size: 12px;
	}
	div.settingblock div.title{
		padding: 2em 1em 1em 1em;
	}
	div.settingblock ul{
		background-color: #fff;
		padding-left: 1em;
	}
	div.settingblock ul:not(.link) li{
		border-bottom: solid 1px #dbdbdb;
		display: flex;
		padding: 5px 50px 5px 0;
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M14.271%2025.428c-0.313%200.313-0.722%200.468-1.132%200.468s-0.818-0.156-1.132-0.469c-0.624-0.624-0.624-1.636%200-2.261l7.166-7.166-7.165-7.167c-0.624-0.624-0.624-1.636%200-2.26%200.626-0.626%201.637-0.626%202.262-0.001l9.428%209.428-9.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E');
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}
	div.settingblock form ul li{
		display: block !important;
		padding: 0 !important;
		background-image: none !important;
	}
	div.settingblock ul li:last-of-type{
		border-bottom: none;
		padding: 0;
	}
	div.settingblock ul.link li a{
		display: block;
		line-height: 50px;
		padding: 0 50px 0 calc( 1em + 40px );
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M14.271%2025.428c-0.313%200.313-0.722%200.468-1.132%200.468s-0.818-0.156-1.132-0.469c-0.624-0.624-0.624-1.636%200-2.261l7.166-7.166-7.165-7.167c-0.624-0.624-0.624-1.636%200-2.26%200.626-0.626%201.637-0.626%202.262-0.001l9.428%209.428-9.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E');
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}
	div.settingblock ul.link li{
		border-bottom: solid 1px #dbdbdb;
		background-size: 40px 40px;
		background-position: left center;
	}
	div.settingblock ul.link li.information{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M16%2013.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333zM16.683%2020.277v-4.661c0%200%200.011-0.075%200-0.181-0.032-0.309-0.128-0.885-0.811-0.747-0.192%200.043-0.373%200.096-0.544%200.171-0.448%200.181-0.843%200.469-1.141%200.832%200.235-0.117%200.48-0.203%200.747-0.256%200.459-0.096%200.395%200.299%200.395%200.299v4.661c0%200-0.011%200.075%200%200.181%200.032%200.309%200.128%200.885%200.811%200.747%200.192-0.043%200.373-0.096%200.544-0.171%200.448-0.181%200.843-0.469%201.141-0.832-0.235%200.117-0.48%200.203-0.747%200.256-0.469%200.096-0.395-0.299-0.395-0.299zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667%200%202.048%200.587%203.947%201.579%205.568l-1.291%204.8%204.8-1.291c1.632%201.003%203.531%201.589%205.579%201.589%205.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-1.707%200-3.392-0.48-4.875-1.387l-0.491-0.299-3.125%200.843%200.693-2.571%200.149-0.555-0.299-0.491c-0.907-1.472-1.387-3.157-1.387-4.875%200-5.141%204.192-9.333%209.333-9.333s9.333%204.192%209.333%209.333c0%205.141-4.192%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.help{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.181-9.333%209.333-9.333c5.152%200%209.333%204.181%209.333%209.333s-4.181%209.333-9.333%209.333zM16%2018.667c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333zM15.595%2010.635c-0.587%200.064-1.6%200.341-2.208%200.725-0.267%200.181-0.363%200.331-0.363%200.523%200%200.341%200.405%200.875%200.683%200.875%200.245%200%200.96-0.736%202.219-0.736%200.843%200%201.376%200.267%201.376%200.779%200%200.523-0.128%200.672-1.173%201.28-1.227%200.725-1.461%201.205-1.461%201.749%200%200.8%201.035%201.472%201.749%201.653%200%200-0.341-1.077-0.341-1.461%200-0.469%200.843-0.736%201.803-1.333%201.088-0.672%201.323-1.184%201.355-1.771%200.064-1.291-1.824-2.464-3.637-2.283z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.contact{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M16%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM21.333%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM26.667%207.872h-21.333c-0.373%200-0.661%200.299-0.661%200.661v14.4c0%200.363%200.299%200.672%200.672%200.672h6.272v3.605c0%200.277%200.171%200.523%200.437%200.619%200.075%200.032%200.16%200.043%200.235%200.043%200.192%200%200.373-0.085%200.501-0.224l3.531-4.043h10.347c0.373%200%200.672-0.299%200.672-0.672v-14.4c0-0.363-0.299-0.661-0.672-0.661zM26.005%2022.261h-10.005c-0.192%200-0.373%200.085-0.501%200.224l-2.56%202.933v-2.485c0-0.363-0.299-0.672-0.672-0.672h-6.261v-13.056h20v13.056zM10.667%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul li figure,
	div.settingblock ul li figure img{
		width: 40px;
		height: 40px;
	}
	div.settingblock ul li dl {
		padding-left: 1em;
	}
	div.settingblock ul li dl dt,
	div.settingblock ul li dl dd {
		line-height: 20px;
	}
	div.settingblock ul li dl dd {
		font-size: 12px;
		color: #555;
	}
	div.settingblock ul li div.familyplus {
		background-position: left center;
		background-size: 40px 40px;
		padding: 0 1em 0 calc( 1em + 40px );
		line-height: 50px;
	}
	div.settingblock ul li div.wc_switcharea{
		padding: 5px 0;
		margin-right: 5px;
	}
	div.settingblock div.btnarea button,
	div#familyplus div.btnarea button{
		line-height: 36px;
	}
	.videoinfo > dl {
		margin: 1em 1em 0 1em;
	}
	.information > dl > dt {
		font-weight: 700;
		padding: 1em;
	}
	.information > dl > dd ul {
		list-style: none;
		list-style-position: outside;
	}
	.information > dl > dd ul {
		list-style: none;
		list-style-position: outside;
		border-bottom: solid 1px #dbdbdb;
	}
	.information > dl > dd ul li{
		background-color: #fff;
		border-top: solid 1px #dbdbdb;
	}
	.information > dl > dd ul li a {
		display: block;
		text-decoration: none;
		color: #000;
		padding: 0.5em 1em;
	}
	.information > dl > dd ul.helplist li a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 50px;
		box-sizing: border-box;
		padding: 0.25em 50px 0.25em 1em;
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M14.271%2025.428c-0.313%200.313-0.722%200.468-1.132%200.468s-0.818-0.156-1.132-0.469c-0.624-0.624-0.624-1.636%200-2.261l7.166-7.166-7.165-7.167c-0.624-0.624-0.624-1.636%200-2.26%200.626-0.626%201.637-0.626%202.262-0.001l9.428%209.428-9.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E');
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}
	.information > dl > dd ul li a div {
		line-height: 1.2em;
	}
	.information > dl > dd ul li a time {
		font-size: 12px;
		opacity: 0.7;
	}
	.infodetails dl {
		padding: 1em;
		background-color: #fff;
		border-bottom: solid 1px #dbdbdb;
	}
	.infodetails dl dt p {
		font-weight: 700;
		font-size: 16px;
	}
	.infodetails dl dt time {
		font-size: 12px;
		opacity: 0.7;
	}
	.infodetails dl dd {
		padding-top: 1em;
		line-height: 1.8em;
	}
}
@media screen and (max-width:320px){
	
	/*小さいサイズのスマートフォン用のスタイルをここに記載*/
	
}
@media screen and (min-width:768px) and (max-width:1099px){
	div.columnwrap{
		display: block !important;
	}
	div.columnwrap[item-num="2"] main.maincolumn{
		order: 2;
	}
	div.columnwrap[item-num="2"] div.sidecolumn.type_left{
		order: 1;
	}
	div.sidecolumn{
		margin-top: 0 !important;
		border-top: solid 1px #dbdbdb;
		border-bottom: solid 1px #dbdbdb;
	}
	div.sidecolumn div.columninner {
		width: 100vw;
		overflow-x:auto;
		scrollbar-width:none;
	}
	div.sidecolumn div.columninner::-webkit-scrollbar {
		display: none;
	}
	div.sidecolumn ul.btnlist{
		display: flex;
		white-space: nowrap;
		width: max-content;
		position: relative;
		z-index: 1;
	}
	div.loginblock{
		margin: 2em 70px 0 70px;
	}
	div.loginblock > *{
		width: 50%;
		box-sizing: border-box;
	}
	div.loginblock figure{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 50px;
	}
	div.loginblock figure picture{
		margin: auto;
	}
	div.loginblock > div{
		border-left: solid 1px #dbdbdb;
		padding-top: 1em;
		padding-bottom: 2em;
		margin: 2em 0;
	}
	div.loginblock div.checkarea,
	div.loginblock div.btnarea {
		width: 240px;
	}
	div.sidecolumn ul.btnlist li {
		margin: 0.5em 0.25em;
		flex-shrink: 0;
	}
	div.sidecolumn ul.btnlist li a {
		line-height: 34px;
		font-size: 16px;
		padding: 0 1em 0 34px;
		background-position: 2px center;
		background-size: 30px 30px;
	}
	.over[swipemenu] > div.swipebtncontainer > div.swipebtninner {
		padding: 0;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu{
		overflow: hidden;
		padding-left: 1px;
		box-sizing: border-box;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before,
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::after{
		top: 50vw;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before{
		font-size: 30px;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem{
		float: left;
		width: calc(( 100vw - 1px ) / 6 - 1px );
		height: calc(( 100vw - 1px ) / 6 - 1px );
		margin-right: 1px;
		margin-bottom: 1px;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(1),
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(10n) + div.galleryitem{
		width: calc((( 100vw - 1px ) / 6 ) * 3 - 1px);
		height: calc((( 100vw - 1px ) / 6 ) * 3 - 1px);
	}
	[swipemenu]{
		top: 70px;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner div.plusbtn{
		font-size: 16px;
		line-height: 32px;
		height: 32px;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn{
		font-size: 16px;
		width: 4em;
		padding: 0;
		height: 32px;
		margin: 0;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn::after{
		font-size: 12px;
	}
	div.albumyear {
		font-size: 16px;
	}
	div.albumyear::after{
		font-size: 12px;
	}
	div.settingblock div.title {
		padding: 2em 2em 1em;
	}
	div.settingblock ul.link li.information{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2013.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333zM16.683%2020.277v-4.661c0%200%200.011-0.075%200-0.181-0.032-0.309-0.128-0.885-0.811-0.747-0.192%200.043-0.373%200.096-0.544%200.171-0.448%200.181-0.843%200.469-1.141%200.832%200.235-0.117%200.48-0.203%200.747-0.256%200.459-0.096%200.395%200.299%200.395%200.299v4.661c0%200-0.011%200.075%200%200.181%200.032%200.309%200.128%200.885%200.811%200.747%200.192-0.043%200.373-0.096%200.544-0.171%200.448-0.181%200.843-0.469%201.141-0.832-0.235%200.117-0.48%200.203-0.747%200.256-0.469%200.096-0.395-0.299-0.395-0.299zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667%200%202.048%200.587%203.947%201.579%205.568l-1.291%204.8%204.8-1.291c1.632%201.003%203.531%201.589%205.579%201.589%205.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-1.707%200-3.392-0.48-4.875-1.387l-0.491-0.299-3.125%200.843%200.693-2.571%200.149-0.555-0.299-0.491c-0.907-1.472-1.387-3.157-1.387-4.875%200-5.141%204.192-9.333%209.333-9.333s9.333%204.192%209.333%209.333c0%205.141-4.192%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.help{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.181-9.333%209.333-9.333c5.152%200%209.333%204.181%209.333%209.333s-4.181%209.333-9.333%209.333zM16%2018.667c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333zM15.595%2010.635c-0.587%200.064-1.6%200.341-2.208%200.725-0.267%200.181-0.363%200.331-0.363%200.523%200%200.341%200.405%200.875%200.683%200.875%200.245%200%200.96-0.736%202.219-0.736%200.843%200%201.376%200.267%201.376%200.779%200%200.523-0.128%200.672-1.173%201.28-1.227%200.725-1.461%201.205-1.461%201.749%200%200.8%201.035%201.472%201.749%201.653%200%200-0.341-1.077-0.341-1.461%200-0.469%200.843-0.736%201.803-1.333%201.088-0.672%201.323-1.184%201.355-1.771%200.064-1.291-1.824-2.464-3.637-2.283z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.contact{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM21.333%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM26.667%207.872h-21.333c-0.373%200-0.661%200.299-0.661%200.661v14.4c0%200.363%200.299%200.672%200.672%200.672h6.272v3.605c0%200.277%200.171%200.523%200.437%200.619%200.075%200.032%200.16%200.043%200.235%200.043%200.192%200%200.373-0.085%200.501-0.224l3.531-4.043h10.347c0.373%200%200.672-0.299%200.672-0.672v-14.4c0-0.363-0.299-0.661-0.672-0.661zM26.005%2022.261h-10.005c-0.192%200-0.373%200.085-0.501%200.224l-2.56%202.933v-2.485c0-0.363-0.299-0.672-0.672-0.672h-6.261v-13.056h20v13.056zM10.667%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul{
		margin: 0 2em;
		display: flex;
		flex-wrap: wrap;
	}
	div.settingblock > ul li{
		margin: 1em 0.5em 0 0.5em;
		width: calc(( 100vw - 4em ) / 5 - 1em );
	}
	div.settingblock form ul li{
		width: calc( 50% - 1em);
		margin: 1em 0.5em 0 0.5em;
		border-radius: 10px;
		background-color: #fff;
		padding: 1em;
		box-sizing: border-box;
	}
	div.settingblock ul li figure,
	div.settingblock ul li figure img{
		width: 120px;
		height: 120px;
	}
	div.settingblock ul li dl {
		padding-top: 10px;
	}
	div.settingblock ul li dl dt,
	div.settingblock ul li dl dd {
		line-height: 20px;
		text-align: center;
	}
	div.settingblock ul li dl dd {
		font-size: 12px;
		color: #555;
	}
	div.settingblock ul li div.familyplus {
		background-position: center top;
		background-size: contain;
		padding: 130px 1em 1em;
		line-height: 40px;
	}
	div.settingblock div.btnarea {
		margin: 0 2em;
		padding-top: 2em;
	}
	div.settingblock div.btnarea button {
		line-height: 40px;
	}
	div.settingblock ul.link li{
		margin: 1em 0.5em 0;
		width: calc(( 100% / 3 ) - 1em );
		border-radius: 10px;
		background-color: #fff;
	}
	div.settingblock ul.link li a{
		padding-top: calc( 100% - 4em );
		padding-bottom: 2em;
		line-height: 1em;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	div.settingblock ul.link li a::before,
	div.settingblock ul.link li a::after {
		content: '';
		position: absolute;
		width: 120px;
		height: 120px;
		display: block;
		left: 50%;
		top: 2em;
		transform: translate(-50%, 0);
	}
	div.settingblock ul.link li a::before {
		z-index: -2;
		border-radius: 50%;
		background-color: #e8599a;
	}
	div.settingblock ul.link li a::after {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px 80px;
		z-index: -1;
	}
	div.settingblock ul.link li.information a::after {
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2013.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333zM16.683%2020.277v-4.661c0%200%200.011-0.075%200-0.181-0.032-0.309-0.128-0.885-0.811-0.747-0.192%200.043-0.373%200.096-0.544%200.171-0.448%200.181-0.843%200.469-1.141%200.832%200.235-0.117%200.48-0.203%200.747-0.256%200.459-0.096%200.395%200.299%200.395%200.299v4.661c0%200-0.011%200.075%200%200.181%200.032%200.309%200.128%200.885%200.811%200.747%200.192-0.043%200.373-0.096%200.544-0.171%200.448-0.181%200.843-0.469%201.141-0.832-0.235%200.117-0.48%200.203-0.747%200.256-0.469%200.096-0.395-0.299-0.395-0.299zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667%200%202.048%200.587%203.947%201.579%205.568l-1.291%204.8%204.8-1.291c1.632%201.003%203.531%201.589%205.579%201.589%205.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-1.707%200-3.392-0.48-4.875-1.387l-0.491-0.299-3.125%200.843%200.693-2.571%200.149-0.555-0.299-0.491c-0.907-1.472-1.387-3.157-1.387-4.875%200-5.141%204.192-9.333%209.333-9.333s9.333%204.192%209.333%209.333c0%205.141-4.192%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.help a::after {
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.181-9.333%209.333-9.333c5.152%200%209.333%204.181%209.333%209.333s-4.181%209.333-9.333%209.333zM16%2018.667c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333zM15.595%2010.635c-0.587%200.064-1.6%200.341-2.208%200.725-0.267%200.181-0.363%200.331-0.363%200.523%200%200.341%200.405%200.875%200.683%200.875%200.245%200%200.96-0.736%202.219-0.736%200.843%200%201.376%200.267%201.376%200.779%200%200.523-0.128%200.672-1.173%201.28-1.227%200.725-1.461%201.205-1.461%201.749%200%200.8%201.035%201.472%201.749%201.653%200%200-0.341-1.077-0.341-1.461%200-0.469%200.843-0.736%201.803-1.333%201.088-0.672%201.323-1.184%201.355-1.771%200.064-1.291-1.824-2.464-3.637-2.283z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.contact a::after {
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM21.333%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM26.667%207.872h-21.333c-0.373%200-0.661%200.299-0.661%200.661v14.4c0%200.363%200.299%200.672%200.672%200.672h6.272v3.605c0%200.277%200.171%200.523%200.437%200.619%200.075%200.032%200.16%200.043%200.235%200.043%200.192%200%200.373-0.085%200.501-0.224l3.531-4.043h10.347c0.373%200%200.672-0.299%200.672-0.672v-14.4c0-0.363-0.299-0.661-0.672-0.661zM26.005%2022.261h-10.005c-0.192%200-0.373%200.085-0.501%200.224l-2.56%202.933v-2.485c0-0.363-0.299-0.672-0.672-0.672h-6.261v-13.056h20v13.056zM10.667%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu a{
		width: calc(( 100vw - 0.5em ) / 3 - 0.5em - 2px);
		padding-top: calc(( 100vw - 0.5em ) / 3 - 2.5em - 2px);
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span{
		top: calc( 50% - 7px );
		left: 50%;
		font-size: 42px;
		transform: translate(-50%,-50%);
		white-space: nowrap;
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span::after{
		font-size: 12px;
	}
	div.settingblock ul li dl {
		padding-left: 1em;
	}
	div.settingblock ul li dl dt,
	div.settingblock ul li dl dd {
		line-height: 20px;
	}
	div.settingblock ul li dl dd {
		font-size: 12px;
		color: #555;
	}
	div.settingblock ul li div.familyplus {
		background-position: left center;
		background-size: 40px 40px;
		padding: 0 1em 0 calc( 1em + 40px );
		line-height: 50px;
	}
	div.settingblock ul li div.wc_switcharea{
		padding: 5px 0;
		margin-right: 5px;
	}
	div.settingblock div.btnarea button,
	div#familyplus div.btnarea button{
		line-height: 36px;
	}
	.videoinfo > dl {
		margin: 1em 1em 0 1em;
	}
	.information > dl > dt {
		font-weight: 700;
		padding: 1em;
	}
	.information > dl > dd ul {
		list-style: none;
		list-style-position: outside;
	}
	.information > dl > dd ul {
		list-style: none;
		list-style-position: outside;
		border-bottom: solid 1px #dbdbdb;
	}
	.information > dl > dd ul li{
		background-color: #fff;
		border-top: solid 1px #dbdbdb;
	}
	.information > dl > dd ul li a {
		display: block;
		text-decoration: none;
		color: #000;
		padding: 0.5em 1em;
	}
	.information > dl > dd ul.helplist li a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 50px;
		box-sizing: border-box;
		padding: 0.25em 50px 0.25em 1em;
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M14.271%2025.428c-0.313%200.313-0.722%200.468-1.132%200.468s-0.818-0.156-1.132-0.469c-0.624-0.624-0.624-1.636%200-2.261l7.166-7.166-7.165-7.167c-0.624-0.624-0.624-1.636%200-2.26%200.626-0.626%201.637-0.626%202.262-0.001l9.428%209.428-9.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E');
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}
	.information > dl > dd ul li a div {
		line-height: 1.2em;
	}
	.information > dl > dd ul li a time {
		font-size: 12px;
		opacity: 0.7;
	}
	.infodetails dl {
		padding: 1em;
		background-color: #fff;
		border-bottom: solid 1px #dbdbdb;
	}
	.infodetails dl dt p {
		font-weight: 700;
		font-size: 16px;
	}
	.infodetails dl dt time {
		font-size: 12px;
		opacity: 0.7;
	}
	.infodetails dl dd {
		padding-top: 1em;
		line-height: 1.8em;
	}
}
@media (orientation: landscape) and (max-width:568px){
	div.loginblock{
		flex-diretion: row;
	}
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
	div.loginblock{
		flex-diretion: row;
	}
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
	
	/*タブレット用横向きのスタイルをここに記載*/
	
}
@media screen and (min-width:1100px){
	div.loginblock{
		width: 800px;
		margin: 100px auto 0 auto;
	}
	div.loginblock > *{
		width: 400px;
		box-sizing: border-box;
	}
	div.loginblock figure{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0 50px;
	}
	div.loginblock figure picture{
		margin: auto;
	}
	div.loginblock > div{
		border-left: solid 1px #dbdbdb;
		padding-top: 1em;
		padding-bottom: 2em;
		margin: 2em 0;
	}
	div.loginblock div.checkarea,
	div.loginblock div.btnarea {
		width: 240px;
	}
	div.sidecolumn ul.btnlist li {
		margin-bottom: 0.5em;
	}
	div.sidecolumn ul.btnlist li a {
		line-height: 60px;
		font-size: 18px;
		padding: 0 1em 0 60px;
		background-position: 10px center;
		background-size: 40px 40px;
	}
	div.sidecolumn ul.btnlist li a:hover{
		
	}
	div.sidecolumn ul.btnlist li:hover a.album{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.112%2018.059c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333%200.597%201.333%201.333%201.333zM4.267%2024.672h18.133v-12h-18.133v12zM5.6%2014.005h15.467v9.333l-5.909-5.909-3.648%204.512-3.168-2.261-2.741%203.648v-9.323zM9.6%207.339v1.333h16.8v10.667h1.333v-12h-18.133zM6.933%2011.339h16.8v10.667h1.333v-12h-18.133v1.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.sidecolumn ul.btnlist li:hover a.contactbook{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.072%2013.771h-4v4h4v-4zM11.072%2020.437h9.867v-1.333h-9.867v1.333zM11.072%2023.104h9.867v-1.333h-9.867v1.333zM16.405%2017.771h4.533v-1.333h-4.533v1.333zM18.763%206.272h-10.357v19.467h15.2v-14.635l-4.843-4.832zM18.763%208.149l2.955%202.955h-2.955v-2.955zM22.272%2024.405h-12.533v-16.8h7.691v4.843h4.843v11.957zM16.405%2015.104h4.533v-1.333h-4.533v1.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.sidecolumn ul.btnlist li:hover a.videochat{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.293%2013.653l-1.877%200.576c-0.171%200.053-0.405%200.107-0.64%200.139v-1.824c0-0.363-0.299-0.672-0.672-0.672h-8.853c-0.352%200.011-0.651%200.309-0.651%200.672v6.912c0%200.363%200.299%200.672%200.672%200.672h8.853c0.363%200%200.672-0.299%200.672-0.672v-1.824c0.235%200.032%200.459%200.085%200.64%200.139l1.877%200.576c0.352%200.107%200.64-0.107%200.64-0.469v-3.755c-0.021-0.373-0.309-0.576-0.661-0.469zM26.667%2016c0-5.888-4.779-10.667-10.667-10.667s-10.667%204.779-10.667%2010.667%204.779%2010.667%2010.667%2010.667c2.048%200%203.947-0.587%205.568-1.579l4.8%201.291-1.291-4.8c1.003-1.632%201.589-3.531%201.589-5.579zM21.909%2023.797l-0.555-0.149-0.491%200.299c-1.472%200.907-3.157%201.387-4.875%201.387-5.141%200-9.333-4.192-9.333-9.333s4.203-9.333%209.344-9.333%209.333%204.192%209.333%209.333c0%201.707-0.48%203.392-1.387%204.875l-0.299%200.491%200.149%200.555%200.693%202.571-2.581-0.693z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.sidecolumn ul.btnlist li:hover a.setting{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2016c2.944%200%205.333-2.389%205.333-5.333s-2.389-5.333-5.333-5.333-5.333%202.389-5.333%205.333%202.389%205.333%205.333%205.333zM20.501%2017.28c-1.28%200.875-2.837%201.387-4.501%201.387s-3.221-0.512-4.501-1.387c-1.92%201.173-3.328%203.072-3.872%205.312%201.952%202.475%204.971%204.075%208.373%204.075s6.421-1.6%208.373-4.075c-0.544-2.251-1.963-4.139-3.872-5.312z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.sidecolumn ul.btnlist li:hover{
		background-color: #e8599a;
	}
	div.sidecolumn ul.btnlist li:hover a{
		background-color: rgba(0,0,0,0);
		color: #fff;
	}
	.over[swipemenu] > div.swipebtncontainer > div.swipebtninner {
		padding: 0;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu{
		overflow: hidden;
		box-sizing: border-box;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before,
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::after{
		top: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 6 * 1.5);
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu::before{
		font-size: 30px;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem{
		float: left;
		width: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 6 - 1px);
		height: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 6 - 1px);
		margin-right: 1px;
		margin-bottom: 1px;
	}
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(1),
	div.swipemenuwrap[swipemenuwrap="photoalbum"] div.swipemenu > div.galleryitem:nth-child(10n) + div.galleryitem{
		width: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 6 * 3 - 1px);
		height: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 6 * 3 - 1px);
	}
	[swipemenu]{
		top: 100px;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner div.plusbtn{
		font-size: 18px;
		line-height: 36px;
		height: 36px;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn{
		font-size: 18px;
		width: 4em;
		padding: 0;
		height: 36px;
		margin: 0;
	}
	[swipemenu] > div.swipebtncontainer > div.swipebtninner .swipemenubtn::after{
		font-size: 12px;
	}
	div.albumyear {
		font-size: 16px;
		line-height: 24px;
		padding: 0;
	}
	div.albumyear::after{
		font-size: 12px;
	}
	div.settingblock {
		padding-bottom: 2em;
	}
	div.settingblock ul.link li.information{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2013.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333zM16.683%2020.277v-4.661c0%200%200.011-0.075%200-0.181-0.032-0.309-0.128-0.885-0.811-0.747-0.192%200.043-0.373%200.096-0.544%200.171-0.448%200.181-0.843%200.469-1.141%200.832%200.235-0.117%200.48-0.203%200.747-0.256%200.459-0.096%200.395%200.299%200.395%200.299v4.661c0%200-0.011%200.075%200%200.181%200.032%200.309%200.128%200.885%200.811%200.747%200.192-0.043%200.373-0.096%200.544-0.171%200.448-0.181%200.843-0.469%201.141-0.832-0.235%200.117-0.48%200.203-0.747%200.256-0.469%200.096-0.395-0.299-0.395-0.299zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667%200%202.048%200.587%203.947%201.579%205.568l-1.291%204.8%204.8-1.291c1.632%201.003%203.531%201.589%205.579%201.589%205.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-1.707%200-3.392-0.48-4.875-1.387l-0.491-0.299-3.125%200.843%200.693-2.571%200.149-0.555-0.299-0.491c-0.907-1.472-1.387-3.157-1.387-4.875%200-5.141%204.192-9.333%209.333-9.333s9.333%204.192%209.333%209.333c0%205.141-4.192%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.help{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.181-9.333%209.333-9.333c5.152%200%209.333%204.181%209.333%209.333s-4.181%209.333-9.333%209.333zM16%2018.667c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333zM15.595%2010.635c-0.587%200.064-1.6%200.341-2.208%200.725-0.267%200.181-0.363%200.331-0.363%200.523%200%200.341%200.405%200.875%200.683%200.875%200.245%200%200.96-0.736%202.219-0.736%200.843%200%201.376%200.267%201.376%200.779%200%200.523-0.128%200.672-1.173%201.28-1.227%200.725-1.461%201.205-1.461%201.749%200%200.8%201.035%201.472%201.749%201.653%200%200-0.341-1.077-0.341-1.461%200-0.469%200.843-0.736%201.803-1.333%201.088-0.672%201.323-1.184%201.355-1.771%200.064-1.291-1.824-2.464-3.637-2.283z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.contact{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM21.333%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM26.667%207.872h-21.333c-0.373%200-0.661%200.299-0.661%200.661v14.4c0%200.363%200.299%200.672%200.672%200.672h6.272v3.605c0%200.277%200.171%200.523%200.437%200.619%200.075%200.032%200.16%200.043%200.235%200.043%200.192%200%200.373-0.085%200.501-0.224l3.531-4.043h10.347c0.373%200%200.672-0.299%200.672-0.672v-14.4c0-0.363-0.299-0.661-0.672-0.661zM26.005%2022.261h-10.005c-0.192%200-0.373%200.085-0.501%200.224l-2.56%202.933v-2.485c0-0.363-0.299-0.672-0.672-0.672h-6.261v-13.056h20v13.056zM10.667%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul{
		width: 750px;
		margin-right: auto;
		display: flex;
		flex-wrap: wrap;
	}
	div.settingblock > ul li{
		margin: 30px 15px 0 15px;
		width: 120px;
	}
	div.settingblock form ul li{
		width: calc( 50% - 1em);
		margin: 1em 0.5em 0 0.5em;
		border-radius: 10px;
		background-color: #fff;
		padding: 1em;
		box-sizing: border-box;
	}
	div.settingblock ul li figure,
	div.settingblock ul li figure img{
		width: 120px;
		height: 120px;
	}
	div.settingblock ul li dl {
		padding-top: 10px;
	}
	div.settingblock ul li dl dt,
	div.settingblock ul li dl dd {
		line-height: 20px;
		text-align: center;
	}
	div.settingblock ul li dl dd {
		font-size: 12px;
		color: #555;
	}
	div.settingblock ul li div.familyplus {
		background-position: center top;
		background-size: 120px 120px;
		padding: 130px 1em 1em;
		line-height: 40px;
	}
	div.settingblock div.btnarea {
		width: 750px;
		margin-right: auto;
		padding-top: 2em;
	}
	div.settingblock div.btnarea button {
		line-height: 40px;
	}
	div.settingblock ul.link li{
		margin: 1em 0.5em 0;
		width: calc(( 100% / 3 ) - 1em );
		border-radius: 10px;
		background-color: #fff;
	}
	div.settingblock ul.link li a{
		padding-top: calc( 100% - 4em );
		padding-bottom: 2em;
		line-height: 1em;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	div.settingblock ul.link li a::before,
	div.settingblock ul.link li a::after {
		content: '';
		position: absolute;
		width: 120px;
		height: 120px;
		display: block;
		left: 50%;
		top: 2em;
		transform: translate(-50%, 0);
	}
	div.settingblock ul.link li a::before {
		z-index: -2;
		border-radius: 50%;
		background-color: #e8599a;
	}
	div.settingblock ul.link li a::after {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80px 80px;
		z-index: -1;
	}
	div.settingblock ul.link li.information a::after {
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2013.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333zM16.683%2020.277v-4.661c0%200%200.011-0.075%200-0.181-0.032-0.309-0.128-0.885-0.811-0.747-0.192%200.043-0.373%200.096-0.544%200.171-0.448%200.181-0.843%200.469-1.141%200.832%200.235-0.117%200.48-0.203%200.747-0.256%200.459-0.096%200.395%200.299%200.395%200.299v4.661c0%200-0.011%200.075%200%200.181%200.032%200.309%200.128%200.885%200.811%200.747%200.192-0.043%200.373-0.096%200.544-0.171%200.448-0.181%200.843-0.469%201.141-0.832-0.235%200.117-0.48%200.203-0.747%200.256-0.469%200.096-0.395-0.299-0.395-0.299zM16%205.333c-5.888%200-10.667%204.779-10.667%2010.667%200%202.048%200.587%203.947%201.579%205.568l-1.291%204.8%204.8-1.291c1.632%201.003%203.531%201.589%205.579%201.589%205.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-1.707%200-3.392-0.48-4.875-1.387l-0.491-0.299-3.125%200.843%200.693-2.571%200.149-0.555-0.299-0.491c-0.907-1.472-1.387-3.157-1.387-4.875%200-5.141%204.192-9.333%209.333-9.333s9.333%204.192%209.333%209.333c0%205.141-4.192%209.333-9.333%209.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.help a::after {
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%205.333c-5.888%200-10.667%204.779-10.667%2010.667s4.779%2010.667%2010.667%2010.667c5.888%200%2010.667-4.779%2010.667-10.667s-4.779-10.667-10.667-10.667zM16%2025.333c-5.152%200-9.333-4.181-9.333-9.333s4.181-9.333%209.333-9.333c5.152%200%209.333%204.181%209.333%209.333s-4.181%209.333-9.333%209.333zM16%2018.667c-0.736%200-1.333%200.597-1.333%201.333s0.597%201.333%201.333%201.333c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333zM15.595%2010.635c-0.587%200.064-1.6%200.341-2.208%200.725-0.267%200.181-0.363%200.331-0.363%200.523%200%200.341%200.405%200.875%200.683%200.875%200.245%200%200.96-0.736%202.219-0.736%200.843%200%201.376%200.267%201.376%200.779%200%200.523-0.128%200.672-1.173%201.28-1.227%200.725-1.461%201.205-1.461%201.749%200%200.8%201.035%201.472%201.749%201.653%200%200-0.341-1.077-0.341-1.461%200-0.469%200.843-0.736%201.803-1.333%201.088-0.672%201.323-1.184%201.355-1.771%200.064-1.291-1.824-2.464-3.637-2.283z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.settingblock ul.link li.contact a::after {
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM21.333%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333zM26.667%207.872h-21.333c-0.373%200-0.661%200.299-0.661%200.661v14.4c0%200.363%200.299%200.672%200.672%200.672h6.272v3.605c0%200.277%200.171%200.523%200.437%200.619%200.075%200.032%200.16%200.043%200.235%200.043%200.192%200%200.373-0.085%200.501-0.224l3.531-4.043h10.347c0.373%200%200.672-0.299%200.672-0.672v-14.4c0-0.363-0.299-0.661-0.672-0.661zM26.005%2022.261h-10.005c-0.192%200-0.373%200.085-0.501%200.224l-2.56%202.933v-2.485c0-0.363-0.299-0.672-0.672-0.672h-6.261v-13.056h20v13.056zM10.667%2017.067c0.736%200%201.333-0.597%201.333-1.333s-0.597-1.333-1.333-1.333-1.333%200.597-1.333%201.333c0%200.736%200.597%201.333%201.333%201.333z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu a{
		width: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 7 - 1em - 2px);
		padding-top: calc((( 100vw - 350px ) - (( 100vw - 1100px ) / 2 )) / 7 - 2.5em - 2px);
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span{
		top: calc( 50% - 7px );
		left: 50%;
		font-size: 42px;
		transform: translate(-50%,-50%);
		white-space: nowrap;
	}
	.swipemenuwrap[swipemenuwrap="contactbook"] .swipemenu span::after{
		font-size: 12px;
	}
	.videoinfo > dl {
		margin: 1em 1em 0 1em;
	}
	.information,
	.infodetails {
		width: calc(( 100vw - 350px ) - ( 100vw - 1100px ));
	}
	.information > dl > dt {
		font-weight: 700;
		padding: 1em;
	}
	.information > dl > dd ul {
		list-style: none;
		list-style-position: outside;
	}
	.information > dl > dd ul {
		list-style: none;
		list-style-position: outside;
	}
	.information > dl > dd ul li{
		background-color: #fff;
		border: solid 1px #dbdbdb;
		margin-bottom: 1em;
	}
	.information > dl > dd ul li a {
		display: block;
		text-decoration: none;
		color: #000;
		padding: 0.5em 1em;
	}
	.information > dl > dd ul.helplist li a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 50px;
		box-sizing: border-box;
		padding: 0.25em 50px 0.25em 1em;
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M14.271%2025.428c-0.313%200.313-0.722%200.468-1.132%200.468s-0.818-0.156-1.132-0.469c-0.624-0.624-0.624-1.636%200-2.261l7.166-7.166-7.165-7.167c-0.624-0.624-0.624-1.636%200-2.26%200.626-0.626%201.637-0.626%202.262-0.001l9.428%209.428-9.428%209.428z%22%20%2F%3E%3C%2Fsvg%3E');
		background-position: right 5px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}
	.information > dl > dd ul li a div {
		line-height: 1.2em;
	}
	.information > dl > dd ul li a time {
		font-size: 12px;
		opacity: 0.7;
	}
	.infodetails dl {
		padding: 1em;
		background-color: #fff;
		border: solid 1px #dbdbdb;
	}
	.infodetails dl dt p {
		font-weight: 700;
		font-size: 16px;
	}
	.infodetails dl dt time {
		font-size: 12px;
		opacity: 0.7;
	}
	.infodetails dl dd {
		padding-top: 1em;
		line-height: 1.8em;
	}
}