@charset "Shift_JIS";
/* ページ構造 */

/*背景画像　全体リピート*/
body { background: url("/contents/all/omikuji2025_gw/image/background_01.png") repeat center top; }

.header_promotion{display: none;}
#global_banner{display: none;}
.contents_main{position: relative;}
.body_sph {
	background-size: 80% auto;
	-webkit-background-size: 80% auto;
	-moz-background-size: 80% auto;
	-o-background-size: 80% auto;
	-ms-background-size: 80% auto;
}
.body_sph .pict{width: 90%; margin: 1em auto;}
.background02{
    background-image: url("../image/background_02.png");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: -1;
}
.background_confetti_left,
.background_confetti_right{
    position: absolute;
    top: 0;
}
.background_confetti_left{left: 0px;}
.background_confetti_right{right: 0px;}
img.title {width: 700px;}
.body_sph img.title {width: 100%;}

@media screen and (max-width:1200px) { 
    /*　画面サイズが1200px以下はここを読み込む　*/
.background_confetti_left,
.background_confetti_right{
    width: calc(50%);
     z-index: -1;
}
}
@media screen and (min-width:1201px) and ( max-width:1600px) { 
    /*　画面サイズが1200px以上1600px以下はここを読み込む　*/
.background_confetti_left{left: 0px; z-index: -1}
.background_confetti_right{right: 0px; z-index: -1;}
}
@media screen and (min-width:1601px) { 
    /*　画面サイズが1600px以上はここを読み込む　*/
.background_confetti_left{left: calc(25% - 250px); z-index: 1;}
.background_confetti_right{right: calc(25% - 250px); z-index: 1;}
}


/*基本設定*/


.contents_main {
    width: auto !important;
}
.pict02{
    text-align: center;
    margin: 2%;
}
.pankuzu_list{display: none;}
.body_sph .sph_w90{  margin: 5% auto 0; width: 90%;}
.body_sph .sph_w40{ margin: 0 auto; width: 40%;}
.body_pc .caption{margin: 5% auto;width: 550px;}


    
/*==============================
概要と注釈部分
==============================*/

.contents_box {
    position: relative;
	text-align: center;
    border: 7px solid #d12a2a;
    background-color: #fffce4;
    margin: 5% auto 0;
    padding: 5% 0;
}
.body_pc .contents_box {
    width: 900px;
}
.body_sph .contents_box {
    padding: 10% 5%;
}



/*四隅の模様*/

.corners01,
.corners02,
.corners03,
.corners04{position: absolute;}

.body_sph .corners01,
.body_sph .corners02,
.body_sph .corners03,
.body_sph .corners04{width: 10%;}

.corners01{top: 10px; left: 10px;}
.corners02{transform: rotateZ(90deg); top: 10px; right: 10px;}
.corners03{transform: rotateZ(-90deg); bottom: 10px; left: 10px;}
.corners04{transform: rotateZ(180deg); bottom: 10px; right: 10px;}

.contents_box p { margin: 0.2em; font-size: 0.8em; }
.contents_box p span { display: inline-block; }
.contents_box .pict a img { max-width: 50%; }
.body_sph .contents_box .pict a img { max-width: 90%; }
.body_pc .contents_box { font-size: 1.13em; }

.btn_login{
    position: relative;
    z-index: 5;
    margin-bottom: 5%;
}

.contents_box02 {
    text-align: center;
    background-color: #fff;
    padding: 5% 0;
}

.body_sph .contents_box02 {
    padding: 5% 3%;
}