@charset "shift_jis";

@media screen and (max-width:736px){
body#GsrNavi{
min-width: inherit;
}
body#GsrNavi #main{
width: auto;
}

#main .mainInr .mainArea .mainAreaInr h1{
padding: 0;
background: none;
border-left: none;
}
#main .mainInr .mainArea{
max-width: inherit;
height: auto;
background-position: 39% bottom;
}
#main .mainAreaHead{
padding: 3px 5px;
width: auto;
}
#main .mainAreaHead img{
width: 16%;
}
#main .mainInr .mainArea .mainAreaInr{
width: auto;
position: relative;
padding: 0 0 10px;
text-align: center;
}
#main .mainInr .mainArea .mainAreaInr h1{
width: 70%;
margin: 0 auto 15px;
}
#main .mainInr .mainArea .mainAreaInr .main_cloud{
right: 0;
top: 0;
position: inherit;
text-align: right;
}
#main .mainInr .mainArea .mainAreaInr .main_cloud img{
width: 60%;
}
#main .mainInr .mainArea .mainAreaInr .main_buu{
width: 100%;
margin-top: -10%;
position: relative;
}
#main .mainInr .mainArea .mainAreaInr .main_buu img{
width: 60%;
}

#main .bg_bdblue{
background: url(/dotcoboo/img/bg_blue.gif) repeat left top;
padding: 10px 0 30px;
}
#main .bg_bdwhite{
background: url(/dotcoboo/img/bg_white.gif) repeat left top;
padding: 10px 0 30px;
}
#main .bg_bdwhite2{
background: url(/dotcoboo/img/bg_white.gif) repeat left top;
padding: 50px 0;
}
#main .boo_prof, .boo_sns, .boo_pre, h2{
text-align: center;
margin: 0 0 10px;
padding: 0;
border: none;
}
#main .boo_prof, .boo_sns, .boo_pre, .boo_other{
width: auto;
margin: 0 5px;
}
#main #boo_prof dd{
width: auto;
float: none;
padding: 0;
text-align: center;
}
#main #boo_prof dt{
width: auto;
float: none;
padding: 10px 0 0;
text-align: center;
}
#main #boo_prof dd img{
width: 90%;
}
#main #boo_prof dt img{
width: 55%;
}
#main #boo_sns .boo_sns .sns_tw{
margin-bottom: 5px!important;
}
#main #boo_sns .boo_sns .sns_ig{
margin-top: 20px!important;
margin-bottom: 5px!important;
}
#main #boo_sns .boo_sns p img{
width: 90%;
}
#main #boo_sns .boo_sns .sns_tw img{
width: 25%;
}
#main #boo_sns .boo_sns .sns_ig img{
width: 30%;
}
#main #boo_pre .img_pre{
width: 90%;
}
/*#main #boo_pre dl{
background: url(/dotcoboo/img/bg_present.png) center;
background-size: 90%;
}
#main #boo_pre dd,
#main #boo_pre dt{
width: 50%;
padding: 10px 0;
}
#main #boo_pre dd{
text-align: right;
}
#main #boo_pre dt{
text-align: left;
}
#main #boo_pre dd img{
width: 50%;
}
#main #boo_pre dt img{
width: 60%;
}*/
#main #boo_pre .tw_campaign{
max-width: 600px;
margin: 10px auto 0;
}
#main #boo_pre .tw_campaign dd{
float: left;
width: 58%;
padding-left: 12px;
}
#main #boo_pre .tw_campaign dt{
float: right;
width: 38%;
padding: 15px 0 0;
}
#main #boo_pre .tw_campaign dt img{
width: 88%;
height: auto;
}


#main #boo_other .boo_other .kouza{
margin-bottom: 20px;
}

#main #boo_other .boo_other .social img{
width: 55%;
margin: 0 auto;
}


.spFooter{
padding: 0!important;;
}

#twitterBlock,
#instaBlock{
	width: auto;
	margin: auto;
}


}