@charset "UTF-8";
/*
Theme Name: forever2023
Description: 
Version: 1.0
Author: Mitsuaki Ishii
Author URI: http://www.inter-plain.com/
*/

/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400&display=swap');
/*

ゴシック系		
明朝系		font-family: 'Noto Serif JP', serif;

*/



* {	margin:0;	padding:0;}
html{margin:0;overflow: auto;}

body {
color:#000;
font-size:90%;
text-align:center;
overflow: hidden;
position: relative;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
    
    


}

body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: url("images/bg_common_01.jpg") no-repeat ;    
background-position: center center;   
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover; 
}


body.custom-background-home:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: url("images/sunset01.jpg") no-repeat center center;
background-position: center center;   
/*
background-position: center center;    
background-attachment: fixed;
*/
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover; 
}

body.custom-background-common:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: url("images/bg_common_01.jpg") no-repeat ;    
background-position: center center;   
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover; 
}

body.custom-background-search:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-image: url("https://forever-2020.com/build2019/wp-content/uploads/images/forev/20191103-IMG_1786-2.jpg"); 
background-position: center center;   
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover; 
}

body.custom-background:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;

background-position: center center;   
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover; 
}


/*
body.custom-background-common-mebg:before,
body.custom-background-common-sebg:before    
 {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;

background-position: center center;   
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover; 
 }
*/




h1, h2, h3, h4, h5, h6 {clear:both;	margin:0;}
h1 {font-size:175%; font-weight:300;margin:0 0 1em 0;}
h2 {font-size:160%;font-weight:300;margin:1.5em 0 0.5em 0;	}
h3 {font-size: 123%;font-weight:500;margin:0 0 0.5em 0;	}
h4 {font-size: 111%;font-weight:500;margin:0 0 0.25em 0;	}
h5 {font-size: 105%;font-weight:500;margin:0 0 0.25em 0;	}
h6 {font-size: 105%;font-weight:500;margin:0 0 0.25em 0;	}

#service.about h1{text-align: center;}

h4.redarr{font-size:100%;color:#e60012;font-weight:500;}  
h4.redarr:before{
display: inline-block;
font-size: 80%;
content: "\25B2";
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}



p {	margin:0 0 1.5em 0;}
pre {overflow:auto;}
small {	font-size: 75%;	font-weight: normal;}
strong{font-weight:700;}
hr{margin:2em 0 1em 0;   border:1px solid #ccc;}

a {	
color: #462caa;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;	
}

p a{display:inline-block;}
a:hover {text-decoration: none;	opacity:0.5;}
a img {border: none; display: block;	transition-duration: 0.3s;	}

img{width:100%;height:auto;}

input[type="submit"]:hover{opacity:0.5;cursor: pointer;}
input::placeholder {font-size:80%;/*  font-style: italic;*/}

/*
.leftbox.photo.displaynone img{display:none;}  
.leftbox.photo.displaynone:after{content:"この画像は表示されません";}  
*/


/*共通クラス*/
.sp{display: block}
.pc{display: none}
.inner{margin:0;}     

.red {color:#e60012;}
.ora{color:#f60}
.blu{color:#000099}
.center {text-align:center;}
.left {	text-align:left;}
.right {text-align:right;}

span.new{ background: #e70012;color:#fff;padding:0 2em;font-size:80%;margin:0 0.5em;width:2em;text-align: center;}
span.br{display:inline-block}
.xllfont{font-size:135%;}
.xlfont{font-size:125%;}
.lllfont{font-size:115%;}
.llfont{font-size:110%;}
.lfont{font-size:105%;}
.sfont{font-size:90%;}
.ssfont{font-size:80%;}
.ssfont{font-size:70%;}

.date{margin:0 0 0.5em 0; font-weight:200;font-size:100%;}
a.post-edit-link{display:inline-block;}
.ms-theme-cubic {padding-bottom:0!important;}


.bgfff{background: #fff;}
.border{border:1px solid #ccc;}
.borderbk{border:1px solid #000;}
.borderred{border:2px solid #f00;}


.waku_bl{padding:0.5em;border:1px solid #000099;color:#000099;}	
.waku_blue{border:2px solid #000099;color:#000;}	
.waku_org{padding:0.5em; border: 3px solid #f6ab00;}
.bg_orange{ background:#fad57d;}



/*　--------------表--------------　*/
.sheet {margin:0 0 2em 0;}
.sheet .shtr {text-align: center;width: 100%;border-bottom:1px solid #f0f0f0;font-size:100%;}
.sheet .shtr:first-child {border-top:1px solid #f0f0f0;}
.sheet .shtr .shtd{display: block;vertical-align: top;padding:0.25em;}

/*キャプション*/
.wp-caption {text-align: left;padding:0}
.wp-caption img {margin:0;	padding: 0;	border: 0 none;}
.wp-caption .wp-caption-text {margin: 0.5em 0 0 0;font-size:90%;color:#000099;line-height:123%;}
input[name="post_password"]{padding:0.5em;}


#page-top {
font-size: 0;
position: fixed;
bottom: 0;
right: 0.25em;
opacity: 0;
}

#page-top.fade-in {
color: #f0f0f0;
padding:0.25em;
font-size: 3em;
opacity: 1;
transition: opacity 1s;

}
#page-top.fade-in:hover {cursor: pointer;opacity: 0.3;}








/* ヘッダー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#header{color:#fff;height:150vh;padding:55% 1em 0 1em;position: relative;display:flex;flex-wrap: wrap;align-items: center;align-content:flex-start;}  
#header > div{flex-basis: 100%;text-align: center;}
#header #site-logo{padding:0 0 1em 0;}
#header #site-logo a{display:inline-block;color:#fff;margin:0;}    
#header #site-logo h1  {font-size:333%;font-weight:300;line-height: 80%;font-family: 'Quicksand', sans-serif;} 
#header #site-logo h1 span{font-size:33%;display:block;}

/*下層ヘッダー*/    
#header_sub{color:#fff;position: fixed;width:100%;padding:0.5em 0 0 0; background: rgba(0,0,0,0.4);z-index:999;}   
#header_sub #site-logo{padding: 0;}
#header_sub #site-logo a{color:#fff;margin:0;display: inline-block;}    
#header_sub #site-logo {font-size:200%;font-weight:300;line-height: 70%;font-family: 'Quicksand', sans-serif;} 
#header_sub #site-logo span{font-size:33%;display:block;}



/* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#description {font-size:135%;margin:0 0 1em 0;}
#toptext{font-size:90%;line-height: 200%;}    

/*middlebox*/
#middlebox{ background: rgba(255,255,255,1);padding:1em;}   
#topslider{margin:0;}


.section_top{text-align: center;}
/*top_about*/
#top_about{padding:3em 1em;color:#fff; }
#top_about h2{font-size:222%;margin:0 0 1em 0;}
#top_about a.more-link{display:block;margin:3em 0 0 0;color:#fff;font-size:100%;text-decoration: underline;}
#top_about .inner p:first-child{font-weight:500;font-size:111%;}


/* top_news */
#top_news{background: rgba(255,255,255,1);padding:1em;}    
#top_news h2{font-family: 'Quicksand', sans-serif;font-size:222%;}
#top_news #article { padding:3em 0 0 0; position: relative;}
#top_news #article dl.item{margin:0 0 2.5em 0;text-align:left;}
#top_news #article dl.item dt{font-size:135%}
#top_news #article dl.item dt a{color:#000;}    
#top_news #article dl.item dd{font-weight:300;}   
#top_news #article dl.item dd .itemtt{font-size:135%;} 
#top_news .andmore{text-align:right;display:block;padding:0 2em 1em 0;}
#top_news .andmore a{color:#000;}    
#top_news span.new{display:inline-block;}

/*下向き矢印*/ 
.arrbox.btm {margin-top:5em; } 
a.down_arrow {color:#fff;font-size:333%;}

/*フッター */
#footer{padding:2em 0 1em 0; }
#footer a{color:#fff;}   
#footer #footermenu{display:flex; justify-content: center;margin:0 ;flex-direction: row;list-style: none;}
#footer #footermenu li{margin:0 0.5em;}

#copyright{  color:#fff;      padding:0 0 5em 0;    text-align: center;	font-size:small;}

/*snsボタン*/   
#snsbtn  {margin:3em 0 0 0;text-align: center;}  
#snsbtn a{font-size:222%;margin:0 0.5em;color:#fff;}  

 /*
===下層===============================================================================================================    
*/   



/*  ページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper{margin:47px auto 0 auto;  }
.section{margin:0 0 2em 0; padding:1.5em 0;position:relative;}
.section p{margin:0 auto 1.5em auto} 

/*#content */
#content{margin:auto;text-align:left;padding:1em;position: relative;background: rgba(255,255,255,0.7);color:#000;}

/*背景なし、テキスト白*/    
#service.search #content,	
#service.memories #content,	
#service.myself #content,

#service.about  #content,    
#membership-login #content,   
#privacypolicy #content,
#terms #content      
{ background:none;color:#fff;}	    

#contact #content,
#mypage #content
{ background:rgba(0,0,0,0.3);color:#fff;}	  


/*リストマーク*/
#content ul{margin:0 0 2em 1.5em;}
#content ul li{margin:0 0 0.25em 0;}

#content ol{margin:0 0 1.5em 1em;}
#content ol li{margin:0 0 0.5em 0;text-align: left; }
#content ol li ol {margin:1em 0 1em 1.5em;}
#content ol li ol li{list-style: decimal-leading-zero;}
#content ol li ol li ol li{list-style: lower-roman;}

/*リストマーク  ※ 印*/
#content ul.ast{list-style: none;margin:0 0 1em 0em;}
#content ul.ast li{margin:0 0 0.5em 0;text-align: left; padding-left: 1.1em;   text-indent: -1.1em;}
#content ul.ast li:before{content:"\203B";font-size:100%;color:#666; margin:0 0.1em 0 0;}
#content ul li ul.ast{margin:1em 0;font-size:80%;}

#content ul.arr li:before
{margin:0 1.25em 0 0;
display: inline-block;
font-size: 80%;
content: "\25B2";
position: relative;
top: 0.75em;
left: 0.5em;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}

/*赤*/
#content ul.ast.red li{color:#e60012}
#content ul.ast.red li:before{color:#e60012;}

/*オレンジ*/
#content ul.ast.ora li{color:#f60}
#content ul.ast.ora li:before{color:#f60;}



/*リストマーク  ■ 印*/
#content ul.squ{list-style: none;}
#content ul.squ li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;   text-indent: -1em;line-height:120%;}
#content ul.squ li:before{content:"\25A0";font-size:100%; margin:0 0.1em 0 0;}


#itemlist ul{list-style: none;margin:0;}
#itemlist ul a{border:1px solid #009;text-decoration: none;padding:0.5em;border-left:10px solid #009;}

#content a.linkbtn{padding:0.5em 0;margin:1em auto 0 auto;border-radius:0.25em;display:block;text-align:center; font-weight:300;font-size:90%;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
}


/*ニュース archive*/
#yeartt {font-size:145%;color:#000099;border:3px solid #f6ab00;padding:0.5em 1em;font-weight:500;margin:0 0 2em 0;}  
#newsitembox dl.item{ display:flex;justify-content: space-between;flex-direction: column;border-bottom:1px solid #d2cecb;margin:0 0 3em 0;padding:0 0 1em 0;}  
#newsitembox dl.item dt{font-weight:500;}
#newsitembox dl.item dd{}

/*サイドバー*/
#sidebar{flex-basis: 33%;}  
#sidebar select{width:90%;position: relative;}
#sidebar select option{padding:0.5em;font-size:120%;} 
#sidebar h3{ background: #009;color:#fff;padding:0.5em;margin:0 0 0.25em 0;font-weight:500;font-size:125%} 
#sidebar h3 span{border-bottom:1px solid #fff;}  
#sidebar .sidebox{background: #eeedeb;margin:0 0 2em 0;padding:0 0 0.5em 0;display:block;}
#sidebar .sidebox ul#yearlist {margin:0 1em;list-style: none;}   
#sidebar .sidebox ul#yearlist li{margin:0 0 0.25em 0;}  
#sidebar .sidebox ul#yearlist li:before{

display: inline-block;
font-size: 90%;
content: "\25B2";
color:#009;
position: relative;
top:0;
left:0;
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);} 
#sidebar .sidebox ul li a{display:inline-block;margin:0 0 0 1em;}    
#sidebar .sidebox dl{margin:0 1em 2em 1em;}   
#sidebar .sidebox dl dt{margin:0 0 0.25em 0;}     

/*ページナビ*/
#pagenavi{margin:0 0 2em 0; font-size:135%;font-weight:500; line-height:100%;}   
#pagenavi .wp-pagenavi{display:flex;justify-content: center;align-items: center;}
#pagenavi span.current {margin:0 0.5em;color:#c2bebb;}    
#pagenavi span.extend  { margin:0 0.5em;color:#c2bebb;position: relative;top:-0.25em;}      
#pagenavi .wp-pagenavi a{margin:0 0.5em}  
#pagenavi .nextpostslink,#pagenavi .previouspostslink {font-size:80%;padding:0.25em; background:#c2bebb;color:#fff; border-radius:0.25em} 
#pagenavi .wp-pagenavi a.last,#pagenavi .wp-pagenavi a.first    {font-size:125%;}   


/*-----------------------------
ギャラリー
------------------------------*/
.gallery {  margin:0 0 2em 0;  display:flex;justify-content: left;flex-flow: row wrap; align-items: stretch;}
.gallery br {display: none;} 
.gallery-item {margin: 0 0.25em 0.5em 0.25em;display:flex;flex-flow: column wrap; align-items:flex-start;position: relative;}
.gallery-item dt,
.gallery-item dt a{height:100%;}  
.gallery-icon img {	height: 100%;    object-fit: cover;}
.gallery-item dd{position: absolute;bottom:0;left:0;right:0;width:100%;}   
.gallery-caption {  font-size: 80%;  color:#ccc;  margin: 0 0 0.25em 0;    text-align: center;}    

.gallery-columns-1 .gallery-item ,
.gallery-columns-2 .gallery-item ,
.gallery-columns-3 .gallery-item ,
.gallery-columns-4 .gallery-item ,
.gallery-columns-5 .gallery-item { /** 5カラム **/
flex-basis: 48%;
}



/*動画*/
.mv_wrap{display:flex;justify-content: flex-start;flex-flow: row wrap;}
.mv_wrap .mv{flex-basis:48%;margin:0 1% 1em 0;}
.mv_wrap .mv video{width:100%;}










/*サービス*/  
.linkbox.fwrapc{display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;margin:4em 0 0 0;}    
.linkbox.fwrapc a{width:85%;margin:0 auto 0.75em auto;padding:0.5em 0; background: #fff;border-radius:3em;text-align: center;  color:#000;font-weight:300;font-fize:123%;}

/*Foreverについて*/
#service.about .section{margin:3em 0 0 0;}
#service.about h2{margin:3em 0;text-align: center;}  
#service.about .section p{text-align:center;line-height:222%;  margin:0 0 2em 0;  font-size:111%;}
#service.about .section p:first-child{font-size:111%;font-weight:700;}

/*よくあるご質問　　アコーディオン  Q&A  */
#faq #content .section h2:first-child{margin-top:0;}
#content dl.accbox.qa{margin:auto;width:95%;}
#content .accbox.qa dt{ display:block;  cursor:pointer;  padding:0; margin:0 0 0.5em 0; font-size:111%; font-weight: 300;  padding-left: 1.4em;    text-indent: -1.4em;}
#content .accbox.qa dt.active{font-weight:500;color:#462caa}    
#content .accbox.qa dt:before{content:"Q"; background: #462caa;padding:0 0.35em;border-radius:0.25em;color:#fff;font-size:80%;}
#content .accbox.qa dt.active:before{background: #462caa;color:#fff;}
#content .accbox.qa dd{ display:block; background:rgba(255,255,255,0.5);	padding:1em;  margin:0 0 1.5em 1.6em;display:none;   border-radius:5px;}

/*利用規約、プライバシーポリシー*/	
#terms h2,
#privacypolicy h2
{font-size:111%;margin:0 0 0.25em 0;font-weight:500;}
#sign{}
#sign dl{display:flex;flex-flow: row wrap;}
#sign dl dt{flex-basis: 18%;}

/* ご利用案内------------------------------------------------------ */      
#whatyoucando{border:1px solid #000;margin:0 0 2em 0;}
#whatyoucando .youcanwrap{display:flex;justify-content: space-between;flex-flow: row nowrap;border-bottom:1px dotted #000;}
#whatyoucando .youcanwrap:first-child{font-weight:500;}   
#whatyoucando .youcanwrap:last-child{border: none;}    
#whatyoucando .youcando{flex-basis: 34%;padding:0.5em;}
#whatyoucando .item {flex-basis: 22%;padding:0.5em;text-align: center;border-left:1px dotted #000;}     
  
#content .useinfo{}
#content .useinfo dt{ display:block;  cursor:pointer;  padding:0; margin:0 0 0.5em 0; font-size:111%; font-weight: 300;  padding-left: 1.4em;    text-indent: -1.4em;}
#content .useinfo dt:before{content:"\30fb";}


#content .useinfo dt.active{font-weight:500;color:#462caa}    
#content .useinfo dt:after{content:"↓"; background: #fff;padding:0 0.35em;border-radius:0.25em;color:#462caa;font-size:80%;margin:0 0 0 0.5em}
#content .useinfo dt.active:after{content:"↑"; background: #462caa;color:#fff;}
#content .useinfo dd{ display:block; background:rgba(255,255,255,0.5);	padding:1em;  margin:0 0 1.5em 0;display:none;   border-radius:5px;}




#riyou_my_public{padding:1em 0 0 0;}
#riyou_my_public p {padding-left:1em;text-indent:-1em;}



/*検索窓*/
#searchbox{margin:3em 0;text-align: center;}
#searchbox input[type="text"]{padding:0.5em;border:1px solid #ccc;border-radius:0.25em;font-size:125%;width:80%;margin:0 0.5em 2em 0;}
#searchbox input[type="submit"]{padding:0.4em 5em;border:1px solid #ccc;border-radius:0.25em;font-size:125%;}
#searchbox input[type="submit"]:hover{cursor: pointer;background: #462caa;color:#fff;}
#searchbox input::placeholder {  color: #ccc;  font-size: 90%;font-weight:300;  font-style: italic;}

 /*検索結果*/  
#searchwords{margin:0 0 2em 0;font-size:123%;}   
#search .searchpost {margin:0 0 1em 0;}
#search .searchpost h3{font-weight:500;margin:0 0 0.25em 0;}
#search .searchpost h3 span{font-size:80%;font-weight:300;margin:0;display:block;}
.searchpost {display:flex;justify-content: space-between;flex-flow: row nowrap;}
.searchthumb{flex-basis: 13%;}
.searchtext{flex-basis: 85%;}
.searchtext p{margin:0;display:inline-block;}
.searchtext .retext{display:block;margin:0 0 0.25em 0;}  
.searchtext .postmetadata{display:inline-block;}
#search p.s_message{font-size:123%;}
#search .kensuu{margin:2em 0 0 0}   
    
/* ページ作成メニュー */      
#service.making .section{padding:0;}
#service.making h2{font-size:145%;border:1px solid #000;padding:0.75em;margin:0;} 
#service.making .fwrap{display:flex;justify-content: space-between;flex-flow: row nowrap;margin:0;border:1px solid #000;border-top:none; align-items: stretch;}


#service.making .fwrap .mktext{padding:0.5em ;}
#service.making .fwrap .mktext.full{flex-basis: 100%;border:none;}
#service.making .fwrap .mktext.long{flex-basis: 80%;}
#service.making .fwrap .mktext.short{flex-basis: 55%;}
#service.making .fwrap .op_price{padding:0.5em ;flex-basis: 20%;text-align: center;border-left:1px solid #000;display:flex;justify-content: center; align-items: center;}
#service.making .fwrap .btn_box{flex-basis: 20%;text-align: center;padding:0.5em 0.25em;border-left:1px solid #000; display:flex;justify-content: center; align-items: center;}
#service.making .fwrap .btn_box .swpm-payment-button{width:84%;}
#service.making .fwrap .btn_box a.bluebtn{width:80%;border-radius:0.25em; background: #05a6f6;color:#fff;display:block;margin:auto;padding:0.25em;font-size:100%;}

#service.making .fwrap .btn_box input[type="submit"]   {background: #eb70aa;border:1px solid #eb70aa;width:100%!important;padding:0.25em;border-radius:0.25em; color:#fff;font-size:103%;}

#service.making #content ul.ast {  font-size:90%;  list-style: none;    margin: 0;}

#service.making .btn_box .grayout{width:80%;border-radius:0.25em; background: rgba(0,0,0,0.1);color:#fff;display:block;margin:auto;padding:0.25em;font-size:100%;}   



/*
#service.making .btn_box .grayout{display:none;}
#service.making .fwrap .btn_box input[type="submit"]   {display:none;}
*/





/* ログイン------------------------------------------------------ */    
#login_wrap{display: flex;justify-content: space-between;flex-flow: column nowrap;}
#login_wrap a{color: #c5c7fb;}
#login_wrap h2{margin-top:0;}

#mypage #content a{color: #c5c7fb;}
#mypage #content a.simplefavorite-button{color:#fff;}

#login{padding:1em; background: rgba(0,0,0,0.4);border-radius: 0.5em;margin:0 0 0.5em 0;}
#regist{padding:1em;background: rgba(0,0,0,0.4);border-radius: 0.5em;margin:0 0 0.5em 0;}


#swpm-registration-form input{
border: 1px solid #fff;
background: #fff;
border-radius: 0.25em;
margin-top: 0;
padding: 0.25em;
font-size:123%;
font-weight:300;
/*    width:45%;*/
}  

#swpm-registration-form input#accept_terms{margin:2em 0 0 0;}
#swpm-registration-form input#accept_terms, 
#swpm-registration-form input#accept_pt{width:inherit;}  

#swpm-login-form input,
#swpm-pw-reset-form input,
#swpm-editprofile-form input{ 
border: 1px solid #fff;
background: #fff;
border-radius: 0.25em;
margin-top: 0;
padding: 0.25em;
font-size:123%;
font-weight:300;
}  

/*非表示*/ 
#swpm-login-form .swpm-join-us-link,/*ログイン会員について　*/
#swpm-editprofile-form .swpm-profile-country-row,/*マイページ　国*/
#swpm-editprofile-form .swpm-profile-company-row,/*マイページ　Company Nme*/
#swpm-editprofile-form .swpm-profile-phone-row,
#swpm-editprofile-form .swpm-profile-zipcode-row,
#swpm-editprofile-form .swpm-profile-state-row,
#swpm-editprofile-form .swpm-profile-city-row,
#swpm-editprofile-form .swpm-profile-street-row,
#swpm-editprofile-form .swpm-profile-lastname-row,
#swpm-editprofile-form .swpm-profile-firstname-row
{display:none;}

#swpm-registration-form td,#swpm-login-form td {text-align: left;}    
#swpm-login-form .swpm-login-action-msg{margin:1em 0 0 0;color:#f00;}

/*submitボタン*/   
#swpm-login-form input[type="submit"],
#swpm-pw-reset-form input[type="submit"],
#swpm-editprofile-form input[type="submit"]
{margin:2em 0 1em 0;width:48%;}

#swpm-registration-form input[type="submit"]:hover,
#swpm-login-form input[type="submit"]:hover,
#swpm-pw-reset-form input[type="submit"]:hover,
#swpm-editprofile-form input[type="submit"]:hover    
{ cursor:pointer; opacity:0.5;}    
.swpm-login-submit,.swpm-forgot-pass-link{text-align:center;}


/*新規登録画面並び替え*/    
#swpm-registration-form tbody{display:flex; flex-flow: column wrap;}  


.swpm-registration-lastname-row{-webkit-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;}
.swpm-registration-firstname-row{-webkit-box-ordinal-group:2;  -ms-flex-order:2;  -webkit-order:2;  order:2;}
.swpm-registration-username-row{-webkit-box-ordinal-group:3;  -ms-flex-order:3;  -webkit-order:3;  order:3;}
.swpm-registration-email-row{-webkit-box-ordinal-group:4;  -ms-flex-order:4;  -webkit-order:4;  order:4;}
.swpm-registration-password-row{-webkit-box-ordinal-group:5;  -ms-flex-order:5;  -webkit-order:5;  order:5;}
.swpm-registration-password-retype-row{-webkit-box-ordinal-group:6;  -ms-flex-order:6;  -webkit-order:6;  order:6;}
.swpm-registration-membership-level-row{-webkit-box-ordinal-group:7;  -ms-flex-order:7;  -webkit-order:7;  order:7;}



#swpm-registration-form tbody tr:nth-child(8){-webkit-box-ordinal-group:8;  -ms-flex-order:8;  -webkit-order:8;  order:8;}
#swpm-registration-form tbody tr:nth-child(9){-webkit-box-ordinal-group:9;  -ms-flex-order:9;  -webkit-order:9;  order:9;}
#swpm-registration-form tbody tr{display:flex;justify-content: space-between;margin:0 0 0.25em 0;}  
#swpm-registration-form tbody tr td:first-child{flex-basis: 41%;}
#swpm-registration-form tbody tr td:last-child{flex-basis: 58%;}



/*ログイン中のログイン画面表示項目*/    
#membership-login .swpm-logged-username,  
#membership-login .swpm-logged-status,
#membership-login .swpm-logged-membership,
#membership-login .swpm-logged-expiry,
#membership-login .swpm-edit-profile-link,
#membership-login .swpm-logged-logout-link{margin:0 0 1em 0;display:flex;justify-content: space-between;}

.swpm-logged-label{flex-basis: 45%;font-weight: 300;}
.swpm-logged-value{flex-basis: 50%;}

#membership-login .swpm-edit-profile-link a{
display: block;
width: 35%;
padding: 0.5em;
border-radius: 0.25em;
background: #462caa;
color: #fff;
text-align: center;
}

/*パスワード　リセット*/
.swpm-pw-reset-widget-form  {
border: 1px solid #ccc;
padding: 1em;
background: rgba(255,255,255,0.1);
border-radius: 0.5em;}


/* マイページ------------------------------------------------------ */    
#mypage #content a{color: #c5c7fb;}
#mypage #content a.simplefavorite-button{color:#fff;}    
#mypage #content .section h2:first-child{margin-top:0;}    


/*コメントリスト*/ 
#maypage_comment{margin:0 0 5em 0;}     
#maypage_comment .comment_none{display:none;}   
#maypage_comment .comment_none:first-child{display:block;}  
#maypage_comment .my_comm_item{margin:0 0 0.5em 0;border-bottom:1px dotted #eee;}
#maypage_comment .my_commpage_tt{font-weight:500;}
#maypage_comment .my_commpage_tt span{font-weight:300;font-size:90%;}
#maypage_comment .my_commpage_tt a.my_comm_edit_btn{ background:#462caa;color:#fff;padding:0 0.5em;border-radius:0.25em;margin:0 0 0 0.5em;}
#maypage_comment .my_commpage_detail p{margin:0 0 0.5em 0;}


/*メモリーリスト
#mem_list{height:35vh;overflow: scroll;}
*/  
a.simplefavorite-button{padding:0 0.5em;font-size:90%;color:#fff; background: #f75d9e;border-radius:0.25em;}
a.simplefavorite-button.active{background: #5ab4e3;}
a.simplefavorite-button:hover{cursor: pointer;opacity:0.5;}


/*並び替え*/    
.btnWrapper{margin:0 0 0.25em 0;text-align: right;}   
.reverseBtn {    display: inline-block;    padding: 0.5em 0;    text-align: center;    font-size: 90%;}
.reverseBtn > span:last-of-type,
.reverseBtn.reverse > span:first-of-type {    display: none;}
.reverseBtn.reverse > span:last-of-type {    display: inline;}
#content ul.no-favorites, #content ul.favorites-list{margin:0 ;}

ul.favorites-list li{display:flex;justify-content:flex-start;align-items: center;border-top:1px solid #ccc;}
ul.favorites-list li p{flex-basis:30%;}
ul.favorites-list li p:first-child{flex-basis:15%;margin:0 2em 0 0; background: #fff;min-height:50px;}
ul.favorites-list li p:nth-child(2){flex-basis:55%;margin:0}
ul.favorites-list li p:last-child{flex-basis:30%;margin:0}

#listdelete{text-align: right;border-top:1px solid #ccc;padding:0.5em 0 0 0;margin:0 0 4em 0;}
button.simplefavorites-clear {padding:0.25em 0;  background: none;border-radius:0.25em;color:#C5C7FE;border:none;font-size:100%;font-weight:300;}
button.simplefavorites-clear:hover{cursor: pointer;opacity:0.5;}


/*アカウントの削除*/    
.swpm-profile-account-delete-section a{display:inline-block;font-size:80%;}

/*マイページのプロフィール画面並び替え*/    
#swpm-editprofile-form  tbody{display:flex; flex-flow: column wrap;}  
.swpm-profile-username-row{-webkit-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;height:2em;}
.swpm-profile-membership-level-row{-webkit-box-ordinal-group:1;  -ms-flex-order:1;  -webkit-order:1;  order:1;}  
.swpm-profile-membership-level-row:after{flex-basis: 100%; content:"登録しているメールアドレス／パスワードを変更できます。";margin:1.25em 0 0.5em 30%}   
.swpm-profile-email-row{-webkit-box-ordinal-group:2;  -ms-flex-order:2;  -webkit-order:2;  order:2;}
.swpm-profile-password-row{-webkit-box-ordinal-group:3;  -ms-flex-order:3;  -webkit-order:3;  order:3;}
.swpm-profile-password-retype-row{-webkit-box-ordinal-group:4;  -ms-flex-order:4;  -webkit-order:4;  order:4;}
.swpm-profile-lastname-row{-webkit-box-ordinal-group:5;  -ms-flex-order:5;  -webkit-order:5;  order:5;display:none;}
.swpm-profile-firstname-row{-webkit-box-ordinal-group:6;  -ms-flex-order:6;  -webkit-order:6;  order:6;display:none;}
.swpm-profile-phone-row{-webkit-box-ordinal-group:7;  -ms-flex-order:7;  -webkit-order:7;  order:7;}
.swpm-profile-zipcode-row{-webkit-box-ordinal-group:8;  -ms-flex-order:8;  -webkit-order:8;  order:8;}
.swpm-profile-state-row{-webkit-box-ordinal-group:9;  -ms-flex-order:9;  -webkit-order:9;  order:9;}
.swpm-profile-city-row{-webkit-box-ordinal-group:10;  -ms-flex-order:10;  -webkit-order:10;  order:10;}  
.swpm-profile-street-row{-webkit-box-ordinal-group:11;  -ms-flex-order:11;  -webkit-order:11;  order:11;} 

#swpm-editprofile-form tbody tr{display:flex;justify-content: space-between;margin:0 0 0.25em 0;flex-flow: row wrap;}  
#swpm-editprofile-form  tbody tr td:first-child{flex-basis: 25%;}
#swpm-editprofile-form tbody tr td:last-child{flex-basis: 70%;}
#swpm-editprofile-form tbody tr td[colspan="2"]{padding:0 0 0 30%;text-align: left !important;}
#swpm-editprofile-form .swpm-registration-submit-section{padding:0;text-align: center !important;}
#swpm-editprofile-form input[type="submit"]{margin:4em 0 1em 0;width:25%;}   


#swpm-registration-form tbody tr td[colspan="2"]{padding:0;text-align: left !important;font-size:90%;width:80%;}
#swpm-registration-form .swpm-registration-submit-section{padding:0;text-align: center !important;}
#swpm-registration-form input[type="submit"]{margin:2em 0 1em 0;width:48%;}



/*ユーザープロフィール*/
.swpm-edit-profile-form:before  {content:"ユーザー情報";font-size: 160%; display:block; font-weight: 300;margin:0 0 1em 0} 

#swpm-editprofile-form p.swpm-edit-profile-submit-section{text-align:center;margin:0 0 2em 0}

.logoutbtn{text-align:center;margin:0 0 1em 0}



/* 故人ページ・自分ページ------------------------------------------------------ */    

/*通報ボタン*/
#report_btn{position: absolute;top:0.5em;right:0.5em;}
#report_btn a{color:#ccc;}
#report_btn a span{ opacity:1; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;	}
#report_btn a:hover{opacity:1;color:#000;}
#report_btn a:hover span{ opacity:1; }


.sample #namewrap:before{content:"このページはサンプルです。";font-size:123%;color:#03f;font-weight:500;display:block;}

#namewrap{margin:0 0 2em 0}	
#namewrap h1{display:block;font-size:155%;font-weight:500;margin:0 0 0 0;}
#namewrap h1 span.kana{font-weight:300;font-size:75%;}
#namewrap #lifetime{display:inline-block;font-size:135%;text-align: center;}
#namewrap #name_en{display:inline-block;font-size:135%;font-weight:300;text-align: center;}
.fwrap{display:flex;justify-content: space-between;flex-direction: column;flex-wrap: wrap;margin:0 0 0.5em 0;}
.item.fwrap.album{margin:2em 0;}

.fwrapc{display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;margin:0 0 0.5em 0;}
.item.fwrap{display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;margin:0 0 0.5em 0;}

.leftbox.photo{width:55%;margin:0 auto 1em auto;}
.leftbox.photo img{border:0.75em solid #fff;}
.rightbox{flex-basis: 60%;}
.item_tt{flex-basis: 20%;} 
.item_text{flex-basis: 75%;} 
.item_my_about_tt{flex-basis: 45%;} 
.item__my_about_text{flex-basis: 50%;} 
.item_text p img.yourimg{width:48%;height:auto;display:inline-block; vertical-align: top;margin:0 0.25em 0.25em 0;}
.item_text div.wp-caption{width:48%;}
span.num_year{width:2.5em;display:inline-block;}
span.numbox{width:1.5em;display:inline-block;text-align: right;}
span.space{margin:0 0 0 3em}
#authorname{display:inline-block;margin:0 1em 0 0;}
#author_kankei{display:inline-block;}

#adminonlybox{margin:3em 0 0 0;}
.adminonly{padding:2em; background: #fff;}
.adminonly .adminonly_tt{font-size:111%;font-weight:500;margin:0 0 1em 0;}


/*会いにきたよボタン*/
#ainikitayo_wrap{margin:0 1em 0 0;display:block;}
#ainikitayo{display:inline-block;}
a#ainikitayo_btn{display:inline-block; padding:0 0.5em;font-size:90%;color:#fff; background: #f87bb0;border-radius:0.25em;}
a#ainikitayo_btn:hover{cursor: pointer;}
a#ainikitayo_btn:before{content:"会いにきたよ！"}
a#ainikitayo_btn.deactive{pointer-events: none; color:#fff; background: #5ab4e3;}
a#ainikitayo_btn.deactive:before{content:"また会いにきてください"}

#ainikitayo_num{display:inline-block;}
#ainikitayo_num .post-ratings img{display:none;}


/*マイページに保存ボタン*/
#maypege_hozon{display:inline-block;}



























/* コメント------------------------------------------------------ */      

#comments{width:90%;margin:auto;}  
#comments h3{font-size:135%;font-weight:300;}  
.commentlist li{list-style-position: inside; background: #fff;padding:1em;border-radius:1em;}
.commentlist li > div{display:inline-block;vertical-align: top;width:97%;}
.comment-name{font-size:300;display:inline-block;}
.comment-meta{font-size:80%;margin:0 0 1em 1em;display:inline-block;color:#09a5f3;}
a.comment-edit-link{display:inline-block;margin:0 0 0 1em;color:#09a5f3;}

div.reply { margin:0 1em;text-align: right;}/*返信button*/
div.reply:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
div.reply a {font-size:80%;line-height:1em;display:inline-block;background:#09a5f3;padding:0.25em 1em;border-radius: 1em;color:#fff;}


/*Comment Form*/
#respond{width:90%;margin:auto;} 
#respond h3{font-size:135%; margin:0 0 0.5em 0; font-weight:300;}
#respond .cancel-comment-reply{display:inline-block;position: relative;top:0.1em;}   
#respond .cancel-comment-reply a{font-size:100%; background: #ccc;padding:0.2em 1em;border-radius:1em;display:inline-block;color:#fff;}

#respond p { margin-bottom:0.5em;}
#respond p.commentNotesBefore, #respond p.commentNotesAfter {font-size:80%;}
#respond p.form-submit {margin-bottom:0;}

/*form element*/
input#author, textarea#comment {
border:1px solid #eee;;
border-radius:0.5em;
margin-top:0;
padding:0.75em;
}
textarea#comment {line-height:1.6em;width:100%;font-size:110%;margin:0 0 0.5em 0;}
input#submit {
cursor:pointer;
font-size:100%;
padding: 0.25em 1em;
margin:0;
border-style:none;
color: #fff;
background: #09a5f3;
border-radius: 1em;}
input#submit:hover {opacity: 0.5;}

.commentlist li #respond{width:80%;margin:0 auto 1em auto;  background: #f6f6f6;padding:1em;border-radius:1em;display: block;} 
.commentlist li #respond textarea#comment {line-height:1.6em;width:90%;font-size:100%;}



/*お問い合わせフォーム 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
dl.form {
margin:0 auto 0.5em auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; 
flex-direction: column;}
dl.form dt {padding:0.25%;margin:0 0 0.25em 0;}
dl.form dd {padding:0.25%;margin:0 0 0.5em 0;}
dl.form input { border:none;padding:0.25em;font-size:110%;}
#submit{margin:1em 0 0 0; text-align:center;}
#submit input[disabled]{
display:block;width:55%;margin:0 auto;font-size:111%;padding:0.5em;border:1px solid #ccc; border-radius:0.25em;color:#ccc;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
#submit input{
color:#000;   
display:block;width:55%;margin:0 auto;font-size:111%;padding:0.5em;border:1px solid #ccc; border-radius:0.25em;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );}
#submit input:hover{cursor:pointer;opacity:0.6;}
#submit input[type="button"]{width:30%;}
.wpcf7c-conf{    background-color: #f0f0f0!important;}
dl.form dt span.req {color:#f00;font-size:70%;margin:0 0 0 0.25em;display:inline-block}
#difadd{border:1px solid #ccc;margin:0 0 1em 0;padding:1em;}
#difadd h3{font-size:105%;}
input.kata{margin:0 0 0.25em 0}
.small {font-size: 12px;}
/* 送信前の注意書きテキスト    */
div.conf-text {clear:both;margin:0 0 0 0;text-align:left;}
/* 「上記内容で送信します」の設定 */
div.conf {text-align:center;margin:0.5em 0;font-size:100%;}
div.conf label:hover{ cursor:pointer;display:block;}
span.wpcf7-list-item {display: block !important;margin: 0 0 0 0 !important;}







/* ▼Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {
margin: 0;
padding:0;
text-align: justify;
overflow:hidden;
clear:both;
}
.post hr {
display: block;
}


.entry fieldset {
border:none;
}
fieldset {
border:none;
}
.entry fieldset legend {
font-weight:bold;
text-transform:uppercase;
}
.entry ol {
list-style-type:decimal;
}
.entry ol ol {
list-style-type:lower-alpha;
}
.entry ol ol ol {
list-style-type:lower-roman;
}


.alignright {
padding:0;
margin: 0 0 1em 1em;
display: inline;
float:right;
}
.alignleft {
padding:0;
margin: 0 1em 1em 0;
display: inline;
float:left;
}

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.navigation {
clear:both;
padding:20px 0;
}
.navigation .alignleft {
text-align:left;
}
.navigation .alignright {
text-align:right;
}


@media screen and (max-width: 600px){
#wpadminbar {
    position: fixed;
}
}

/*  320px以下//////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 20em) {

}/* <----------@media screen and (max-width: 20em)  */




/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 48em) {
    
.sp{display: none}
.pc{display: block}
.xllfont{font-size:165%;}
.xlfont{font-size:150%;}
.lllfont{font-size:135%;}
.llfont{font-size:120%;}
.lfont{font-size:110%;}

/* ヘッダー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#header{padding:20% 1em 0 1em;}
#header #site-logo h1  {font-size:444%;} 

/* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#description {font-size:150%;margin:0 0 1.75em 0;}
#toptext{font-size:105%;}    
    
    
/*middlebox*/
#middlebox{padding:3em 2em;}   
#topslider{margin:0 0 3em 0;}

/*top_about*/
#top_about a.more-link{font-size:111%;}

/* top_news */
#top_news{padding:2em;}    
#top_news h2{font-size:246%;}
#top_news #article dl.item dt{font-size:150%}

/*下向き矢印*/ 
.arrbox.btm {margin-top:7em;} 

/*フッター */
#footer{padding:2em 0 1em 0; }
#footer a{color:#fff;}   
#footer #footermenu{display:flex; justify-content: center;margin:0 ;flex-direction: row;}

/*snsボタン*/   
#snsbtn  {margin:3em 0 0 0;}  
#snsbtn a{font-size:222%;margin:0 0.5em;color:#fff;}  
    

/*
===下層===============================================================================================================    
*/
#wrapper{padding:47px auto 0 auto;  }
#pageupper{margin:5em 0 0 0;} 





/* 故人ページ・自分ページ------------------------------------------------------ */    

/*通報ボタン*/
#report_btn a span{ opacity:0; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;	}


#namewrap h1{display:inline-block;font-size:200%;font-weight:500;}
#namewrap #lifetime{display:inline-block;font-size:200%;}
#namewrap #name_en{font-size:135%;font-weight:300;}
.fwrap{display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;margin:0 0 0.5em 0;}
.fwrapc{display:flex;justify-content: center;flex-direction: row;flex-wrap: wrap;margin:0 0 0.5em 0;}
.leftbox.photo{flex-basis: 25%;margin:0;}

/*会いにきたよボタン*/
#ainikitayo_wrap{display:inline-block;}



/*サービス*/  
.linkbox.fwrapc a{width:35%;margin:0 0 0.5em 0;}

/*Foreverについて*/
#service.about .section{margin:5em 0 0 0;}
    
#service.about .section p{font-size:115%;}

/*よくあるご質問　　アコーディオン  Q&A  */
/*利用規約、プライバシーポリシー*/	
/* ご利用案内 */    
    
/* ページ作成メニュー */        
#service.making .fwrap .mktext.long{flex-basis: 75%;}
    
    
/*検索窓*/
#searchbox{margin:5em 0;text-align: center;}
#searchbox input[type="text"]{padding:0.5em;border:1px solid #ccc;border-radius:0.25em;font-size:125%;width:60%;margin:0 0.5em 0 0;}
#searchbox input[type="submit"]{padding:0.4em 2em;border:1px solid #ccc;border-radius:0.25em;font-size:125%;}

    
 /*検索結果*/  
#search .searchpost h3 span{display:inline-block}

    
 

    

/* コメント------------------------------------------------------ */      
#comments{width:75%;}  
#comments h3{font-size:150%;}  
/*Comment Form*/
#respond{width:72%;} 
#respond h3{font-size:150%;}



/*
.mainbtn{padding:3em 1em;}    
.me{ background: rgba(255,255,255,0.9);border:1px solid #f0f0f0; }
.se{background: rgba(135,154,207,0.6);}
*/


/* ログイン------------------------------------------------------ */    
#login_wrap{display: flex;justify-content: space-between;flex-flow: row nowrap;}
#login{flex-basis: 45%;padding:1em; background: rgba(0,0,0,0.4);border-radius: 0.5em;}
#regist{flex-basis: 45%;padding:1em;background: rgba(0,0,0,0.4);border-radius: 0.5em;}
/*submitボタン*/   
#swpm-login-form input[type="submit"],
#swpm-pw-reset-form input[type="submit"]
{margin:2em 0 1em 0;width:48%;}


/* マイページ------------------------------------------------------ */    
    
/*コメントリスト*/ 
/*メモリーリスト
#mem_list{height:35vh;overflow: scroll;}
*/  

ul.favorites-list li{display:flex;justify-content:flex-start;align-items: center;border-top:1px solid #ccc;}
ul.favorites-list li p{flex-basis:30%;}
ul.favorites-list li p:first-child{flex-basis:10%;margin:0 2em 0 0; background: #fff;min-height:50px;}
ul.favorites-list li p:nth-child(2){flex-basis:65%;margin:0}
ul.favorites-list li p:last-child{flex-basis:25%;margin:0}





/* ------------------------------------------------------ */   



.rt90{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}  




/*お知らせ*/	
dl.article{margin:0 0 2em 0;padding:0 0 1em 0;border-bottom:1px dashed #ccc;}	
dl.article dt{font-size:150%;margin:0 0 0.5em 0;}
dl.article dt .date{margin:0 0 0.25em 0; font-weight:200;font-size:70%;}



/*　--------------表--------------　*/
.sheet {margin:0 0 2em 0;}
.sheet .shtr {display: table;table-layout: fixed;font-size:110%;}
.sheet .shtr .shtd{display:table-cell;vertical-align: middle;padding:0.75em 0.5em;}



/*-----------------------------
ギャラリー
------------------------------*/
.gallery-columns-1 .gallery-item {flex-basis: 100%;}
.gallery-columns-2 .gallery-item {flex-basis: 48%;}
.gallery-columns-3 .gallery-item {flex-basis: 31%;}
.gallery-columns-4 .gallery-item {flex-basis: 23%;}
.gallery-columns-5 .gallery-item {flex-basis: 18%;}
.gallery-columns-6 .gallery-item {flex-basis: 15%;}
.gallery-columns-7 .gallery-item {flex-basis: 13%;}
.gallery-columns-8 .gallery-item {flex-basis: 11%;}
.gallery-columns-9 .gallery-item {flex-basis: 9%;}  

    
    
    
    
    
    
    
}	
/* <----------@media screen and (min-width: 48em)  */





/*  /1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 64.1em) {




.inner{width:1000px;margin:auto;}   

/*#content */
#content{width:776px;margin:auto;text-align:left;padding:2em 7em;position: relative;background: rgba(255,255,255,0.7);color:#000;}



/*お問い合わせフォーム 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*formの設定*/
dl.form {
margin:0 auto 0.5em auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; 
flex-direction: row;}
dl.form dt { flex-basis: 38%;padding:0.25%; }
dl.form dd {flex-basis: 58%;padding:0.25%;}
dl.form input { border:none;padding:0.25em;font-size:110%;}
dl.form input.spinput{width:inherit;width:92%;}
dl.form dd.orderitem input{width:100%;}
#submit{margin:1em 0 0 0; text-align:center;}
#submit input[disabled]{width:22%;}
#submit input{width:22%;}




}/* <----------@media screen and (min-width: 64em)  */