@extends('template')
@section('head')
{{--jsの読み込みどうするかはお任せします--}}
<script src="{{root('js/buy/detail.js')}}"></script>
<script src="{{root('js/ofi.min.js')}}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<script>
    //objectFitImages();
</script>
@endsection

@section('content')
<div class="grey-back">
    <div class="wrapper">
        <div class="two-column">
            <section class="two-column__main">
                @include('buy/sheet')
                @include('parts/contact-mini')
                @include('buy/comment')
                @include('parts/contact-mini')
                @include('buy/overview')
                @include('parts/contact-mini')
                @include('buy/shisetsu')
            </section>
            <section class="two-column__side">
                @include('buy/side-recommend')
            </section>
		
        </div>
    </div>
	
</div>

<div class="footer-link">
  <ul>
    <li><a href="tel:0120-33-8730"><span class="en-link"><i class="fas fa-phone"></i></span><span class="link">お電話</span></a></li>
    <li><a href="contact"><span class="en"><i class="far fa-envelope"></i></span><span>お問合せ</span></a></li>
    <li><a href="" onclick="d_app.handleBtnFavoriteDetailsPage(event, 1);"><span class="en"><i class="fas fa-heart"></i></span><span>お気に入り</span></a></li>
    <li><a href="http://line.me/R/msg/text/?"><span class="en"><i class="fab fa-line"></i></span><span>LINE</span></a></li>
  </ul>
</div>

<style>
.pink {
	color: #E95E75 !important;
}

.pink.selected {
	background-color: #E95E75;
}	
.contact-mini__favorite{ 
	cursor: pointer; 
}
.contact-mini__favorite span {
	color: #E95E75;
}

.contact-mini__favorite span:before{
    content: 'お気に入りを登録';
}

.contact-mini__favorite.selected span:before{
    content: 'お気に入りを削除';
}

.contact-mini__favorite:hover {
	color:white;
}

.contact-mini__favorite:hover {
	color: white;
}

.contact-mini__favorite:hover span {
	color: white;
}

/*.contact-mini__favorite span:hover {
	color:white;
}
.contact-mini__favorite i:hover {
	color:white;
} */

.contact-mini__favorite.selected {
    background-color: #E95E75;
    color: white;
}
.contact-mini__favorite.selected span{
    color: white;
}

</style>

@endsection