a {
text-decoration: none;
color: #000000;
}

#container .left {
position: fixed;
top: 0;
left: 0;
width: 20px;
height: 100%;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCsideleft.png) repeat-y;
}

#container .right {
position: fixed;
top: 0;
right: 0;
width: 20px;
height: 100%;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCsideright.png) repeat-y;
}

.relative { position: relative; }
.image_gurde {
position: absolute;
background: url(/contents/1/A/pc/toku/gorgeous/image/mu.gif);
width: 100%;
height: 100%;
display:block;
}

#container #content {
position: relative;
z-index: 0;
margin: 50px 20px 0;
}

header img {
display: block;
margin: auto;
}
header img.title {
max-width: 750px;
width: 90%;
min-width: 250px;
}
header img.sub_title {
max-width: 400px;
width: 50%;
min-width: 250px;
margin-top: 20px;
}
header .sns {
text-align: center;
max-width: 750px;
width: 90%;
min-width: 250px;
margin: 20px auto;
}
header .sns .twitter {
display: inline-block;
width: 40px;
height: 40px;
background: url(/contents/1/A/pc/toku/gorgeous/image/SPtwitter.png) no-repeat;
background-size: cover;
}
header .sns .facebook {
display: inline-block;
width: 40px;
height: 40px;
background: url(/contents/1/A/pc/toku/gorgeous/image/SPfacebook.png) no-repeat;
background-size: cover;
}
#container .main .contents {
min-width: 250px;
background: url(/contents/1/A/pc/toku/gorgeous/image/SPbg1.png) no-repeat bottom;
background-size: contain;
margin: auto;
}
#container .main .contents .mov {
text-align: center;
}
#container .main .contents .mov a {
text-decoration: underline;
}
#container .main .contents .mov iframe {
max-width: 250px;
height: 160px;
}
#container .main .contents .official {
padding: 50px 0 40px;
text-align: center;
}
#container .main .contents .official img {
width: 250px;
}

#container .main .contents_main .content_title {
width: 100%;
padding: 0 0 30px;
background: url(/contents/1/A/pc/toku/gorgeous/image/SPcontents.png) no-repeat center;
background-size: contain;
}
/*#container .main .contents_main .contents_list {
background: url(/contents/1/A/pc/toku/gorgeous/image/SPbg2.png) no-repeat left bottom;
background-size: contain;
width: calc(100% + 20px);
margin-left : -20px;
}*/
#container .main .contents_main ul {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
list-style-type: none;
padding: 0 10px;
margin-bottom: 50px;
box-sizing: border-box;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
justify-content: space-between;
letter-spacing: 0.8pt;
}
#container .main .contents_main li {
position: relative;
font-size: 12px;
background: #FFFFFF;
border: 1px solid #ECECEC;
padding: 15px 5px 15px;
box-sizing: border-box;
margin: 15px 0 0 0;
min-height: 110px;
}
#container .main .contents_main li div.image {
position: absolute;
display: inline-block;
vertical-align: middle;
width: 120px;
top: 50%;
-webkit-transform: translateY(-47%);
-moz-transform: translateY(-47%);
-ms-transform: translateY(-47%);
-o-transform: translateY(-47%);
transform: translateY(-47%);
}
#container .main .contents_main li div.image img {
max-width: 100%;
max-height: 100%;
}
#container .main .contents_main li div.content {
text-align: left;
margin-left: 130px;
margin-bottom: 10px;
}
#container .main .contents_main li div.content .date {
font-size: 10px;
margin-bottom: 5px;
color: #7C7C7C;
}
#container .main .contents_main li div.content .title {
font-size: 14px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
word-break: break-all;
color: #686868;
}
#container .page_top {
position: fixed;
right: 30px;
bottom: 15px;
background: url(/contents/1/A/pc/toku/gorgeous/image/SPtop.png) no-repeat center;
background-size: contain;
width: 35px;
height: 60px;
}

footer {
font-size: 10px;
text-align: center;
min-height: 40px;
box-sizing: border-box;
position: relative;
z-index: -1;
padding-top: 100px;
}
footer div.copy{
color: #A5A5A5;
}
footer > div {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
footer.top > div {
position: absolute;
background: url(/contents/1/A/pc/toku/gorgeous/image/SPbg2.png) no-repeat left bottom;
background-size: contain;
padding: 533px 0 0;
width: 100%;
z-index: -1;
}

#container .detail_main{
background: url(/contents/1/A/pc/toku/gorgeous/image/SPbg3.png) no-repeat right bottom;
background-size: contain;
letter-spacing: 0.8pt;
}
#container .detail_main .contents_detail{
padding: 30px 0 80px;
font-size: 14px;
}
#container .detail_main .contents_detail .title{
padding: 10px 20px;
border: 1px solid #ECECEC;
font-size: 16px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #686868;
}
#container .detail_main .contents_detail .title .date{
font-size: 10px;
margin: auto auto 5px;
font-family: initial;
color: #7C7C7C;
}
#container .detail_main .contents_detail .content{
padding: 40px 10px 5px;
word-break: break-all;
font-family: "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic'", "游ゴシック", sans-serif;
line-height: 2.0em;
color: #686868;
}
#container .detail_main .contents_detail .content img{
display: inline-block;
margin: auto;
}
#container .detail_main .contents_detail .top {
padding: 30px 0 0;
text-align: center;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
#container .detail_main .contents_detail .top img {
width: 250px;
}


.none { display: none; }
.center { text-align: center; }
.perfect_image {
width: 100%;
margin: auto;
display: inline-block;
}
