@charset 'UTF-8';
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

body
{
    line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

nav ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

a
{
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    background: transparent;
}

/* change colours to suit your needs */
ins
{
    text-decoration: none;

    color: #000;
    background-color: #ff9;
}

/* change colours to suit your needs */
mark
{
    font-weight: bold;
    font-style: italic;

    color: #000;
    background-color: #ff9;
}

del
{
    text-decoration: line-through;
}

abbr[title], dfn[title]
{
    cursor: help;

    border-bottom: 1px dotted;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

/* change border colour to suit your needs */
hr
{
    display: block;

    height: 1px;
    margin: 1em 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #ccc;
}

input, select
{
    vertical-align: middle;
}

li
{
    list-style-type: none;
}

@font-face {
    font-family: 'hannari';
    font-weight: normal;
    font-style: normal;

    src: url('../font/hannari.woff') format('woff'), url('../font/hannari.ttf') format('truetype'), url('../font/hannari.svg') format('svg');
}

.hannari
{
    font: bold 16px/1.2 'hannari', sans-serif;

    letter-spacing: -1.5px;
}

/* base
	========================================================================== */
body
{
    font-family: 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 14px;
    line-height: 1.3;

    color: #373737;
    background: white url('../img/bg_close.png') no-repeat 50% 100%;
    -webkit-background-size: 100% auto;
            background-size: 100% auto;
}

*, *::before, *::after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

a
{
    text-decoration: none;

    -webkit-touch-callout: none;
}

a, a:link, a:visited
{
    color: #fff;
}

img
{
    vertical-align: middle;
}

img:not([width])
{
    zoom: .5;
}

#wrapper
{
    padding-top: 60px;
    padding-bottom: 15px;
}

.frame
{
    padding: 3px;

    border: 1px solid #fff;
}
.frame .inner
{
    padding: 5px;

    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 0 0 3px rgba(60, 38, 34, .4);
            box-shadow: 0 0 0 3px rgba(60, 38, 34, .4);
}
.frame .inner.darkly
{
    background-color: rgba(255, 255, 255, .9);
}

header#inner
{
    border-bottom: 0;
    background: #111;
}

/* [ content-row ] */
.row
{
    width: 280px;
    margin-right: auto;
    margin-left: auto;
}

.catch
{
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}

.photo a
{
    position: relative;

    display: block;
}
.photo a .inner
{
    overflow: hidden;

    height: 56px;

    -webkit-transition: .5s background-color;
            transition: .5s background-color;
    white-space: nowrap;
    text-indent: 100%;
}
.photo a:hover .inner
{
    background-color: #d83a15;
}
.photo .inner
{
    background: rgba(0, 0, 0, .8) url('../img/btn_close_photo.png') no-repeat 50% 50%;
    -webkit-background-size: 270px 50px;
            background-size: 270px 50px;
}