@charset "utf-8";
/* CSS Document */

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*================================================
 *  一般・共通設定
 ================================================*/
html {
	font-size:62.5%;
}
body {
	width:100%;
	margin:0;
	padding:0;
	font-size:1.8rem;/* 18px*/
	line-height:1.6;/*行間*/
	box-sizing:border-box;
	background:#f2f2f2;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
*, *:before, *:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
#wrapper {
	overflow-x:hidden;
}
.content-inner {
	width:100%;
	margin:0 auto;
}
a {
	text-decoration:none;
}
.red {
	color:#F00;
}
@media (min-width:641px) {
.content-inner {
	width:640px;
	margin:0 auto;
}
}
/*================================================
 *  ナビ設定
 ================================================*/
#top-navi {
	position:fixed;
	top:0;
	left:auto;
	right:auto;
	width:100%;
	max-width:640px;
	margin:0 auto;
    z-index:4;
}
#top-navi a {
	color:#FFF;
}
.css-12ms6xp {
	width:100%;
    pointer-events:initial;
    display:flex;
    -webkit-box-pack:justify;
    justify-content:space-between;
    position:sticky;
    top:0px;
    padding:16px;
    z-index:5;
}
.css-183g6ri {
	cursor:pointer;
    background-color:rgba(0, 0, 0, 0.2);
    color:rgb(255, 255, 255);
    display:inline-flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
	text-align:center;
    border-radius:50%;
    width:32px;
    height:32px;
	line-height:0;
}
body.fixed {
	position: fixed;
	left: 0;
}
.content {
	display:none;
	position:fixed;
	top:0;
	width:100%;
	height:100vh;
}
.overlay {
	width:100%;
	height:100vh;
}
.modal {
	position:absolute;
	background:#FFF;
	top:48px;
	right:32px;
	transform:translate(-2px, 2px);
	border-radius:12px;
	box-shadow:rgb(0 0 0 / 4%) 0px 0px 4px 0px, rgb(0 0 0 / 12%) 0px 12px 20px 0px;
}
.css-1s1ckcz {
    display:inline-flex;
    flex-direction:column;
}
.css-1s1ckcz li a {
	display:block;
	width:208px;
	height:56px;
	line-height:1;
	padding:20px 24px;
}
.btn {
	letter-spacing:-0.2em;
	padding-top:1px;
	padding-right:2px;
}
.arrow img {
	width:100%;
	line-height:0;
}
.css-eu9jla {
    font-size:16px;
    font-weight:500;
    color:rgb(10, 44, 47);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
@media (min-width:641px) {
.content {
	top:0;
	width:640px;
	height:100vh;
}
.modal {
	top:24px;
	right:16px;
	transform:translate(-16px, 24px);
}
}
/*================================================
 *  ヘッダー
 ================================================*/
#wrapper-inner {
	width:100%;
	margin:64px auto 0;
}
#wrapper-inner .headimage {
	position:relative;
	width:100%;
	line-height:0;
}
#wrapper-inner .headimage .nopic {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/guard.png);
}
#wrapper-inner .headimage img {
	width:100%;
	line-height:0;
}
.protect {
	line-height:0;
	border-radius:30px 30px 0 0;
}
.protect2 {
	line-height:0;
	border-radius:30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
.user_header_title {
	width:100%;
	background:#FFF;
	padding:2rem 5% 3rem;
	border-radius:0 0 30px 30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
.sitemsg {
	font-size:8.696vw;
	font-weight:bold;
	line-height:1;
	padding:1.5rem 0 2rem;
}
.css-mao36i {
	font-size:3.382vw;
	line-height:1;
	padding-bottom:2rem;
}
.css-asvw0t {
	line-height:1;
	padding-bottom:2rem;
}
.item {
    display:flex;
    -webkit-box-pack:justify;
    justify-content:left;
	font-size:12px;
}
.item li {
	margin-right:14px;
}
.item li p {
	position:relative;
	display:inline-block;
	padding-left:5px;
}
.item li .login {
	position:relative;
	display:inline-block;
    background:#f3d23a;
	flex-shrink:0;
    width:10px;
	height:10px;
	border-radius:50%;
}
.item li .heart {
	position:relative;
	display:inline-block;
    background:#01cb6f;
	color:#01cb6f;
	flex-shrink:0;
    width:8px;
	height:8px;
	margin-top:6px;
	margin-left:5px;
	border-left:solid 1px currentColor;
    border-bottom:solid 1px currentColor;
	transform:rotate(-45deg) scale(1);
}
.item li .heart:before {
	position:absolute;
	content:'';
    background:#01cb6f;
	top:-5px;
    left:-1px;
    width:8px;
    height:5px;
	border-top:solid 1px currentColor;
    border-left:solid 1px currentColor;
    border-right:solid 1px currentColor;
    border-radius:5px 5px 0 0;
}
.item li .heart:after {
	position:absolute;
	content:'';
    background:#01cb6f;
	top:0px;
    left:7px;
    width:5px;
    height:8px;
	border-top:solid 1px currentColor;
    border-right:solid 1px currentColor;
    border-bottom:solid 1px currentColor;
    border-radius:0 5px 5px 0;
}
.good {
	position:relative;
	display:inline-block;
	background:url(../images/good.png) no-repeat;
	background-size:contain;
	flex-shrink:0;
    width:10px;
	height:10px
}
@media (min-width:641px) {
.sitemsg {
	font-size:40px;
	padding:1.5rem 0 2rem;
}
.css-mao36i {
	font-size:14px;
	padding-bottom:2rem;
}
}
/*================================================
 *  本文
 ================================================*/
#diaryboxhead {
	width:100%;
	background:#FFF;
	font-size:5.314vw;
	font-weight:bold;
	line-height:1;
	padding:4rem 5% 3rem;
	border-radius:30px 30px 0 0;
	margin-top:1rem;
}
#diaryboxtb {
    display:flex;
    -webkit-box-pack:justify;
	justify-content:space-between;
	align-items:center;
	background:#FFF;
	padding:0 5%;
}
#diaryboxtb .picbox {
	position:relative;
	width:18%;
	margin:10px 0;
}
#diaryboxtb .picbox::before {
	display:block;
	content:'';
	padding-top:100%;
}
#diaryboxtb .picbox img {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	line-height:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#diaryboxtb .kijibox {
	width:65%;
}
#diaryboxtb .kijibox a {
	display:block;
	font-size:3.865vw;
	color:#000;
	font-weight:bold;
}
#diaryboxtb .kijibox a .tab {
	display:block;
	font-size:2.899vw;
	color:#96aaaa;
}
#diaryboxtb .css-1vbsav5 {
	width:10%;
	margin:10px 0;
}
#diaryboxtb .css-1vbsav5 img {
	width:100%;
	line-height:0;
}
#diarybox2 {
	width:100%;
	background:#FFF;
	text-align:center;
	padding:2rem 5% 3rem;
	border-radius:0 0 30px 30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
#diarybox2 a.btn2 {
	background:#e6e6e9;
	font-size:3.623vw;
	color:#000;
	padding:1rem 2rem;
	font-weight:bold;
	border-radius:10px;
}
#prfboxhead {
	width:100%;
	background:#FFF;
	font-size:4.831vw;
	font-weight:bold;
	line-height:20px;
	padding:4rem 5% 1em;
	border-radius:30px 30px 0 0;
	margin-top:1rem;
}
.css-1t864va {
	font-size:3.865vw;
	text-align:left;
	line-height:24px;
	font-weight:500;
}
#prf-entry {
	width:100%;
	background:#FFF;
	padding:2.5rem 5%;
	border-radius:30px;
	margin-top:1rem;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
#prf-entry a {
	position:relative;
	display:block;
	color:#000;
	font-weight:bold;
}
#prf-entry a::before {
	position:absolute;
	content:'＞';
	right:5px;
}
#application {
	width:100%;
	margin-top:2rem;
}
#application .application {
	display:block;
	background:#e6e6e9;
	font-size:4.348vw;
	color:#000;
	line-height:26px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.02em;
	padding:1.6rem 0 1.4rem;
	border-radius:12px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	margin-bottom:2rem;
}

#prfbox {
	width:100%;
	background:#FFF;
	text-align:center;
	padding:0 5% 3.5rem;
	border-radius:0 0 30px 30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
#prfbox2 {
	width:100%;
	background:#FFF;
	padding:0 5% 3.5rem;
	border-radius:0 0 30px 30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
.css-1smcwlo {
	font-size:3.865vw;
    line-height:18px;
    font-weight:700;
    padding:0px 20px;
    margin-bottom:14px;
}
.css-yw92sm {
	padding:0px 20px;
}
.css-11mcum0 {
	display:inline-block;
	width:38%;
	font-size:3.623vw;
	line-height:18px;
	color:#96AAAA;
	vertical-align:top;
}
.css-19n7hpj {
	display:inline-block;
	width:62%;
	font-size:3.623vw;
	line-height:18px;
	vertical-align:top;
	padding-left:10px;
	overflow-wrap:anywhere;
	word-break:break-all;
	margin-bottom:10px;
}
@media (min-width:641px) {
#diaryboxhead {
	font-size:24px;
}
#diaryboxtb .kijibox a {
		font-size:20px;
}
#diaryboxtb .kijibox a .tab {
		font-size:14px;
}
#diarybox2 a.btn2 {
	font-size:16px;
}
#prfboxhead {
	font-size:20px;
}
#prf-entry a {
}
#application .application {
	font-size:26px;
}
.css-1t864va {
	font-size:16px;
}
.css-1smcwlo {
	font-size:16px;
}
.css-11mcum0 {
	font-size:16px;
}
.css-19n7hpj {
	font-size:16px;
}
}
/*================================================
 *  フッター
 ================================================*/
#wrapper-footer-inner {
	width:100%;
	margin:20px auto;
}
.foot-navi {
    display:flex;
    -webkit-box-pack:justify;
	justify-content:center;
}
.css-wakk3o {
	background:#FFF;
	text-align:center;
	border-radius:50%;
	margin-right:12px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
.css-wakk3o:last-child {
	margin-right:0;
}
.css-wakk3o a {
	display:block;
	width:75px;
	height:75px;
	padding:9px 0;
}
.css-1qpdl7i {
	line-height:0;
}
.css-1qpdl7i img {
	width:40px;
	line-height:0;
}
.css-1b2neq7 {
	display:block;
	font-size:2.89vw;
	color:#96AAAA;
	font-weight:bold;
	letter-spacing:-0.1em;
	margin-top:-15px;
}
@media (min-width:641px) {
.css-1b2neq7 {
	font-size:10px;
}
}
/*================================================
 *  別ページ
 ================================================*/
.bloghead {
    display:flex;
    -webkit-box-pack:justify;
	justify-content:space-between;
	align-items:center;
	width:100%;
	background:#FFF;
	padding:2.5rem 5% 2rem;
	border-radius:30px 30px 0 0;
}
.iconbox {
	position:relative;
	width:20%;
	margin:10px 0;
}
.iconbox::before {
	display:block;
	content:'';
	padding-top:100%;
}
.iconbox img {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	line-height:0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.blog-prof {
	width:75%;
	font-size:6.28vw;
	line-height:5.797vw;
	font-weight:bold;
}
.blog-prof .tab {
	display:block;
	font-size:2.899vw;
}
.blogbody {
	width:100%;
	background:#FFF;
	padding:0 5%;
}
.blogbody .blog-title {
    display:flex;
	align-items:center;
	position:relative;
	line-height:1;
	font-weight:bold;
	padding-left:10.145vw;
	padding-bottom:2rem;
}
.blogbody .blog-title::before {
	position:absolute;
	content:'';
	left:0;
	display:inline-block;
	background:url(../images/diary.png) no-repeat;
	background-size:contain;
	width:7.729vw;
	height:8.696vw;
}
.blogbody_mid .picture {
	position:relative;
	width:100%;
	background:#FFF;
	line-height:0;
}
.blogbody_mid .picture .nopic {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/guard.png);
}
.blogbody_mid .picture img {
	width:100%;
	line-height:0;
}
.blogbody_under .blog-txt {
	font-size:3.623vw;
	padding-bottom:1rem;
}
.blogbody_under {
	width:100%;
	background:#FFF;
	padding:1rem 5% 2.5rem;
	border-radius:0 0 30px 30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
.blogbody_under .readmore {
	width:35%;
	margin:0 auto;
}
.blogbody_under .readmore a.btn3 {
    display:flex;
	align-items:center;
	justify-content:center;
	background:#e6e6e9;
	font-size:3.623vw;
	color:#000;
	line-height:3.623vw;
	padding:1.4rem 2rem 1rem;
	font-weight:bold;
	border-radius:10px;
}
.albumbody {
	background:#FFF;
	padding:0 5% 1rem;
}
.albumbody .album-title {
    display:flex;
	align-items:center;
	position:relative;
	line-height:1;
	font-weight:bold;
	padding-left:10.145vw;
	padding-bottom:2rem;
}
.albumbody .album-title::before {
	position:absolute;
	content:'';
	left:0;
	display:inline-block;
	background:url(../images/picture.png) no-repeat;
	background-size:contain;
	width:7.729vw;
	height:8.696vw;
}
.albumbody .album-picture {
    display:flex;
    -webkit-box-pack:justify;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	width:100%;
}
.albumbody .album-picture .box {
	position:relative;
	width:22%;
	line-height:0;
	margin-bottom:1rem;
}
.albumbody .album-picture .box::before {
	display:block;
	content:'';
	padding-top:100%;
}
.albumbody .album-picture .box img {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	line-height:0;
}


@media (min-width:641px) {
.blog-prof {
	font-size:26px;
	line-height:24px;
}
.blog-prof .tab {
	font-size:18px;
}
.blogbody .blog-title {
	font-size:24px;
	padding-left:42px;
}
.blogbody .blog-title::before {
	width:32px;
	height:36px;
}
.blogbody_under .blog-txt {
	font-size:20px;
}
.blogbody_under .readmore a.btn3 {
	font-size:16px;
	line-height:16px;
}
.albumbody .album-title {
	font-size:24px;
	padding-left:42px;
}
.albumbody .album-title::before {
	width:32px;
	height:36px;
}
}
/*================================================
 *  エラーページ
 ================================================*/
.error-headimage {
	position:relative;
	width:100%;
	background:#FFF;
	padding:2.5rem 5%;
	border-radius:30px 30px 0 0;
}
.error-headimage img {
	width:100%;
	line-height:0;
	border-radius:12px;
	filter:grayscale(70%);
}
.message-tab {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:3.623vw;
	color:#FFF;
	letter-spacing:0.1em;
	text-shadow:0 0 10px #ffffbe;
	font-family:'Montagu Slab', serif;
	font-weight:600;
}
.error-body {
	width:100%;
	background:#FFF;
	padding:0 5% 2.5rem;
	border-radius:0 0 30px 30px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
.error-txt {
	text-align:center;
	font-size:4.348vw;
	line-height:18px;
	font-weight:bold;
	margin-bottom:2rem;
}
.error-entry {
	text-align:center;
	line-height:18px;
}
.application {
	display:block;
	background:#00d8e0;
	font-size:6.28vw;
	color:#FFF;
	line-height:26px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.02em;
	padding:1.6rem 0 1.4rem;
	border-radius:12px;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
	margin-bottom:4rem;
}
.flow {
	font-size:3.623vw;
	line-height:15px;
	margin-bottom:2rem;
}
.domain-box {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-left:-1.5rem;
	margin-right:-1.5rem;
}
.domain-box>div.domain-item {
    width:49%;
	margin-bottom:0.5rem;
}
.domain-box>div.domain-item a {
	display:block;
	width:100%;
	color:#00d8e0;
	font-size:14px;
	line-height:14px;
	text-align:center;
	padding:20px 0;
	border:solid 2px #00d8e0;
	border-radius:12px;
}
.domain-box>div.domain-item a:hover {
	color:#F00;
}
textarea {
	width:50%;
	height:20px;
	margin:3px auto;
}
@media (min-width:641px) {
.message-tab {
	font-size:18px;
}
.error-txt {
	font-size:18px;
}
.error-entry {
	line-height:18px;
}
.application {
	font-size:26px;
}
.flow {
	font-size:18px;
	line-height:18px;
}
}