a {
text-decoration: none;
color: #000000;
}

#container .left {
position: fixed;
top: 0;
left: 0;
width: 100px;
height: 100%;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCsideleft.png) repeat-y;
}

#container .right {
position: fixed;
top: 0;
right: 0;
width: 100px;
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 100px 0;
}

header img {
display: block;
margin: auto;
}
header img.title {
max-width: 750px;
width: 90%;
min-width: 300px;
}
header img.sub_title {
max-width: 400px;
width: 50%;
min-width: 250px;
margin-top: 20px;
}
header .sns {
text-align: right;
max-width: 750px;
width: 90%;
min-width: 300px;
margin: 20px auto;
}
header .sns .twitter {
display: inline-block;
width: 40px;
height: 40px;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCtwitter.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/PCfacebook.png) no-repeat;
background-size: cover;
}
#container .main .contents {
min-width: 300px;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCbg1.png) no-repeat center top;
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: 400px;
width: 50%;
min-width: 250px;
height: 250px;
}
#container .main .contents .official {
padding: 50px 0 65px;
text-align: center;
}
#container .main .contents .official img {
width: 250px;
}

#container .main .contents_main {
margin-top: 10px;
}
#container .main .contents_main .content_title {
width: 100%;
padding: 0 0 30px;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCcontents.png) no-repeat center;
background-size: contain;
}
/*#container .main .contents_main .contents_list {
background: url(/contents/1/A/pc/toku/gorgeous/image/PCbg2.png) no-repeat 90px bottom;
width: calc(100% + 100px);
margin-left : -100px;
}*/
#container .main .contents_main ul {
display: -webkit-flex;
display: flex;
max-width: 1100px;
margin: auto;
flex-wrap: wrap;
list-style-type: none;
padding: 0 40px;
/*width: calc(100% - 100px);
margin-left: 100px;*/
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;
width: 48%;
border: 1px solid #ECECEC;
padding: 30px;
box-sizing: border-box;
margin: 25px 0 0 0;
}
#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: 145px;
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-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #686868;
}

#container .page_top {
position: fixed;
right: 150px;
bottom: 100px;
background: url(/contents/1/A/pc/toku/gorgeous/image/PCtop.png) no-repeat center;
background-size: contain;
width: 60px;
height: 90px;

}

footer {
font-size: 10px;
text-align: center;
min-height: 257px;
box-sizing: border-box;
position: relative;
z-index: -1;
}
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/PCbg2.png) no-repeat left bottom;
padding: 533px 0 0;
width: 100%;
}

#container .detail_main{
background: url(/contents/1/A/pc/toku/gorgeous/image/PCbg3.png) no-repeat center bottom;
background-size: contain;
letter-spacing: 0.8pt;
}
#container .detail_main .contents_detail{
padding: 30px 80px 100px;
font-size: 14px;
position: relative;
}
#container .detail_main .contents_detail .title{
padding: 20px 50px;
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;
font-family: initial;
margin-bottom: 10px;
color: #7C7C7C;
}
#container .detail_main .contents_detail .content{
font-family: "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS UI Gothic'", "游ゴシック", sans-serif;
margin: 40px 50px;
word-break: break-all;
line-height: 2.0em;
color: #686868;
}

#container .detail_main .contents_detail .content img{
display: inline-block;
margin: auto;
}
#container .detail_main .contents_detail .top {
position: absolute;
padding: 25px 0 65px;
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;
}