/******************************************************************
サイトコンテンツスタイルシート（スマホ版）
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/


/******************************************************************
*******************************************************************

メディアクエリー

*******************************************************************
******************************************************************/
/* 1281px ~ : PC Large screens -> Default */

/* ~ 1280px : PC screens */
@media only screen and (max-width: 80em) {


}

/* ~ 1024px : Medium screens */
@media only screen and (max-width: 64em) {


}

/* ~ 960px : Tablet screens */
@media only screen and (max-width: 60em) {

}

/* ~ 896px : スマホ横 */
@media only screen and (max-width: 56em) {


} /* 896px以下 End */

/* ~ 812px : iphone X screens */
@media only screen and (max-width: 50.750em) {


}

/* ~ 767px : Tablet screens */
@media only screen and (max-width: 47.938em) {


}

/* 641px ~ 1024px : Medium only */
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
}

/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {


    /******************************************************************

    共通

    ******************************************************************/
    html {
        font-size: 0.9375rem;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.1rem;
        line-height: 1.4;
    }
    .button_wrapper {
        text-align: center;
    }
    img {
        width: 100%;
    }

    /******************************************************************

    構造調整タグ

    ******************************************************************/
    .base_width {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .base_width.base_width_sp {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .inner_width {
        width: 100% !important;
        margin: 0 auto !important;
    }
    main {
    }

    .home #main section {
        margin-bottom: 3rem;
    }

    .page-raffle #content.base_width {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /*-------------------------------------------
    テーブルの基本レイアウト
    -------------------------------------------*/



    /******************************************************************

    汎用パーツ

    ******************************************************************/


    /******************************************************************

    プラグイン

    ******************************************************************/



    /******************************************************************

    ヘッダー

    ******************************************************************/


    /******************************************************************

    サイドバー

    ******************************************************************/



    /******************************************************************

    ユーティリティナビゲーション

    ******************************************************************/



    /******************************************************************

    フッター

    ******************************************************************/
 
    /******************************************************************

    トップページ(toppage)

    ******************************************************************/
 
    /******************************************************************

    投稿（お知らせ）

    ******************************************************************/


    /******************************************************************

    固定ページ(page)

    ******************************************************************/
  

    /******************************************************************

    カスタム投稿

    ******************************************************************/
  
    /******************************************************************

    404 Page Not Found

    ******************************************************************/


    /******************************************************************

    お問い合わせフォーム

    ******************************************************************/
    /*********************
    お問い合わせフォーム
    *********************/
    [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], select, textarea, [type=number] {
        width: 100%;
    }
    .button {
        width: 100%;
    }

} /* 641以下end */

/* 479px以下: SP screens */
@media only screen and (max-width: 29.938em) {

}