@charset "utf-8";
.-----PC_MOBILE_COMMON_CSS_START----- {}

/* 旧サイトから*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style1 {	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}
.style3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}
.style4 {
	color: #FFFFFF;
	font-weight: bold;
}
.style5 {color: #FF6666}
.style7 {color: #999999}
.style8 {color: #FFFFFF}
.style9 {color: #FF0000}


.content_area > table{
	margin:0 auto;
	background:#FFFFFF;
}
.content_area{
	padding-top:70px;
	padding-bottom:40px;
}
.content_area > table:nth-of-type(2){
	margin-top:20px;
}
.ttl01{
    font-size: 30px;
    font-weight: normal;
    color: #FF9900;
    margin-bottom: 25px;
	width:930px;
	margin-left:auto;
	margin-right:auto;
}
.kimama_ttl01{
	width:930px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background:url(../img/bg_img02.jpg) center center;
	text-align:center;
	line-height:50px;
	height:50px;
	color:#FFFFFF;
	font-size: 22px;
	position:relative;
}
.kimama_ttl01:before{
	content:"";
	width:8px;
	height:8px;
	background-image:url(../img/bgicon_01.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:21px;
	left:13px;
}
.kimama_ttl01:after{
	content:"";
	width:8px;
	height:8px;
	background-image:url(../img/bgicon_01.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:21px;
	right:13px;	
}
.suki{
	display:flex;
	flex-wrap:wrap;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	background-color:#FFFFFF;
	border-radius:5px;
	box-sizing:border-box;
	margin-bottom:35px;
}
.suki .suki_img{
}
.suki .text01{
		flex:1;
		margin-left:15px
}
.suki .suki_ttl01{
	height:34px;
	line-height:34px;
	font-size: 21px;
	text-align:center;
	color:#FFFFFF;
	background-color:#FF93B6;
	margin-bottom:15px;
}
.suki .suki_ttl02{
	font-size: 17px;
	color:#FF7DA8;
	margin-left:5px;
	margin-bottom:10px;
}
.suki p{
	margin-left:10px;
}
.day{
	width:920px;
	border:5px #FFFFFF solid;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background-color:#FFFFFF;
	box-sizing:border-box;
	overflow:hidden;
}
.day_ttl01:before{
	content:"";
	width:100%;
	height:6px;
	background-color:#FF93B6;
	position:absolute;
	top:-7px;
	left:0;
	border-bottom:3px #FFFFFF solid;

}
.day_ttl01{
	height:35px;
	line-height:35px;
	color:#FFFFFF;
	padding-left:30px;
	font-size: 15px;
	position:relative;
	margin-top: 6px;
    padding-top: 3px;
}
.type_a{
	background-color:#42a477;
}
.type_b{
	background-color:#F1A550;
}
.diary{
	display:flex;
	padding:15px;
}
.diary p{
	flex:1;
	width:300px;
}
.diary_img{
	width:228px;
	height:151px;
	overflow:hidden;
	position:relative;
	margin-left:15px;
}
.diary_img+ .diary_img{
}
.diary_img img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}


/* ↓ページセレクター用CSS ここから↓ */
.page_selector {
	width: 322px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 999999;
	margin-bottom: 30px;
}
.page_selector .head {
	border: 1px solid #BBB;
	height: 38px;
	background-color: #FFF;
	border-radius:5px;
	cursor:pointer;
}
.page_selector .head .label {
	height: 38px;
	width: 130px;
	font-size: 15px;
	color: #FFF;
	line-height: 38px;
	background-color: #36A377;
	text-align: center;
	float: left;
}
.page_selector .head .yearMonth {
	font-size: 15px;
	line-height: 38px;
	text-align: center;
	float: right;
	width: 190px;
	color: #2CA777;
	font-weight: bold;
	background-image: url(../../common/img/select_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.page_selector .select_list {
	position: absolute;
	height: 0px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	box-sizing: border-box;
}
.page_selector .select_list .scroll_box {
	background-color: #FFF;
	text-align: center;
	border: 4px solid #FFF;
	height: 360px;
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	margin-top: 5px;
	display:none;
}
.page_selector .select_list ul {
	background-color: #FFF;
	text-align: center;
	height: 360px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	box-sizing: border-box;
}
.page_selector .select_list ul li {
	padding-right: 5px;
	padding-left: 5px;
}
.page_selector .select_list ul li a {
	color: #2CA777;
	line-height: 38px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	display: block;
}
.page_selector .select_list ul li a:hover {
	background-color:#FFC
}
/* ↑ページセレクター用CSS ここまで↑ */


.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}
.ttl01{
    font-size: 34px;
}
.kimama_ttl01{
	width:100%;
}
.suki{
	width:100%;
}
.day{
	width:100%;
}
.diary{
    flex-wrap: wrap;
	justify-content:center;
}
.diary p{
	flex:auto;
	width:100%;
	margin-bottom:20px;
}
.diary_img+ .diary_img{
	margin-right:15px;
}

/* 旧式
.content_area > table{
	width: 98%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}
.content_area > table td{
	display:block;
}

.content_area  table td[width="64%"],
.content_area  table td[width="65%"],
.content_area  table td[width="393"],
.content_area  table td[width="394"],
.content_area  table td[width="389"],
.content_area  table[width="431"]{
	width:100%;
}
.content_area  table td[width="19"],
.content_area  table td[width="23"]{
	display:none;
}
.content_area table .style1{
	font-size: 100%;
}
ここがスキ
.content_area  table td[width="35%"],
.content_area  table td[width="63%"]{
	width:100%;
}
.content_area  table td[width="63%"] div,
.content_area  table td[width="64%"] div{
	text-align:center;
}
.content_area  table td[width="63%"] div .style5,
.content_area  table td[width="64%"] div .style5{
	font-size: 120%;
}
.content_area  table td[width="63%"] div img,
.content_area  table td[width="64%"] div img{
	width:60%;
	height:auto;
}
.content_area  table td[width="35%"] img{
	display:block;
	width:50%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

日記の写真部分
.content_area  table td[width="34%"]{
	width:100%;
	}
div[align="left"] {
	width:100%;
}
.content_area  table td[width="34%"] img,
div[align="left"] a
{
	display:block;
	margin:0 auto;
}
.content_area  table td[width="34%"] img,
div[align="left"] img{
	width:50%;
	height:auto;	
}*/





/* ↓ページセレクター用CSS ここから↓ */
.page_selector {
	width: 524px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 999999;
	margin-bottom: 40px;
}
.page_selector .head {
	border: 2px solid #BBB;
	height: 68px;
	background-color: #FFF;
	border-radius:5px;
	cursor:pointer;
}
.page_selector .head .label {
	height: 68px;
	width: 230px;
	font-size: 26px;
	color: #FFF;
	line-height: 68px;
	background-color: #36A377;
	text-align: center;
	float: left;
}
.page_selector .head .yearMonth {
	font-size: 26px;
	line-height: 68px;
	text-align: center;
	float: right;
	width: 290px;
	color: #2CA777;
	font-weight: bold;
	background-image: url(../../common/img/select_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.page_selector .select_list {
	position: absolute;
	height: 0px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	box-sizing: border-box;
}
.page_selector .select_list .scroll_box {
	background-color: #FFF;
	text-align: center;
	border: 8px solid #FFF;
	height: 460px;
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	margin-top: 5px;
	display:none;
}
.page_selector .select_list ul {
	background-color: #FFF;
	text-align: center;
	height: 460px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	box-sizing: border-box;
}
.page_selector .select_list ul li {
	padding-right: 5px;
	padding-left: 5px;
}
.page_selector .select_list ul li a {
	color: #2CA777;
	line-height: 68px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #BBB;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
	display: block;
}
.page_selector .select_list ul li a:hover {
	background-color:#FFC
}
/* ↑ページセレクター用CSS ここまで↑ */

.content_area  table[width="700"]{
	width:100%;
}
.content_area  table[width="431"]{
	width:100%;
}
.content_area  table img[src="images/koregasuki.gif"]{
	width:100%;
	height:auto;
}
.-----MOBILE_ONLY_CSS_END----- {}
}