@charset "utf-8";
/* CSS Document */

* {
    margin:0; padding:0;
-webkit-font-smoothing:antialiared;
-moz-osx-font-smoothing: grayscale;
/*    font-size: 16px;*/
}

h1,h2,h3,h4,h5{
    font-weight: normal;
    margin: 0;
}
ul,ol,dl {
    padding: 0;
    margin: 0;
}
ul li,
ol li,
dl dt,
dl dd{
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a, a:hover{
    color: #473933;
    text-decoration: none;
}
section,div,p{
    box-sizing: border-box;
}

/*
body {
    min-width: auto;
}

@media screen and (min-width:768px) {
body {
    width: 1000px;
    margin: auto;
}
}
*/
/*------------------------------------------------------------
　event
------------------------------------------------------------*/

:root{
    --font-kaiopt: 'Kaisei Opti', serif;
    --font-notosanajp: 'Noto Sans JP', sans-serif;
    --font-hirago: "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
    --font-hiramin: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "游明朝体", sans-serif;
    --font-alegreya: "Alegreya", sans-serif;
    --font-alegreya-sc: "Alegreya Sans SC", sans-serif;
    --font-din: "DIN Alternate","Roman",sans-serif;
    --font-avenir: "Avenir","DIN Alternate","Roman",sans-serif;

    --dark: #333333;
    --darkbr: #473933;
    --red: #7d2a38;

}
#asumise { width: 100%; font-weight: 300; color: var(--darkbr); margin: auto;}
@media screen and (min-width:768px) {
#asumise { width: 1000px; margin-top: 130px;}
}
/* main 
==================== */
#asumise .mainimg {
    width: 100%;
    padding: 0;
    margin: 2% auto;
}
#asumise .mainimg img{
    width: 100%;
    height: auto;
}
@media screen and (min-width:768px) {
#asumise .mainimg {
    width: 1000px;
    margin: 50px auto;
}
}

/* title メイン画像下
==================== */
#asumise h1{
    width: 100%;
    margin: 0 auto 1%;
    text-align: center;
    font-family: var(--font-kaiopt);
    font-size: 24px;
    line-height: 1.4;
}
#asumise .maintxt{
    font-family: var(--font-hirago);
    font-size: 15px;
}
#asumise p.data{
    width: 100%;
    margin: auto;
    text-align: center;
    font-family: var(--font-din);
    font-size: 18px;
    letter-spacing: 0.1rem;
}
#asumise p.maintxt{
    width: 100%;
    padding: 3% 2%;
}
@media screen and (min-width:768px) {
#asumise h1{
    margin: 0 auto;
    font-size: 26px;
}
#asumise p.data{
    font-size: 22px;
}
}

/* intro
==================== */
#asumise .intro {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 50px auto;
}

#asumise .intro .intro_wrap{}

#asumise .intro .intro_wrap.pic{
    
}
#asumise .intro .intro_wrap.pic img{
    width: 100%;
    height: auto;
}
#asumise .intro .intro_wrap.conts{
    font-family: var(--font-hirago);
    font-size: 15px;
    padding: 2%;    
}
#asumise .intro h3.ev-ttl{
    font-family: var(--font-kaiopt);
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 3%;
}
#asumise .intro p.ev-txt{
}

@media screen and (min-width:768px) {
#asumise .intro {
    flex-direction: row;
}
#asumise .intro .intro_wrap.pic{
    
}
#asumise .intro .intro_wrap.conts{

}
#asumise .intro h3.ev-ttl{
    font-size: 26px;
}
}

@media only screen and (max-width: 767px) {/* sp only */
#asumise .intro { flex-direction: column;}
/*
#asumise .intro .intro_wrap.pic img{
    width: auto;
    height: 300px;
}
*/
#asumise .intro h3.ev-ttl{
    font-size: 20px;
    text-align: center;
    padding: 1%;
}
}