@charset "utf-8";

/* Windows 用 Medium 指定の游ゴシック */

@font-face {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Medium");
}


/* font-weight: bold の時は通常どおり Bold 書体を使わせる */

@font-face {
    font-family: "Yu Gothic M";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}

html {
    font-size: 62.5%;
    /* size=10px */
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5em;
    line-height: 1.7;
}

a {
    text-decoration: underline;
    color: #333;
}

a:hover {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

.container {
    width: 100%;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}


/*
-----------------------------------------------
	form base
----------------------------------------------- */

input,
button,
textarea,
select {
    border: none;
}

input {
    padding: 3px;
    background: #fff;
}

select {
    padding: 3px;
    border: 1px solid #999;
    background: #fff;
    margin: 0 5px 5px 0;
}

label {
    cursor: pointer;
}

select[disabled],
input[type="text"][disabled] {
    background: rgba(128, 128, 128, 0.5);
}


/*
-----------------------------------------------
	clearfix
----------------------------------------------- */

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


/*
-----------------------------------------------
	Common
----------------------------------------------- */

.yu-min {
    font-family: Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


/*--------------------------------------------------
	Hacks...
	We hope that we don't have to use this!
-------------------------------------------------- */


/* Print hack for Firefox */

@media print {
    html>/**/
    body .subcol,
    html>/**/
    body .wrapper,
    html>/**/
    body .column,
    html>/**/
    body .entry,
    html>/**/
    body .detail {
        overflow: visible !important;
    }
}

@media print {
    .entry {
        _padding-bottom: 15px;
    }
    .detail {
        _padding-bottom: 15px;
    }
    div.photos {
        _margin-bottom: 0;
    }
    .entry p {
        _margin-bottom: 0;
        _padding-bottom: 10px;
    }
    .information {
        _margin-bottom: 10px;
    }
}