/* 設定
--------------------------------------*/
html, body  {
    max-width: 1366px;
    width: 100%;
    margin: auto;
    color: #000000;
    font-size: 18px;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','游明朝体+36ポかな','YuMincho +36p Kana','ヒラギノ明朝 ProN','Hiragino Mincho ProN','Gurmukhi MN',sans-serif;
    font-weight: bold;
    line-height: 2;
    letter-spacing: .1rem;
}
#header .inner {
    max-width: 960px;
    margin: auto;
    width: 70%;
    
}
.inner {
    max-width: 730px;
    margin: auto;
    width: 53%;
}
input , select {
    font-weight: bold;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','游明朝体+36ポかな','YuMincho +36p Kana','ヒラギノ明朝 ProN','Hiragino Mincho ProN','Gurmukhi MN',sans-serif;
    letter-spacing: .1rem;
    font-size: 18px;
}
@media screen and (min-width:751px) and (max-width:1366px) {
    html, body, input , select ,::before ,::after {
        font-size: 1.3vw;
    }
}

/* menu
--------------------------------------*/
#header-menu {
    display: flex;
    color: #FFF;
}


/* font-size
--------------------------------------*/
.fs_xl {
    font-size: 1.7rem;
}
.fs_l {
    font-size: 1.5rem;
}

/* color
--------------------------------------*/
.white { color: #FFF; }

/* input
--------------------------------------*/
.input_01 {
    /*
    border: solid 1px #ae9320;
    border-radius: .7rem;
    padding: .5rem 1rem;
    font-size: 1.5rem;
    width: 10rem;
    */
    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 20px;
    width: 200px;
    font-size: 31pt;
    height: 80px;    
}

/* radio
--------------------------------------*/
/*
.radio_01 input{
	display: none;
}
.radio_01 label {
    position: relative;
    cursor: pointer;
    margin-left: 1.5rem;
    display: flex;
    align-items: center;
    font-weight: bold;
}
.radio_01 label:before {
    position: absolute;
    content: "";
    background: #FFF;
    border: solid 1px #ae9320;;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    left: -1.5rem;
}
.radio_01 input[type="radio"]:checked + label:after {
    position: absolute;
    content: "";
    background: #ae9320;;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    left: -1.2rem;
}

/* select
--------------------------------------*/
.select_wrap{
    position: relative;
    display: flex;
    align-items: center;
    border-radius: .7rem; 
}
.select_wrap::after {
    content: '▼';
    position: absolute;
    right: 0;
    font-size: .5rem;
    border-left: solid 1px;
    height: 3rem;
    padding: 0 0.5rem;
    line-height: 3rem;
    color: #333;
    z-index:10;
}
.select_01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 115px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: .25rem 2rem .25rem .5rem;
    border-radius: .7rem; 
    font-size: 1.5rem;
    background-color: #FFF;

    padding: 8px 12px;
    border: 1px solid #000;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 20px;
    height: 80px;    

}
select::-ms-expand {
    display: none;
}


/* background
--------------------------------------*/
.bg_01 { background: #20072f; }
.bg_02,.bg_03 { 
    background-position: center;
    background-repeat: repeat;
    font-family: "Arial", "メイリオ";
    background: #f3f3f3;
}


/* header
--------------------------------------*/
#header .logo {
    width: 22%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* sindan
--------------------------------------*/
#sindan .submit_01 {
    background-color: unset;
    border: none;
}

/* copyright
--------------------------------------*/
.copyright {
    text-align: center;
    font-size: 55%;
    font-weight: normal;
}
.copyright a {
    text-decoration: none;
    color: unset;
    font-weight: bold;
}

/*  uranai_btn
--------------------------------------*/
#uranai_btn {
    border: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 306px;
    background: none;
    cursor:pointer;
}

/*
--------------------------------------*/
#error {
    padding: 1rem;
    background: #FFF;
    border: solid 1px #ca1512;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    font-size: 1rem;
    display: none;
    color: #ca1512;
}
.fixed-bottom {
    display:none;
}

.fb_iframe_widget span {
    height: 29px !important;
}

.mainH3 {
    background: #eaeaea;
    border: 5px double #000;
    padding: 10px;
    margin: 20px 10px;
}
.insta {
    padding: 4px 5px;
    background: #fff;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #aaa;
    font-size: small;
    margin: 0;
    position: relative;
    bottom: 5px;
}

.share_twitter {
    color: #fff;
    background-color: #3b94d9;
}

.share_facebook {
    color: #fff;
    background-color: #3b5998;
}

.share_line {
    color: #fff;
    background-color: #00c300;
}

.copy-btn {
    color: #666;
    background-color: #fff;
}

.share_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
    line-height: 1.25;
    padding: .5rem 1rem;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    font-size:12px;
    width:90%;
    max-width:660px;
    text-decoration:none;
    margin-bottom:20px;
}

.white-inner {
    background: #fff;
    margin: 0px 0 30px 0;
    padding: 15px;
    border-radius: 24px;
}

.greeting {
    max-width:800px;
    width: 100%;
}

div.present {
    position: relative;
    padding: 5px 0rem;
    background: #be1d2c;
    font-size: 13pt;
    color: #fff;
    width: calc(100% - 10px);
    margin: 10px auto 30px auto;
    font-weight: bold;
  }

  a.no_under {
    color: #fff;
    text-decoration:none;
  }

  div.present strong {
    color:#fff176;
    font-size:18pt;    
}
  
div.present:before {
position: absolute;
top: -7px;
left: -7px;
width: 100%;
height: 100%;
content: '';
border: 4px solid #000;
}

#uranai {
    background: #f3f3f3;
    padding: 50px 20px 0px 20px;
    width: 74%;
    margin: 0 auto;
}

.shallow {
    font-size: 16pt;
    color: #444;
}

.campaine p {
    text-align:left;
    margin:10px 0;
    font-weight:normal;
}
.campaine img {
    display:block;
    margin:20px auto;
    max-width:500px;
    width:90%;
}

.campaine h2 {
    font-size: xx-large;
}