@charset "UTF-8";

/*		[Reset(html5)]
-----------------------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul,ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*wordpress reset css*/
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

select {
    text-transform: none;
}

button {
    overflow: visible;
}

button,
input,
select,
textarea {
    max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    padding: 0.875em;
}

fieldset > :last-child {
    margin-bottom: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

optgroup {
    font-weight: bold;
}
ol{
    list-style: none;
}

/*		[ General Setting]
-----------------------------------------------*/
body{
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    word-break: break-all;
}
a{
  overflow:hidden;
  outline:none;
}
a:link {
	color: #69c1e5;
	text-decoration: none;
}
a:visited {
	color: #69c1e5;
	text-decoration: none;
}
a:hover {
	color: #69c1e5;
	text-decoration: none;
}
a:active {
	color: #69c1e5;
	text-decoration: none;
}
a:hover img{
    opacity:0.8;
}


/*      [Header]
-----------------------------------------------*/

#logo a{
    width:155px;
    height:163px;
    display: block;
    background:url(img/logo.png) no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position:absolute;
    left:50px;top:0;
}

/*      [Global-navi]
-----------------------------------------------*/
#gnav{
    max-width:1000px;
    height:98px;
    margin:0 auto;
}
@media only screen and (max-width: 1470px) {
#gnav{
    margin:0 0 0 230px;
}
.home #gnav{
    margin:0 auto;
}
}
#gnav li{
    width:33.3%;
    height:98px;
    text-align:center;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);  
    float:left;
}
#gnav li a{
    height:41px;
    display:block;
    text-indent:-9999px;
    margin:30px auto 0;
}
.nav1 a{
    width:224px; 
    background:url(img/nav1.png) no-repeat center top;
}
.nav2 a{
    width:261px;
    background:url(img/nav2.png) no-repeat center top;
}
.nav3 a{
    width:218px;
    background:url(img/nav3.png) no-repeat center top;
}
#gnav li:hover{
    opacity:0.8;
}

/*      [Main-visual]
-----------------------------------------------*/
#mv{
    position:relative;
}
#mv h1{
    width:100%;
    height:90px;
    background:url(img/mv_title.png) no-repeat center center;
    background-color:rgba(105,56,44,0.9);
    position:absolute;
    bottom:0;left:0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index:3;
}
#mv ul{
    padding-bottom:88px;
}
#mv ul li{
    width:33.3%;
    height:630px;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);  
    float:left;
}
#mv ul li a{
    width:100%;
    height:100%;
    display:block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#mv ul li:hover{
    opacity:0.9;
}
.mv1{
    background:url(img/mv1.jpg) no-repeat center top;
    background-size:900px auto;
}
.mv2{
    background:url(img/mv02.jpg) no-repeat center top;
    background-size:900px auto;
}
.mv3{
    background:url(img/mv3.jpg) no-repeat center top;
    background-size:900px auto;
}

/*      [Toppage Contents]
-----------------------------------------------*/
.inner{
    max-width:1000px;
    margin:0 auto;
    position:relative;
}
.home #sec1{
    background:url(img/bg.jpg);
    padding:30px 0;
}

.home #sec1 .inner{
    display:table;
    width:1000px;
}
.home #sec1 h1{
    max-width:340px;
    display:table-cell;
}
.home #sec1 .txt{
    font-size:20px;
    font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    line-height:2em;
    color:#fff;
    text-align:center;
    max-width:660px;
    display:table-cell;
    vertical-align:middle;
}
.home #sec1 p{
    margin-bottom:1em;
}
.home #sec2{
    padding:50px 0 80px;
}
.home #sec2 h1{
    text-align:center;
    margin-bottom:50px;
}
.home #sec2 .box{
    width:33.3%;
    text-align:center;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);  
    float:left;
}
.home #sec2 .box p{
    width:170px;
    margin:23px auto 0;
}
.home #sec2 .box p a{
    display:block;
    padding:9px 10px;
    background:#e39300;
    color:#fff;
    border-radius:8px;
}
.home #sec2 .box2 p{
    margin:23px 0 0 84px;
}
.home #sec2 .box2 img{
	margin-left:-15px;
}

/*      [夏小紅ページ]
-----------------------------------------------*/
.page-1 #sec1{
    height:500px;
    background:url(img/natsukobeni/mv.jpg) no-repeat center top;
}
.page-1 #sec1 .inner{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.page-1 #sec2{
    padding:63px 0 65px;
}
.page-1 #sec2 h1{
    width:331px;
    float:left;
    margin-bottom:10px;
}
.page-1 #sec2 .pic{
    width:468px;
    float:right;
}
.page-1 #sec2 .txt{
    width:450px;
    float:left;
    margin-left:43px;
}
.page-1 #sec2 .txt p{
    line-height:2em;
    margin-bottom:1em;
}
.page-1 #sec3{
    height:498px;
    background:url(img/natsukobeni/bg1.jpg) no-repeat center top;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.page-1 #sec4{
    padding:63px 0 55px;
}

.page-1 #sec4 p{
    width:372px;
    float:left;
    margin-bottom:10px;
}
.page-1 #sec4 h1{
    width:495px;
    float:right;
    margin:20px 0 20px;
}
.page-1 #sec4 ul{
    width:490px;
    line-height:2em;
    float:right;
}
.page-1 #sec4 ul li{
    margin-bottom:1em;
    text-indent:-1em;
    padding-left:1em;
}
.page-1 #sec5{
    height:414px;
    background: url(img/natsukobeni/bg2.jpg) no-repeat center top;
    padding-top:40px;
}
.page-1 #sec5 h1{
    margin-bottom: 15px;
}
.page-1 #sec5 p{
    line-height:2em;
    margin-left:5px;
}
.page-1 #sec6{
    height:445px;
    background: url(img/natsukobeni/bg3.jpg) no-repeat center bottom;
    margin-bottom:56px;
}
.page-1 #sec6 h1,
.page-1 #sec7 h1,
.page-1 #sec8 h1{
    text-align:center;
}
.page-1 #sec6 .inner div{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.page-1 #sec7{
    background:url(img/bg.jpg);
    padding:30px 0 80px;
}
.page-1 #sec7 h1{
	margin-bottom:20px;
}
.page-1 #sec7 .wrap div{
    width:440px;
    min-height:416px;
    float:left;
    border-radius:6px;
    padding:20px;
    line-height:1.8em;
}
.page-1 #sec7 .wrap div.box-a{
    margin-right:40px;
    background:url(img/natsukobeni/ilust1.jpg) no-repeat #fff;
    background-position:right 10px bottom 33px;
}
.page-1 #sec7 .wrap div.box-b{
    background:url(img/natsukobeni/ilust2.jpg) no-repeat #fff;
    background-position:right 10px bottom -4px;
}
.page-1 #sec7 .wrap h2{
	font-size:22px;
	font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	margin-bottom:12px;
	padding:14px 0 0 42px;
}
.box-a h2{
	color:#c9151e;
	background:url(img/natsukobeni/icon_a.png) no-repeat left top;
}
.box-b h2{
	color:#1d2088;
	background:url(img/natsukobeni/icon_b.png) no-repeat left top;
}
.page-1 #sec7 .box-a ol{
	width:335px;
}
.page-1 #sec7 .box-b ol{
	width:330px;
}
.page-1 #sec7 .wrap p,
.page-1 #sec7 .wrap li{
	margin-bottom:1em;
}
.page-1 #sec8{
    padding:46px 0 96px;
}
.page-1 #sec8 .inner{
    max-width:1150px;
}
.page-1 #sec8 h1{
    margin-bottom:10px;
}
.page-1 #sec8 ul{
    margin-bottom:96px;
}
.page-1 #sec8 ul li{
    float:left;
}
.page-1 #sec8 ul li.pic1{
    margin:0 32px 0 36px;
}
.page-1 #sec8 p{
    text-align:center;
}
.tool-dl{
    width:420px;
    height:60px;
    margin:0 auto 15px;
}
.tool-dl input{
    width:100%;
    height:60px;
    line-height:59px;
    display:block;
    font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    text-align:center;
    color:#fff;
    font-size:27px;
    background:#ed8400;
    border:solid 3px #ed8400;
    border-radius:30px;
    text-indent:8px;
}
.tool-dl input:hover{
	color:#ed8400;
	background:#fff;
}
.movie{
    max-width:560px;
    margin:20px auto 0;
    padding:0 30px;
}

/*      [サンドルチェページ]
-----------------------------------------------*/
.page-2 #sec1{
    height:503px;
    background:url(img/sundolce/mv.jpg) no-repeat center top;
    margin-bottom:22px;
}
.page-2 #sec1 .inner{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.page-2 #sec2{
	margin-bottom:30px;
}
.page-2 #sec2 h1{
	width:441px;
	float:right;
	margin:61px 58px 10px 0;
}
.page-2 #sec2 .pic{
	width:390px;
	text-align:right;
	float:left;
}
.page-2 #sec2 .txt{
	width:423px;
    line-height:2em;
	float:right;
	margin-right:58px;
}
.page-2 #sec3{
	margin-bottom:70px;
}
.page-2 #sec3 h1{
	width:460px;
	float:left;
	margin:50px 0 15px;
	padding-left:43px;
}
.page-2 #sec3 .pic{
	width:445px;
	float:right;
}
.page-2 #sec3 .txt{
	width:410px;
	padding-left:45px;
    line-height:2em;
	float:left;
}
.page-2 #sec4{
    height:454px;
    color:#fff;
    background:url(img/sundolce/bg.jpg) no-repeat center top;
}
.page-2 #sec4 .inner div{
	padding:60px 0 0 490px;
	line-height:2em;
}
.page-2 #sec4 h1{
	margin-bottom:5px;
}
.page-2 #sec4 p{
	margin-left:5px;
}
.page-2 #sec5{
	text-align:center;
	margin-bottom:55px;
}
.page-2 #sec5 h1{
	margin-bottom:15px;
}
.page-2 #sec5 .carender{
	height:481px;
	background:url(img/sundolce/calendar.jpg) no-repeat center top;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin-top:-75px;
}
.page-2 #sec5 .pic{
	width:187px;
	position:absolute;
	left:3px;top:36px;
}
.page-2 #sec6{
    background:url(img/bg.jpg);
    padding:35px 0 80px;
    margin-bottom:58px;
}
.page-2 #sec6 h1{
	text-align:center;
	margin-bottom:34px;
}
.page-2 #sec6 ul{
	margin-bottom:15px;
}
.page-2 #sec6 li{
	width:230px;
	float:left;
	margin-right:26px;
}
.page-2 #sec6 li.box4{
	margin-right:0;
}
.page-2 #sec6 p{
	line-height:2em;
	text-indent:-1em;
	padding-left:1em;
	margin-left:210px;
}
.page-2 #sec7{
	text-align:center;
	line-height:2em;
	margin-bottom:96px;
}
.page-2 #sec7 h1{
	margin-bottom:60px;
}
.page-2 #sec7 .preparing{
	margin-bottom:100px;
}
.page-2 .recipe{
    text-align:left;
    background:url(img/sundolce/line.png) no-repeat left bottom;
    padding-bottom:60px;
    margin-bottom:60px;
}
.page-2 .recipe1{
    margin-bottom:85px;
}
.page-2 .recipe1 h2,
.page-2 .recipe3 h2{
    width:477px;
    float:left;
}
.page-2 .recipe2 h2{
    width:477px;
    float:right;
}
.page-2 .recipe3{
    background:none;
}
.page-2 .recipe1 .txt,
.page-2 .recipe3 .txt{
    width:calc(100% - 520px);
    float:right;
    position:relative;
    line-height:1.8em;
}
.page-2 .recipe2 .txt{
    width:calc(100% - 520px);
    float:left;
    position:relative;
    line-height:1.8em;
}
.page-2 .recipe .txt .clearfix{
    margin-bottom:7px;
}
.page-2 .recipe1 h3{color:#8cc63f;}
.page-2 .recipe2 h3{color:#f15a29;}
.page-2 .recipe3 h3{color:#f7931d;}
.page-2 .recipe .clearfix li{
    min-width:45%;
    float:left;
    font-size:15px;
}
.page-2 .recipe ol li{
    font-size:15px;
}
.page-2 #sec7 .deco{
    position:absolute;
}
.page-2 #sec7 .deco1{
    right:37px;bottom:-33px;
}
.page-2 #sec7 .deco2{
    right:11px;top:-57px;
}
.page-2 #sec7 .deco3{
    left:-31px;bottom:-36px;
    display:none;
}
.page-2 #sec7 .deco4{
    right:-21px;top:-53px;
}
.page-2 #sec7 .deco5{
    right:0px;top:-101px;
}
.page-2 #sec7 .deco5 img{
    background:#fff;
}

/*      [美ら星ページ]
-----------------------------------------------*/
.page-3 #sec1{
    height:500px;
    background:url(img/churaboshi/mv.jpg) no-repeat center top;
    margin-bottom:63px;
}
.page-3 #sec1 .inner{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.page-3 #sec2{
    margin-bottom:70px;
}
.page-3 #sec2 h1{
    width:474px;
    float:right;
    margin:0 0 15px;
}
.page-3 #sec2 .pic{
    width:468px;
    float:left;
    margin-top:10px;
}
.page-3 #sec2 .txt{
    width:440px;
    line-height:2em;
    float:right;
    margin-right:20px;
}
.page-3 #sec3{
    margin-bottom:65px;
}
.page-3 #sec3 h1{
    width:334px;
    float:left;
    margin:15px 0 25px;
}
.page-3 #sec3 .pic{
    width:372px;
    float:right;
    margin-right:70px;
}
.page-3 #sec3 .txt{
    width:450px;
    line-height:2em;
    float:left;
    margin-left:5px;
}
.page-3 #sec4{
    height:454px;
    background:url(img/churaboshi/bg.jpg) no-repeat center top;
}
.page-3 #sec4 .inner div{
    padding:50px 0 0 540px;
    line-height:2em;
}
.page-3 #sec4 p{
    margin-left:35px;
}
.page-3 #sec5{
    text-align:center;
    margin-bottom:60px;
}
.page-3 #sec5 h1{
    margin-bottom:15px;
}
.page-3 #sec5 .carender{
    height:162px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(img/churaboshi/carender.png) no-repeat center top;
    margin-top:10px;
}
.page-3 #sec5 .pic{
    width:187px;
    position:absolute;
    left:0;top:38px;
    z-index: -1;
}
.page-3 #sec6{
    background:url(img/bg.jpg);
    padding:35px 0 70px;
    margin-bottom:58px;
}
.page-3 #sec6 h1{
    width:420px;
    margin:0 auto 30px;
}
.page-3 #sec6 .wrap{
    background:#fff;
    border-radius:6px;
    padding:20px 0 15px;
}
.page-3 #sec6 .wrap p.cut{
    width:449px;
    float:left;
    margin-left:22px;
}
.page-3 #sec6 .wrap p.pic{
    width:448px;
    float:right;
    margin-right:26px;
}
.page-3 #sec7{
    text-align:center;
    margin-bottom:100px;
}
.page-3 #sec7 .inner{
    max-width:1032px;
}
.page-3 #sec7 h1{
    margin-bottom:38px;
}
.page-3 #sec7 ul{
    margin-bottom:90px;
}
.page-3 #sec7 li{
    width:344px;
    text-align:center;
    float:left;
    margin-bottom:25px;
}
.page-3 #sec7 li.pic1{
    margin-left:-10px;
}
.page-3 #sec7 li.pic2{
    padding-left:3px;
}
.page-3 #sec7 li.pic3{
    margin-top:-16px;
}
.page-3 #sec7 li.pic3 img{
    margin-left:13px;
}

/*      [Footer]
-----------------------------------------------*/

#footer{
    padding:20px 0;
    font-size:14px;
    background:#69382c;
    color:#fff;
    text-align:center;
}

/*      [Tablet]
-----------------------------------------------*/ 
@media only screen and (max-width: 960px) {
/* トップページ */
#mv ul li{
    height:520px;
}

#gnav{
    margin:0 0 0 150px;
    height:78px;
}
#gnav li{
    height:78px;
}
#gnav li a{
    margin-top:22px;
    background-size:auto 36px;
}
.page .nav1 a{
    width:95px;
    background-position:left top;
}
.page .nav2 a{
    width:153px;
    background-position:left top;
}
.page .nav3 a{
    width:95px;
    background-position:left top;
}
#mv h1{
    background-size:80% auto;
    height:65px;
}
#mv ul{
    padding-bottom:0;
}
.mv1{
    background:url(img/mv1.jpg) no-repeat center top;
    background-size:cover;
}
.mv2{
    background:url(img/mv02.jpg) no-repeat center top;
    background-size:cover;
}
.mv3{
    background:url(img/mv3.jpg) no-repeat center top;
    background-size:cover;
}
.home #sec1{
    padding:40px 0;
}
.home #sec1 .inner{
    width:100%;
}
.home #sec1 h1{
    width:30%;
    padding-left:20px;
}
.home #sec1 h1 img{
    width:100%;
    height:auto;
}
.home #sec1 .txt{
    width:70%;
    font-size:18px;
    padding:0 20px;
}
.home #sec2{
    padding-top:30px;
}
.home #sec2 h1{
    margin-bottom:35px;
}
.home #sec2 h1 img{
    height:72px;
    width:auto;

}
.home #sec2 .box p{
    width:150px;
    margin:23px auto 0;
}
.home #sec2 .box p a{
    display:block;
    padding:9px 10px;
    background:#e39300;
    color:#fff;
    border-radius:8px;
}
.home #sec2 .box2 p{
    margin:23px auto 0;
}
.home #sec2 .box1 img{
    width:234px;
    height:auto;
}
.home #sec2 .box2 img{
    width:285px;
    height:auto;
}
.home #sec2 .box3 img{
    width:210px;
    height:auto;
}
/*      夏小紅ページ
-------------------------- */
#logo a{
    width:120px;
    height:126px;
    background-size:120px auto;
    left:20px;top:0;
}
.page #sec1{
    background-size:auto 350px;
    height:350px;
}
.page-1 #sec2 .inner{
    padding-left:30px;
    padding-right:30px;
}
.page-1 #sec2 h1,
.page-1 #sec2 .txt{
    width:calc(50% - 30px);
}
.page-1 #sec2 .pic{
    width:50%;
    text-align:center;
}
.page-1 #sec2 h1 img{
    width:281px;
    height:auto;
}
.page-1 #sec2 .pic img{
    width:320px;
    height:auto;
}
.page-1 #sec2{
    padding:50px 0;
}
.page-1 #sec2 .txt{
    width:44%;
    float:left;
    margin-left:20px;
}
.page-1 #sec3{
    height:380px;
    background-size:auto 380px;
}
.page-1 #sec4{
    padding:50px 30px 50px;
}
.page-1 #sec4 h1{
    width:calc(100% - 340px);
    float:right;
}
.page-1 #sec4 h1 img{
    width:198px;
    height:auto;
}
.page-1 #sec4 p{
    width:280px;
}
.page-1 #sec4 p img{
    width:100%;
    height:auto;
}
.page-1 #sec4 ul{
    width:calc(100% - 340px);
}
.page-1 #sec5{
    height:380px;
    background-size:auto 420px;
}
.page-1 #sec5 .inner{
    padding:0 30px;
}
.page-1 #sec5 h1 img{
    width:352px;
    height:auto;
}
.page-1 #sec6{
    height:330px;
    background-size:auto 243px;
}
.page-1 #sec6 h1 img{
    width:450px;
    height:auto;
}
.page-1 #sec7 h1 img{
    width:484px;
    height:auto;
}
.page-1 #sec7 .wrap div{
    width:calc(50% - 85px);
    min-height:537px;
}
.page-1 #sec7 .wrap{

}
.page-1 #sec7 .wrap div.box-a{
    margin:0 30px;
}
.page-1 #sec7 .box-a ol{
    width:auto;
    padding-right:110px;
}
.page-1 #sec7 .box-b ol{
    width:auto;
    padding-right:120px;
}
.page-1 #sec8 h1 img{
    width:500px;
    height:auto;
}
.page-1 #sec8 ul{
    display:flex;
    margin-bottom:55px;
}
.page-1 #sec8 ul li img{
    width:100%;
    height:auto;
}
.tool-dl{width:400px;}
.tool-dl input{
    font-size:25px;
}

/*      サンドルチェページ
-------------------------- */
.page-2 #sec2 h1 img{
	width:375px;
	height:auto;
}
.page-2 #sec2 h1,
.page-2 #sec2 .txt{
	width:420px;
}
.page-2 #sec2 .pic{
	width:calc(100% - 478px);
	text-align:center;
}
.page-2 #sec2{
	margin-bottom:10px;
}
.page-2 #sec3 h1,
.page-2 #sec3 .txt{
	width:calc(100% - 463px);
}
.page-2 #sec3 .txt{
	padding-left:43px;
}
.page-2 #sec3 h1 img{
	width:284px;
	height:auto;
}
.page-2 #sec3 .pic{
	width:420px;
	text-align:center;	
}
.page-2 #sec3 .pic img{
	width:290px;
	height:auto;
}
.page-2 #sec4{
	height:380px;
}
.page-2 #sec4 .inner div{
	padding:0;
	position:absolute;
	right:30px;top:30px;
}
.page-2 #sec4 h1 img{
	width:355px;
	height:auto;
}
.page-2 #sec5{
	margin-bottom:40px;
}
.page-2 #sec5 h1 img{
	width:475px;
	height:auto;
}
.page-2 #sec5 .pic img{
	width:100%;
	height:auto;
}
.page-2 #sec5 .pic{
	width:159px;
	left:50%;
	margin-left:-415px;
}
.page-2 #sec5 .carender{
	padding-top:48.1%;
	height:0;
	background-size:contain;
    margin-top:-54px;
}
.page-2 #sec6{
	padding-bottom:50px;
	margin-bottom:45px;
}
.page-2 #sec6 h1{
	margin-bottom:15px;
}
.page-2 #sec6 h1 img{
	width:454px;
	height:auto;
}
.page-2 #sec6 ul{
	display:table;
	margin:0 20px;
}
.page-2 #sec6 ul li{
	width:auto;
	display:table-cell;
	float:none;
	padding:15px;
}
.page-2 #sec6 ul li img{
	width:100%;
	height:auto;
}
.page-2 #sec6 p{
	margin-left:0;
	text-align:center;
}
.page-2 #sec7{
	overflow: hidden;
}
.page-2 #sec7 h1 img{
	width:517px;
	height:auto;
}
.page-2 #sec7 .preparing {
    margin-bottom: 70px;
}
.page-2 .recipe h2{
	float:none;
	width:auto;
	height:213px;
	margin-bottom:15px;
}
.page-2 .recipe h2 img{
	display:none;
}
.page-2 .recipe1 h2{
	background: url(img/sundolce/recipe1_m.jpg) no-repeat center top;
}
.page-2 .recipe2 h2{
	background: url(img/sundolce/recipe2_m.jpg) no-repeat center top;
}
.page-2 .recipe3 h2{
	background: url(img/sundolce/recipe3_m.jpg) no-repeat center top;
}
.page-2 .recipe2 h2{
	margin-bottom:50px;
}
.page-2 .recipe1 .txt,
.page-2 .recipe2 .txt,
.page-2 .recipe3 .txt{
	float:none;
	width:auto;
	max-width:560px;
	margin:0 auto;
}
.page-2 .recipe{
	background:none;
	margin:0 30px 20px;
}
.page-2 #sec7 .deco1{
    right:-23px;bottom:-23px;
}
.page-2 #sec7 .deco2{
    right:-108px;top:-1px;
}
.page-2 #sec7 .deco3{
    left:-46px;bottom:-36px;
    display:block;
}
.page-2 #sec7 .deco4{
    right:-50px;top:-32px;
}
.page-2 #sec7 .deco5{
    right:-36px;top:16px;
}
.page-2 #sec7 .deco5 img{
    background:transparent;
}
.page-2 .recipe2 .clearfix li{
	float:none;
}
.page-2 .recipe2{
	margin-bottom:10px;
}

/*      美ら星ページ
-------------------------- */
.page-3 #sec1,
.page-3 #sec2{
    margin-bottom:45px;
}
.page-3 #sec2 h1 img{
    width:281px;
    height:auto;
}
.page-3 #sec2 h1,
.page-3 #sec2 .txt{
    width:calc(50% - 30px);
    margin:0;
    margin-right:30px;
}
.page-3 #sec2 .pic,
.page-3 #sec3 .pic{
    width:50%;
    text-align:center;
    margin:0;
}
.page-3 #sec2 .pic img{
    width:320px;
    height:auto;
    margin-top:10px;
}
.page-3 #sec3 h1,
.page-3 #sec3 .txt{
    width:calc(50% - 30px);
    margin:0;
    margin-left:30px;
}
.page-3 #sec3 h1 img{
    width:284px;
    height:auto;
    margin-bottom:10px;
}
.page-3 #sec3 .pic img{
    width:290px;
    height:auto;
}
.page-3 #sec2 h1,
.page-3 #sec3 h1{
    margin-bottom:10px;
}
.page-3 #sec4{
    height:380px;
}
.page-3 #sec4 .inner div{
    padding:0;
    position:absolute;
    right:30px;
    top:30px;
}
.page-3 #sec4 h1 img{
    width:353px;
    height:auto;
}
.page-3 #sec4 p{
    margin-left:0;
}
.page-3 #sec5{
    margin-bottom:45px;
}
.page-3 #sec5 h1 img{
    width:475px;
    height:auto;
}
.page-3 #sec5 .pic img{
    width:159px;
    height:auto;
}
.page-3 #sec5 .pic{
    width:159px;
    left:50%;
    margin-left:-438px;
}
.page-3 #sec5 .carender{
    padding-top:16.85%;
    height:0;
    background-size:contain;
}
.page-3 #sec6{
    padding:25px 20px 40px;
    margin-bottom:45px;
}
.page-3 #sec6 h1{
    width:auto;
    text-align:center;
    margin:0 auto 20px;
}
.page-3 #sec6 h1 img{
    width:294px;
    height:auto;
}
.page-3 #sec6 .wrap{
    display:flex;
}
.page-3 #sec6 .wrap p.cut,
.page-3 #sec6 .wrap p.pic{
    width:auto;
    float:none;  
}
.page-3 #sec6 .wrap p.cut{
    margin:0 20px;
}
.page-3 #sec6 .wrap p.pic{
    margin-right:20px;
}
.page-3 #sec6 .wrap p img{
    width:100%;
    height:auto;
}
.page-3 #sec7{
    margin-bottom:90px;
}
.page-3 #sec7 h1 img{
    width:517px;
    height:auto;
}
.page-3 #sec7 li{
    width:calc(50% - 30px);
    text-align:left;
    padding:0 20px 0 10px;
}
.page-3 #sec7 li.pic1,
.page-3 #sec7 li.pic3,
.page-3 #sec7 li.pic5{
    text-align:right;
    padding:0 10px 0 20px;
}
.page-3 #sec7 li img{
    max-width:100%;
    height:auto;
}
.page-3 #sec7 li.pic3 img,
.page-3 #sec7 li.pic1{
    margin-left:0;
}
.page-3 #sec7 li.pic2 img{
    margin-left:-5px;
}
.page-3 #sec7 ul{
    margin-bottom:40px;
}
}
/*      [SmartPhone]
-----------------------------------------------*/
@media screen and (max-width: 640px) {
/* トップページ */
#mv ul li{
    height:400px;
}
.mv1{background-image:url(img/mv1_m.jpg);}
.mv2{background-image:url(img/mv02_m.jpg);}
.mv3{background-image:url(img/mv3_m.jpg);}
#mv h1{
    height:40px;
}
#gnav{
    height:75px;
    margin:0 0 0 80px;
}
#gnav li{
    height:75px;
}
#gnav li a{
    height:60px;
    margin-top:15px;
    background-size:auto 45px;
}
.nav1 a{
    width:44px;
    background:url(img/nav1_m.png) no-repeat center top;
    background-size:auto 45px;
}
.nav2 a{
    width:87px;
    background:url(img/nav2_m.png) no-repeat center top;
    background-size:auto 45px;
}
.nav3 a{
    width:44px;
    background:url(img/nav3_m.png) no-repeat center top;
    background-size:auto 45px;
}
.page .nav1 a{
    width:100%;
    background-position:left top;
    background-position:center top;
}
.page .nav2 a{
    width:100%;
    background-position:left top;
    background-position:center top;
}
.page .nav3 a{
    width:100%;
    background-position:left top;
    background-position:center top;
}
#logo a{
    width:70px;
    height:74px;
    background-size:70px auto;
    left:10px;top:0;
}
.home #sec1 .inner{
    display:block;
}
.home #sec1{
    padding:20px 0;
}
.home #sec1 h1{
    width:160px;
    display:block;
    float:none;
    margin:0 auto;
    text-align:center;
}
.home #sec1 .txt{
    width:calc(100% - 60px);
    padding:0 30px;
    display:block;
    float:none;
    text-align:left;
}
.home #sec1 .mb-none{
    display:none;
}
.home #sec2 h1 img{
    height:65px;
    width:auto;

}
.home #sec2 .box{
    width:100%;
    float:none;
    margin-bottom:70px;
}
.home #sec2 .box img{
    display:none;
}
.home #sec2 .box1 h2 a{
    height:210px;
    display:block;
    background:url(img/fruits1_m.jpg) no-repeat center top;
    background-size:auto 210px;
}
.home #sec2 .box2 h2 a{
    height:317px;
    display:block;
    background:url(img/fruits2_m.jpg) no-repeat center top;
    background-size:auto 317px;
}
.home #sec2 .box3 h2 a{
    height:232px;
    display:block;
    background:url(img/fruits3_m.jpg) no-repeat center top;
    background-size:auto 232px;
}
.home #sec2 .box.box3{
    margin-bottom:0;
}
.home #sec2 .box p{
    width:200px;
    margin:23px auto 0;
}

/*      夏小紅ページ
-------------------------- */
.page #sec1{
    height:200px;
}
.page-1 #sec1{
    background:url(img/natsukobeni/mv_m.jpg) no-repeat center top;
    background-size:auto 200px;
}
.page-2 #sec1{
    background:url(img/sundolce/mv_m.jpg) no-repeat center top;
    background-size:auto 200px;
}
.page-3 #sec1{
    background:url(img/churaboshi/mv_m.jpg) no-repeat center top;
    background-size:auto 200px;
}
.page section h1 img{
    max-width:100%;
    height:auto;
}
.page-1 #sec2{
    padding:25px 0;
}
.page-1 #sec2 h1{
    width:220px;
    float:none;
    margin:0 auto 10px;
}
.page-1 #sec2 .pic{
    width:auto;
    float:none;
    margin:0 auto 10px;
}
.page-1 #sec2 .txt{
    width:auto;
    float:none;
    margin:0;
}
.page-1 #sec3{
    height:454px;
    background:url(img/natsukobeni/bg1_m.jpg) no-repeat center top;
    background-size:800px auto;
}
.page-1 #sec4{
    padding:20px 30px 30px;
}
.page-1 #sec4 h1{
    width:auto;
    float:none;
    text-align:center;
}
.page-1 #sec4 h1 img{
	width:156px;
}
.page-1 #sec4 p{
    width:250px;
    float:none;
    margin:0 auto 15px;
}
.page-1 #sec4 ul{
    width:auto;
    float:none;
}
.page-1 #sec5{
    background-size: auto 550px;
    height:300px;
}
.page-1 #sec5 h1 img{
	width:278px;
}
.page-1 #sec6{
    height:auto;
    background:none;
    margin-bottom:40px;
}
.page-1 #sec6 .inner div{
    height:0;
    padding-top:36.88%;
    background:url(img/natsukobeni/bg3_m.jpg) no-repeat center top;
    background-size:contain;
}
.page-1 #sec6 h1{
    padding:0 30px;
}
.page-1 #sec7{
    padding:30px;
}
.page-1 #sec7 .wrap div{
    width:auto;
    min-height:auto;
    float:none;
    margin:0 0 20px 0;
}
.page-1 #sec7 .wrap h2{
	font-size:18px;
	padding:5px 0 0 30px;
}
.box-a h2,
.box-b h2{
	background-size:22px auto;
}
.page-1 #sec7 .wrap div.box-a{
    margin:0 0 20px 0;
    background-size:101px auto;
    background-position: right 10px center;
}
.page-1 #sec7 .wrap div.box-b{
	padding-bottom:55px;
	background-size:238px auto;
}
.page-1 #sec7 .box-a ol,
.page-1 #sec7 .box-b ol{
	padding-right:94px;
}
.page-1 #sec7 .box-b ol li:nth-child(3){
	padding-right:1em;
}
.page-1 #sec8{
    padding:30px 30px 60px;
}
.page-1 #sec8 ul{
    display:block;
}
.page-1 #sec8 ul li{
	float:none;
	text-align:center;
}
.page-1 #sec8 ul li.pic1 img{
	width:277px;
	margin-left:-26px;
}
.page-1 #sec8 ul li.pic2 img{
	width:296px;
	margin-right:-36px;
}

.tool-dl{
    width:280px;
    height:40px;
}
.tool-dl input{
    font-size:18px;
    height:40px;
    line-height:36px;
    border-radius:20px;
}
.movie iframe{
    height:260px;
}
/*      サンドルチェページ
-------------------------- */
.page-2 #sec2 h1,
.page-2 #sec2 .pic,
.page-2 #sec3 h1,
.page-2 #sec3 .pic{
	width:100%;
	float:none;
	text-align:center;
	margin:0;
	padding:0;
}
.page-2 #sec2 h1 img{
	width:296px;
}
.page-2 #sec3 h1 img{
	width:224px;
	margin-bottom:15px;
    margin-left:-10px;
}
.page-2 #sec2 .pic img{
	width:120px;
}
.page-2 #sec3 .pic img{
	width:250px;
	margin-bottom:15px;
}
.page-2 #sec2 .txt,
.page-2 #sec3 .txt{
	width:auto;
	margin:0;
	float:none;
	padding:0 30px;
	margin-bottom:30px;
}
.page-2 #sec3{
	margin-bottom:5px;
}
.page-2 #sec4{
	height:340px;
	background-size: auto 340px;
	background-position:left -610px top 0;
}
.page-2 #sec4 .inner div{
	position:static;
	padding-top:30px;
}
.page-2 #sec4 h1{
	text-align:center;
}
.page-2 #sec4 h1 img{
	width:280px;
}
.page-2 #sec4 p{
	margin:0 30px;
}
.page-2 #sec5 h1 img{
	width:375px;
}
.page-2 #sec5 h1 + p{
	line-height:1.8em;
}
.page-2 #sec5 .pic{
	width:100%;
	margin:15px 0 0;
	text-align:center;
	position:static;
}
.page-2 #sec5 .pic img{
	width:125px;
}
.page-2 #sec5 .carender{
	margin:20px 10px 0;
    background-image:url(img/sundolce/calendar_m.jpg);
    padding-top:67.94%;
}
.page-2 #sec6 h1 img{
	width:357px;
}
.page-2 #sec6 ul{
	display:block;
	margin:0;
}
.page-2 #sec6 ul li{
	width:50%;
	float:left;
	padding:0;
	margin:0 0 10px;
}
.page-2 #sec6 ul li img{
	width:150px;
	margin:0 10px;
}
.page-2 #sec6 ul li.box1,
.page-2 #sec6 ul li.box3{
	text-align:right;
}
.page-2 #sec6 p{
	text-align:left;
	padding:0 45px;
}
.page-2 #sec6{
	padding-bottom:40px;
	margin-bottom:0;
}
.page-2 #sec7{
	padding:30px 0;
	margin-bottom:0;
}
.page-2 #sec7 h1{
	margin:10px 30px 30px;
}
.page-2 .recipe{
	padding-bottom:40px;
}
.page-2 .recipe1 h2{
	background: url(img/sundolce/recipe1_m.jpg) no-repeat center top;
	background-size:contain;
	height:0;
	padding-top:38.03%;
}
.page-2 .recipe2 h2{
	background: url(img/sundolce/recipe2_m.jpg) no-repeat center top;
	background-size:contain;
	height:0;
	padding-top:38.03%;
	margin-bottom:15px;
}
.page-2 .recipe3 h2{
	background: url(img/sundolce/recipe3_m.jpg) no-repeat center top;
	background-size:contain;
	height:0;
	padding-top:38.03%;
}
.page-2 #sec7 .deco{
	display: none;
}

/*      美ら星ページ
-------------------------- */
.page-3 #sec1{
    margin-bottom:22px;
}
.page-3 #sec2 h1,
.page-3 #sec2 .pic,
.page-3 #sec3 h1,
.page-3 #sec3 .pic{
    width:100%;
    float:none;
    text-align:center;
    margin:0;
    padding:0;
}
.page-3 #sec2 .txt,
.page-3 #sec3 .txt{
    width:auto;
    margin:0;
    float:none;
    padding:0 30px;
    margin-bottom:30px;
}
.page-3 #sec2 h1 img{
    width:222px;
}
.page-3 #sec3 h1 img{
    width:224px;
}
.page-3 #sec3 .pic img{
    width:250px;
}
.page-3 #sec2 .pic,
.page-3 #sec3 .pic{
    margin-bottom:15px;
}
.page-3 #sec2,
.page-3 #sec3{
    margin-bottom:20px;
}
.page-3 #sec4 h1 img{
    width:278px;
}
.page-3 #sec4 .inner div{
    position:static;
    padding:30px;
}
.page-3 #sec4{
    height:340px;
    background-size:auto 340px;
}
.page-3 #sec5 h1 img{
    width:375px;
}
.page-3 #sec5 .pic{
    width:auto;
    position:static;
    text-align:center;
    margin:10px 0 0;
}
.page-3 #sec5 h1 + p{
    line-height:1.8em;
    margin:0 20px;
}
.page-3 #sec5{
    margin-bottom:30px;
}
.page-3 #sec5 .carender{
    background-image:url(img/churaboshi/calendar_m.png);
    padding-top:20.31%;
    margin:20px 20px 0;
}
.page-3 #sec6{
    margin-bottom:0;
}
.page-3 #sec6 h1 img{
    width:232px;
}
.page-3 #sec6 .wrap{
    display:block;
}
.page-3 #sec6 h1{
    margin-bottom:15px;
}
.page-3 #sec6 .wrap p.pic{
    margin:20px 20px 0;
}

.page-3 #sec6 .wrap p.cut img{
    display:none;
}
.page-3 #sec6 .wrap p.cut{
    background:url(img/churaboshi/cut_m.jpg) no-repeat;
    background-size:contain;
    padding-top:261.2%;
    height:0;
    margin:0 5px;
}
.page-3 #sec7{
    padding:30px;
    margin-bottom:40px;
}
.page-3 #sec7 li{
    float:none;
    text-align:center;
    width:auto;
    padding:0;
}
.page-3 #sec7 li.pic1,
.page-3 #sec7 li.pic3,
.page-3 #sec7 li.pic5{
    text-align:center;
    padding:0;
}
.page-3 #sec7 li.pic2 img{
    margin-left:-14px;
}
.page-3 #sec7 li.pic1 img{
    margin-left:-21px;
}
.page-3 #sec7 h1{
    margin-bottom:30px;
}
#footer{
    padding:15px 0;
    font-size:10px;
}
}

/*		[Clearfix]
-----------------------------------------------*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 
.clear{clear:both;}