@charset "utf-8";


.cFix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.cf{
    clear: both;
}
.ta{
    text-align: center;
}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt18{margin-top: 18px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mr10{margin-right: 20px;}
.mr20{margin-right: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.pl15{padding-left: 15px;}
.w450{width: 450px;}
.w324{width: 324px;}
.w325{width: 325px;}
.w310{width: 310px;}
.white{color: #ffffff}
.fl_l{float: left}
.lh20{line-height: 20px}
body {
    background: none;
    font-family: '?q???M?m?p?S Pro W3','???C???I',meiryo,'?l?r ?o?S?V?b?N',MS PGothic,'Hiragino Kaku Gothic Pro',Arial,sans-serif,Verdana,Helvetica,Osaka,sans-serif;

}
.mt10{margin-top: 10px;}
.wrap{
    min-height: 100%;
    font-size: 12px;
    line-height: 17px;
}
#Main{
    clear: both;
    width: 962px;
    margin: auto;
    padding-top: 45px;
    padding-bottom: 80px;
}




/*
    head

*/
.header{
    background: url(../images/head_bg.gif) repeat-x bottom left !important;
    width: 100%;
    height: 40px;
    padding-top: 10px;
}
.header .innr{
    width: 962px;
    margin: auto;
}
.header .innr .sns{
    float: right;
}
.header .innr .sns ul{
    margin: 0;
    padding: 0;
}
.header .innr .sns ul li{
    display: inline-block;
    vertical-align: top;
}
.logo_opa01 a{
    display: block;
    background: url(../images/logo_opa01.gif) repeat-x top left;
    width: 30px;
    height: 18px;
    float: left;
}
.logo_opa02 a{
    margin-left: 20px;
    display: block;
    background: url(../images/logo_opa02.gif) repeat-x top left;
    width: 58px;
    height: 18px;
    float: left;
}
.logo_vivre a{
    margin-left: 20px;
    display: block;
    background: url(../images/logo_vivre_2.gif) repeat-x top left;
    width: 48px;
    height: 18px;
    float: left;
}
.logo_forus a{
    margin-left: 20px;
    display: block;
    background: url(../images/logo_forus_2.gif) repeat-x top left;
    width: 66px;
    height: 18px;
    float: left;
}
.content{
    width: 962px;
}
.content{
    float: left;
}

/*見出し*/
.content h1{
	margin-bottom: 5%;
}

.content h2{
	width: 962px;
	background: #000;
	padding: 2% 0;
	margin-bottom: 3%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
}

.content h3{
	width: 305px;
	font-size: 14px;
	font-weight: 600;
	margin:0 0 2%;
	color: #000;
}



/*

    一覧

*/

.content .archive_list{
	width: 962px;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content .archive_list .archive_txt{
	border-radius: 5px;
	width: 32%;
	padding: 2%;
	margin-bottom: 2%;
	border: #D5D5D5 1px solid;
	text-align: center;
}

.content .archive_list .archive_txt .txt10px{
	font-size: 11px;
	line-height: 200%;
	color: #6173dd;
}

.content .archive_list .archive_txt a{
	display: block;
}

.content .archive_list::after{
  content:"";
  display: block;
  width:32%;
}

.content .illust{
	width: 962px;
	margin: 4% 0;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
 }

.content .illust .illust_cnt{
	width: 32%;
	margin-bottom: 4%;
	text-align: center;
}

.content .illust::before{
  content:"";
  display: block;
  width:32%;
	order:1;
}

.content .illust::after{
  content:"";
  display: block;
  width:32%;
}

.content .illust .illust_cnt p.name{
	margin-bottom: 3%;
}

.content .illust .jump{
	width: 962px;
	margin-bottom:5%;
	text-align: center;
}

/*待ち受け*/
.content .home_image{
	width: 962px;
	margin-bottom: 8%;
	
}

.content .home_image p{
	margin-bottom: 5%;
}

.content .home_image .home_image_list{
	width: 962px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content .home_image .home_image_list .home_illust{
	width: 23%;
	text-align: center;
}

.content .home_image .home_image_list::before{
  content:"";
  display: block;
  width:23%;
	order:1;
}

.content .home_image .home_image_list::after{
  content:"";
  display: block;
  width:23%;
}

.content .home_image .home_image_list .home_illust p{
	margin-bottom: 5%;
}



.txt_bold{
	color: #000;
	font-weight: 600;
}


/*Laflowa,LLC*/

.content .laflowa{
	width: 962px;
	margin-bottom: 7%;
	padding: 0 4% 4% 4%;
	border: #000 1px solid;
	box-sizing: border-box;
	
}

.content .laflowa p{
	margin-bottom: 2%;
}

h2.laflowa_h2{
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 1%;
	background: none;
	color: #000;
	text-align: left;
}

.content .laflowa .logo_txt{
	width: 100%;
display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}

.content .laflowa .logo{
	width: 24%;
}

.content .laflowa .txt{
	width: 73%;
}

.content .illust .illust_cnt img,
.content .content .home_image .home_image_list .home_illust img,
.content .laflowa .logo img{
	width: 100%;
}


/*詳細*/
.content .illustrator{
	width: 962px;
	margin-bottom: 8%;
}

.content .illustrator .visual{
	width: 962px;
	margin-bottom: 4%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content .illustrator .visual .image{
	width: 40%;
}

.content .illustrator .visual .txt{
	width: 57%;
}

.content .illustrator .visual .txt p{
	margin-bottom: 4%;
}

.content .illustrator .visual .txt p.accent{
	color: #000;
	font-size: 20px;
	font-weight: 600;
	
}

.content .illustrator .visual .image img{
	width: 100%;
}



.content .illustrator .movie{
	width: 962px;
	margin-bottom: 8%;
	text-align: center;
}




.content .illustrator .profile{
	width: 100%;
	padding: 1% 3% 3%;
	background: #efefef;
	box-sizing: border-box;
	border-radius:10px;
	margin-bottom: 4%;
}

.content .illustrator .profile h2{
	width: 100%;
	background: #000;
	border-radius:5px;
	padding: 2% 0;
	margin-bottom: 4%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
}

.content .illustrator .profile .image_txt{
	width: 100%;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content .illustrator .profile .image_txt .image{
	width:28%; 
	margin-bottom: 4%;
}

.content .illustrator .profile .image_txt .image img{
	width: 100%;
	
}

.content .illustrator .profile .image_txt .txt{
	width:68%; 
}

.content .illustrator .profile .image_txt .txt .name{
	font-size: 18px;
	font-weight: 600;
	color: #000;
}

.profile p{
	margin-bottom: 4%;
}

.content .illustrator .home_image{
	width: 100%;
	margin-bottom:8%;
	text-align: center;
}

.content .illustrator  h2.profile_midashi{
	width: 100%;
	background: none;
	padding: 0;
	margin-bottom: 4%;
	text-align: left;

}

.content .illustrator .summer_kotaeawase{
	width: 100%;
	text-align: right;
	padding-right: 2%;
	margin-top: -115px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.content .illustrator .summer_kotaeawase img{
	width: 12%;
}

.content .illustrator  h2.name_midashi{
	width: 640px;
	background: #000;
	padding: 2% 0;
	margin-bottom: 2%;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;

}

.content .illustrator .back{
	width: 962px;
	margin-top:5%;
	text-align: center;
}

/*待ち受け*/

.machiuke{
	width: 95%;
	margin: 5% auto;
	text-align: center;
}

.machiuke img{
	width: 50%;
}

/*

    ?T?C?h

*/
.side{
    float: right;
    /*margin-left: 42px;*/
}
.side li{
    border:1px solid;
    margin-bottom: 15px;
    text-align: center;
}
.side li a{
    width: 268px;
    padding: 20px 0;
    display: block;
}
.side li a:hover{
    opacity: 0.8;
}


#Foot{
    background: #fff;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    font-size: 77%;
    line-height: 1;
}
#Foot .innr{
    width: 962px;
    margin: auto;
}
#Foot .innr .copy{
    float: left;
}
#Foot .innr .logos{
    width: 242px;
    float: right;
}


#Foot1 {
    font-size: 15px;
}
#Foot1 .foot_list {
    padding-top: 3px;
}
#Foot1 .foot_opa {
    padding-top: 15px;
}
#Foot1 .foot_opa #Copy {
    margin-top: 5px;
}