
#Love {
    margin: 18px 20px 0;
}

a.anchor{
    display: block;
}

figure { margin: 0;}

.mb { margin-bottom: 1em;}
.mb2 { margin-bottom: 2em;}
.mb3 { margin-bottom: 3em;}
.mt { margin-top: 1em;}
.mt2 { margin-top: 2em;}
.center { text-align: center;}

.yellow{
    background: linear-gradient(transparent 50%, #fff476 50%);
    font-weight: 700;
}

.triangle {
    position: relative;
    text-indent: -1em;
    margin-left: 1em;
}
.triangle::before {
	content: "";
	border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 7px solid #4c4c4c;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 2px;
}

.sub-tit {
    letter-spacing: -0.05em;
    font-weight: normal;
    padding: 6px 0 6px 20px;
    margin: 0 -20px;
    border-top: #fdefda 1px solid;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f2ec), to(#f3ede6));
    background: -webkit-linear-gradient(top, #f6f2ec, #f3ede6);
    background: linear-gradient(#f6f2ec, #f3ede6);
    color: #52381e;
    font-size: 18px;
    line-height: 1.8;
    font-family: "A-OTF 新ゴ Pro M", A-OTF Shin Go Pro M, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.q-tit {
    color: #52381e;
    font-size: 18px;
    font-family: "A-OTF 新ゴ Pro M", A-OTF Shin Go Pro M, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    margin-bottom: 15px;
}

.line-tit {
    color: #52381e;
    margin: 0 -20px 25px;
    padding: 5px 20px;
	border-bottom: #d9cec4 1px solid;
}


.topic-tit {
    color: #52381e;
    margin: 0 -20px 25px;
    padding: 5px 20px;
    border-bottom: #d9cec4 1px solid;
    font-size: 18px;
}

#Love p {
    color: #2b2b2b;
/*
    color: #525252;
*/
}

.container {
    margin-bottom: 55px;
}


.love-tag {
    display: flex;
    flex-wrap: wrap;
}

.love-tag li {
    margin-right: 7px;
    padding: 2px 10px;
    font-size: 13px;
    color: #ef94b4;
    margin-bottom: 3px;
    border: solid 1px #ea709b;
}

.love-tag li.tab2 {
    color: #c30101;
    border: solid 1px #e18383;
}

.love-tag li.tab3 {
    color: #174196;
    border: solid 1px #7397df;
}



/* .new-topic
===============================================================*/
.new-topic .love-wrapper {
    display: flex;
    padding: 20px;
    margin: 0 -20px;
    border-bottom: #b8b8b8 1px dotted;
}
.love-wrapper:nth-last-of-type(2){ border: none;}

.new-topic .love-wrapper figure {
    width: 200px;
/*    width: 177px; */
    margin-right: 20px;
}
.new-topic .love-wrapper figure a:hover { opacity: .7;}

.new-topic .love-wrapper .topic-right {
    width: calc(100% - 220px);
/*
    width: calc(100% - 197px);
*/
}

.new-topic .love-wrapper .topic-right .list-tit {
    font-size: 16px;
/*    font-weight: 700; */
    margin-bottom: 15px;
}

.new-topic .love-wrapper .topic-right .list-text {
    font-size: 14px;
    margin-bottom: 15px;
}

.new-topic .love-wrapper .topic-right .info-area {
    display: flex;
}

.new-topic .love-wrapper .topic-right .info-area .date {
    font-size: 14px;
    margin-right: 15px;
}


/* detail-top
===============================================================*/

.detail-top {
    position: relative;
    margin-bottom: 40px;
}

.detail-top .love-tag {
    width: 550px;
}

.detail-top .right {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 14px;
}

.detail-top .top-text { margin: 14px 0 24px;}

.detail-top figure {
    margin: 0 auto;
    width: 500px;
}


/* index-area
===============================================================*/

.index-area {
    box-sizing: border-box;
    display: inline-block;
    padding: 30px 25px 10px;
    border: #e6ddd1 1px solid;
}

.index-area ol > li {
    color: #52463b;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 15px;
}

.index-area ol li a {
	color: #52463b;
    text-decoration: none;
}

.index-area ol li ul  {margin: 15px 0 20px;}
.index-area ol li ul li {
	color: #52463b;
    text-decoration: none;
    margin-left: 2em;
    text-indent: -1em;
}
#Love .index-area ol li ul li a {
	color: #52463b;
    text-decoration: none;
    font-weight: 400;
}

figure img { width: 100%;}

figure.ph1 { 
    width: 560px;
    margin: 0 auto 30px;
}

figure.ph2 { 
    width: 440px;
    margin: 0 auto 30px;
}

figure.ph3 { 
    width: 460px;
    margin: 0 auto 30px;
}


/* other_page
===============================================================*/

.other_page { margin-bottom: 30px;}
.other_page ul{
	display: flex;
	justify-content: center;
	margin: 50px 0 15px;
}

.other_page ul li a {
	padding: 12px 15px;
	line-height: 1;
	display: inline-block;
	margin: 0 5px;
    text-decoration: none;
    color: #664c32;
    font-weight: 700;
    font-size: 16px;
}
.other_page ul li a.first ,
.other_page ul li a.last{
	margin: 0;
}
#AllBox #Main .other_page ul li a:hover,
.other_page ul li a.here{
    background: #efe5de;
    color: #664c32;
    text-decoration: none;
}

.other_page p {
	font-size: 14px;
	text-align: center;
    line-height: 1;
    color: #664c32;
}


/* news
===============================================================*/
.news {
	position: relative;
}

.news .line-tit {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 18px;
}

.news ul {
    margin: 0 -20px;
}

.news ul li {
	padding:15px 20px;
	border-bottom: #b8b8b8 1px dotted;
	width:100%;
	display:table;
}

.news li a {
    color:#414141;
    font-size: 16px;
}

.news .more {
    float: right;
    margin-top: 20px;
    text-decoration: underline;
}


/* sns-area
===============================================================*/
.sns-area { margin: -35px 0 95px;}
.sns-area ul {
	display: flex;
    justify-content: flex-end;
}
.sns-area ul li {
	margin-left: 10px;
}
.sns-area ul li a {
	text-indent: -9999px;
	display: inline-block;
	transition: 0.3s;
	height: 20px;
}
.sns-area ul li a:hover {
	opacity: 0.7;
}
.sns-area ul li.fb a { 
	width: 60px;
	background: url(../images/love/sns.jpg) no-repeat 0px 0px;
}
.sns-area ul li.tw a { 
	width: 67px;
	background: url(../images/love/sns.jpg) no-repeat -65px 0px;
}
.sns-area ul li.li a { 
	width: 91px;
	background: url(../images/love/sns.jpg) no-repeat -137px 0px;
}
