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

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

共通スタイル

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

*{
	margin: 0;
	padding: 0;
}
	

body{
	  font-size:16px;
	  line-height:1.5em;
	  letter-spacing:0.1em;
	  color:#313131;
	  font-family:"Hiragino Sans","ヒラギノ角ゴシック","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	  background-color:#fff;
	  overflow-y:scroll;
	  overflow-x:hidden;
	  }
span{
    display: inline-block;
    white-space: nowrap;
}	  
a {
	transition:0.3s;
	-webkit-transition:0.3s;
 　 -moz-transition:0.3s;
 　 -o-transition:0.3s;
	color:#313131;
	text-decoration:none;
	outline:none;
    border: medium none;
    cursor: pointer;
	}
a:hover,
a:focus,
a:active { color: #707070;text-decoration: none; outline: none;}
a:visited{
	outline:none;
	}
	
a img {
    border: medium none;
	outline:none;
    widht:100%;
	}
	
a.hover_bt:hover img,
a.hover_bt:focus img,
a.hover_bt:active img {
    opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: “alpha( opacity=90 )”;
}
textarea { /* for chrome fontsize bug */font-family: sans-serif;}
input:focus,
select:focus {
    outline: none;
}

ul{list-style:none;}

img{
	max-width: 100%;
	vertical-align:middle;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*///////////////////////////テキストスタイル///////////////////////////*/
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.txt_b{font-weight:bold;}
.txt_12{font-size:12px;font-size:1.2rem;}
.txt_18{font-size:18px;font-size:1.8rem;}

.sp_only{display:none;}
/*/////////////////////////////////////////////////////

ヘッダー

/////////////////////////////////////////////////////*/
#header{
	width:100%;
	padding:40px 0;
	background:#fff100;
}

#header h1{
	text-align:center;}

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

メイン

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

#container{
	background:#fffdde;
	width:980px;
	margin:0 auto;
}

/*///////////////////////////スライダー///////////////////////////*/

.bx-wrapper {
	position: relative;
	width:640px;
	padding: 35px 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport {
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.main_img_comment{
	text-align:center;
	margin-bottom:35px;
}

/*///////////////////////////ナビ///////////////////////////*/
h2.nomal_h2{
	max-width:890px;
    width: 80%;
	margin: auto ;
    margin-top: calc(100px - 10vw);
	background:url(../img/top/h2bk.png);
	text-align:center;
	padding:10px 0;
}

ul#nav{
	text-align: center;
	width:890px;
	margin:20px auto;
}
ul#nav li{
	width:23%;
	display:inline-block;
	text-align:center;
	margin:10px 1% ;
}
ul#nav li a{
	display:block;
	width:100%;
	height:53px;
	padding:12px 15px;
	box-sizing:border-box;
	border-radius: 15px; /* CSS3草案 */ 
	-webkit-border-radius: 15px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 15px; /* Firefox用 */ 
	box-shadow:5px 5px 7px -5px #221714;
	-moz-box-shadow:5px 5px 7px -5px #221714;
	-webkit-box-shadow:5px 5px 7px -5px #221714;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f5a5+0,fdf557+55,ffed00+100 */
background: #f9f5a5; /* Old browsers */
background: -moz-linear-gradient(top, #f9f5a5 0%, #fdf557 55%, #ffed00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9f5a5 0%,#fdf557 55%,#ffed00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9f5a5 0%,#fdf557 55%,#ffed00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5a5', endColorstr='#ffed00',GradientType=0 ); /* IE6-9 */
	transition:0s;
	-webkit-transition:0s;
 　 -moz-transition:0s;
 　 -o-transition:0s;
}
ul#nav li a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf8b8+0,fef88d+55,fff24d+100 */
background: #fbf8b8; /* Old browsers */
background: -moz-linear-gradient(top, #fbf8b8 0%, #fef88d 55%, #fff24d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbf8b8 0%,#fef88d 55%,#fff24d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbf8b8 0%,#fef88d 55%,#fff24d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8b8', endColorstr='#fff24d',GradientType=0 ); /* IE6-9 */
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin:0 0 0 5px;

}
ul#nav li.not_yet{
	height:53px;
	padding:12px 15px;
	box-sizing:border-box;
	border-radius: 15px; /* CSS3草案 */ 
	-webkit-border-radius: 15px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 15px; /* Firefox用 */ 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf8b8+0,fef88d+55,fff24d+100 */
background: #fbf8b8; /* Old browsers */
background: -moz-linear-gradient(top, #fbf8b8 0%, #fef88d 55%, #fff24d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbf8b8 0%,#fef88d 55%,#fff24d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbf8b8 0%,#fef88d 55%,#fff24d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8b8', endColorstr='#fff24d',GradientType=0 ); /* IE6-9 */
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin:0 0 0 5px;
}

/*///////////////////////////スマイルプラスとは///////////////////////////*/
.movie{
	width:685px;
	margin:40px auto 5em auto;
	height:380px;
    
}
.movie_bg{
    background-color: #f8d45b;
    height: 5px;
    margin-bottom: 6em;
}
.about_box{
	width:645px;
	margin:20px auto;
	background:#fff543;
	padding:20px;
}

.about_box .about_logo{
	width:190px;
	float:left;
}

.about_box .about_p{
	width:419px;
	float:right;
	margin-top:15px;
}

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

シーンから選んで

/////////////////////////////////////////////////////*/
#scene{
	padding-top:30px;
}
.img_map{
	width:890px;
	margin:35px auto 0;
	}

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

アイテム一覧

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

/*///////////////////////////メニューバー///////////////////////////*/

.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
	background:#fff100;
    top: -100px;
    position: fixed;
    width: 100%;
    margin: 100px auto 0;
    padding: 10px 0 ;
    z-index: 999;
}
#top-head a,
#top-head {
    text-decoration: none;
}

#top-head h1.item_list_h1{
	max-width:70px;
	margin-left:20px;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav {
	background:#fff100;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
   padding: 10px 0;
    height: 50px;
    transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    -moz-transition: top 0.3s ease-in;
}

/* Toggle Button */
#nav-toggle {
    position: absolute;
	background:#fff;
	border-radius: 6px; /* CSS3草案 */ 
-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 6px; /* Firefox用 */ 
    cursor: pointer;
    z-index: 101;
    right: 10px;
    top:0;
	width:80px;
	height:60px;
}

#nav-toggle img{
	margin:0 7px 0;
}

#nav-toggle div {
    position: relative;
	width:40%;
	margin:5px auto;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height:3px;
    width: 100%;
    background: #fff100;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}

    /* Fixed reset */
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -1080px;
        width: 100%;
        opacity: 0%;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
        
    }
    .open #nav-toggle span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(730px);
        -webkit-transform: translateY(730px);
        transform: translateY(730px);
        opacity: 100%;
    }



.item_menu{
	padding:3em 20px 7em;
}
.item_menu_okataduke,
.item_menu_omoide,
.item_menu_yaritori,
.item_menu_shituke,
.item_menu_kiroku{
	margin-bottom:20px;}
.item_menu .item_menu_icon{
	width:10%;
    min-width: 60px;
	float:left;
	padding-right:10px;
	box-sizing:border-box;
}
.item_menu ul{
	width:90%;
	float:left;
}
.item_menu ul li{
	display:inline-block;
	margin:10px 0;
}
.item_menu ul li a{
	display:block;
	color:#fff;
	letter-spacing:0em;
	padding:5px 12px 5px 30px;
	box-sizing:border-box;
	font-size:0.9em;
	background:#6bc7f1 url(../img/item/vector.png) no-repeat 10px center;
	border-radius: 10px; /* CSS3草案 */ 
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px; /* Firefox用 */ 
}
.item_menu ul.okataduke li a{background:#6bc7f1 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.okataduke li a:hover{background:#a6ddf7 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.omoide li a{background:#f4a000 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.omoide li a:hover{background:#f8c666 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.yotei li a{background:#8dc21f url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.yotei li a:hover{background:#bbda79 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.yaritori li a{background:#e85298 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.yaritori li a:hover{background:#ef86b7 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.shituke li a{background:#b18abd url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.shituke li a:hover{background:#c9add1 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.kiroku li a{background:#fdd000 url(../img/item/vector.png) no-repeat 10px center;}
.item_menu ul.kiroku li a:hover{background:#fede4d url(../img/item/vector.png) no-repeat 10px center;}

#global-nav .item_menu{
	padding:20px;
    overflow: hidden;
}
.item_list{
	padding:80px 20px 0 20px;
}

h2.item_name{
	font-size:35px;
	font-size:200%;
	line-height:1.5em;
}
.item_name_box_small{
	width:500px;
	float:left;
}
.item_name_box_long{
	width:600px;
	float:left;
}

.icon{
	width:80px;
	float:left;
	margin-right:10px;
}
.icon02{
	width:160px;
	float:left;
	margin-right:10px;
}
.item_price_box{
	margin-top:5px;
	float:left;
	font-weight:bold;
	letter-spacing:0em;
}
.item_price{
	font-size:18px;
	font-size:128.5%;
}
.item_sub_title{
	color:#6bc7f1;
	margin-top:20px;
	font-size:20px;
	font-size:142.8%;
}
.item_sub_title_orange{
	color:#f4a000;
	margin-top:20px;
	font-size:20px;
	font-size:142.8%;
}
.item_sub_title_green{
	color:#8dc21f;
	margin-top:20px;
	font-size:20px;
	font-size:142.8%;
}
.item_sub_title_pink{
	color:#e85298;
	margin-top:20px;
	font-size:20px;
	font-size:142.8%;
}

.item_sub_title_kiroku{
	color:#fabe00;
	margin-top:20px;
	font-size:20px;
	font-size:142.8%;
}
.item_sub_title_shituke{
	color:#b08bbe;
	margin-top:20px;
	font-size:20px;
	font-size:142.8%;
}


.item_p{
    white-space: normal;
	width:350px;
	float:right;
	font-size:12px;
	font-size:85.7%;
	letter-spacing:-0.05em;
	line-height:2.3em;
	margin:0;
}

.item_p_long{
    white-space: normal;
	width:300px;
	float:right;
	font-size:12px;
	font-size:85.7%;
	letter-spacing:-0.05em;
	line-height:2.3em;
	margin:0;
}

.item_img_box{
	margin:50px 0 30px;
	text-align:center;
}


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

アンケート

/////////////////////////////////////////////////////*/
#questionnaire{
	padding-top:30px;
}
.q_annai h3{
	font-size:20px;
	font-size:142.8%;
	text-align:center;
	margin:20px;
}
.q_annai{
	width:890px;
	margin:50px auto;
	font-size:12px;
	font-size:85.7%;
	letter-spacing:0;
}

.mod_form_importance_btn{
	text-align:center;
	margin:30px 0 10px;
	font-size:18px;
	font-size:128.5%;
}
.mod_form_btn{
	text-align:center;
}

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

特集ページ

/////////////////////////////////////////////////////*/
.special_main_img{
	text-align: center;
	padding: 35px 0 ;
}

ul.tokusyu_list{
	width: 85%;
	margin: 50px auto 20px;
}
ul.tokusyu_list li{
	width: 31%;
	display: inline-block;
	margin:0 1%;
	box-sizing: border-box;
	border: solid 1px #000;
	vertical-align: top;
}
ul.tokusyu_list li a{
	display: block;
	padding: 10px;
	background: #dff2fc;
}
ul.tokusyu_list li a:hover{
	background: #bae5f7;
}

ul.tokusyu_list li .tokusyu_list_img{
	text-align: center;
}
ul.tokusyu_list li .tokusyu_list_title{
	text-align: center;
	background: #fff;
	border: solid 1px #000;
	margin-top: 10px;
	padding: 10px;
	line-height: 0
}
ul.tokusyu_list li .tokusyu_list_sent{
	background: #fff;
	border: solid 1px #000;
	margin-top: 10px;
	padding: 5px;
	font-size: 87.5%;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}

ul.tokusyu_list li .more{
	text-align: right;
	font-size: 87.5%;
	font-weight: bold;
	margin-top: 3px;
}

/*///////////////////////////こんまりさん///////////////////////////*/
.tokusyu_title{
	text-align: center;
}
.tokusyu_box{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 0;
}
.tokusyu_box_img{
	width: 50%;
	float: left;
	padding:0 0 20px 0;
	box-sizing: border-box;
}
.tokusyu_box_img img{
	margin-bottom: 15px;
}
.tokusyu_box_p{
	width: 50%;
	float: right;
	letter-spacing: 0.05em;
	padding-left: 20px;
	box-sizing: border-box;
}
/*///////////////////////////footer///////////////////////////*/
.for_top_bt{
    position: fixed;
	width:80px;
	height:80px;
	background:#4eaa35;
	padding:20px 15px;
	box-sizing:border-box;
	border-radius: 6px; /* CSS3草案 */ 
-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 6px; /* Firefox用 */
margin:20px; 
    right:7%;
    bottom:0%;
    z-index: 9999;
}
@media screen and (max-width: 480px){
    .for_top_bt{
        right:0%;
        bottom:0%;
    }
}
.for_top_bt:hover{
	background:#f7792e;}
.copy{
    display: flex;
    font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	clear:both;
    justify-content: flex-end;
    vertical-align:middle;
    align-items: center;
	padding:20px;
    margin:0 10px;
    margin-top:100px;
	font-size:12px;
	font-size:85.7%;
	letter-spacing:0em;
	text-align:center;
	padding:0 0 100px 0;
}
@media screen and (max-width: 768px){
    .copy{
        display: block;
        justify-content: center;
    }
}
.anpanman_logo{
    margin: 0 20px;
    margin-bottom:1em;
}
.bt_home{
	width:112px;
	margin:0 auto;
	padding-bottom:20px;
}



/*===============================================
● 画面の横幅が980pxまで
===============================================*/
@media screen and (max-width:980px){
#header{
	padding:10px 0;
}
#header h1 img{
	width:100px;
}

#container{
	width:100%;
	padding:0 10px;
	box-sizing:border-box;
}


/*///////////////////////////スライダー///////////////////////////*/

.bx-wrapper {
	width:100%;
	padding:20px 0;
	box-sizing:border-box;
}

.bx-wrapper img {
	margin:0 auto;
}
.main_img_comment{
	margin:15px auto 35px;
}

/*///////////////////////////ナビ///////////////////////////*/
h2.nomal_h2{
	width:100%;
}

ul#nav{
	width:100%;
}

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

シーンから選んで

/////////////////////////////////////////////////////*/
#scene{
	padding-top:130px;
}
.img_map{
	width:100%;
	margin:35px auto 0;
	}


/*//////////////////////////アイテムリストメニュー///////////////////////////*/

    #mobile-head {
        width: 100%;
        z-index: 999;
        position: relative;
    }
	
	#top-head,
    .inner {
        width: 100%;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
.item_menu{
	padding:80px 20px 20px;
}

.item_name_box_small,
.item_name_box_long{
	width:100%;
	float:none;
}
.item_p,
.item_p_long{
	clear:both;
	padding-top:20px;
	width:100%;
	float:none;
}


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

アンケート

/////////////////////////////////////////////////////*/
#questionnaire{
	padding-top:130px;
}
.q_annai{
	width:100%;
}

/*///////////////////////////footer///////////////////////////*/

.sp_only{display:block;}
.pc_only_tb{
	display:none !important;
}
}

/*===============================================
●  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
#header h1 img{
	width:80px;	
}

ul#nav li{
	width:48%;
}

.main_img_comment{
	margin:0 auto 20px;
}

/*///////////////////////////スマイルプラスとは///////////////////////////*/
.movie{
	width:100%;
	height:auto;
    aspect-ratio: 16 / 9;
}

.about_box{
	width:100%;
	box-sizing:border-box;
}

.about_box .about_logo{
	width:100%;
	text-align:center;
	float:none;
}

.about_box .about_p{
	width:100%;
	float:none;
	margin-top:15px;
	text-align:center;
}

/*//////////////////////////アイテムリストメニュー///////////////////////////*/

    #global-nav {
        top: -830px;
    }

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(890px);
        -webkit-transform: translateY(890px);
        transform: translateY(890px);
    }



#container .item_menu{
	display:none;
}
#global-nav .item_menu{
	padding:5px;
}

.item_menu .item_menu_icon{
	width:40px;
}
.item_menu .item_menu_icon img{
}
.item_menu ul{
	width:100%;
	float:none;
}

.item_menu_okataduke,
.item_menu_omoide,
.item_menu_yaritori,
.item_menu_shituke,
.item_menu_kiroku {
    margin-bottom: 5px;
}
.item_menu ul li{
	margin:3px 0;
}	
.item_menu ul li a{
	display:block;
	color:#fff;
	letter-spacing:0em;
	padding:0 5px;
	font-size:9px;
	font-size:64%;
	background:none;
	box-sizing:border-box;
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}
.item_menu ul.okataduke li a{background:#6bc7f1 none;}
.item_menu ul.okataduke li a:hover{background:#a6ddf7 none;}
.item_menu ul.omoide li a{background:#f4a000 none;}
.item_menu ul.omoide li a:hover{background:#f8c666 none;}
.item_menu ul.yotei li a{background:#8dc21f none;}
.item_menu ul.yotei li a:hover{background:#bbda79 none;}
.item_menu ul.yaritori li a{background:#e85298 none;}
.item_menu ul.yaritori li a:hover{background:#ef86b7 none;}
.item_menu ul.shituke li a{background:#b18abd none;}
.item_menu ul.shituke li a:hover{background:#c9add1 none;}
.item_menu ul.kiroku li a{background:#fdd000 none;}
.item_menu ul.kiroku li a:hover{background:#fede4d none;}
	
	
.item_list{
	padding:80px 0 0;
}

h2.item_name{
	font-size:20px;
	font-size:124.8%;
}

.icon,
.icon02{
	width:14%;
	margin:5px 1% 0 0;
}
.item_price_box{
	width:85%;
	margin-top:0;
	float:left;
	letter-spacing:0em;
}
.item_price{
	font-size:12px;
	font-size:85.7%;
}
.item_sub_title{
	margin-top:0;
	font-size:12px;
	font-size:85.7%;
}
.item_sub_title_orange{
	margin-top:0;
	font-size:12px;
	font-size:85.7%;
}
.item_sub_title_green{
	margin-top:0;
	font-size:12px;
	font-size:85.7%;
}
.item_sub_title_pink{
	margin-top:0;
	font-size:12px;
	font-size:85.7%;
}

.item_sub_title_kiroku{
	margin-top:0;
	font-size:12px;
	font-size:85.7%;
}
.item_sub_title_shituke{
	margin-top:0;
	font-size:12px;
	font-size:85.7%;
}

.item_p{
	line-height:1.5em;
}

.item_p_long{
	line-height:1.5em;
}

.pc_only{
	display:none !important;
}

.for_top_bt{
	width:50px;
	height:50px;
	padding:5px;
float:right;
margin:0 10px 20px; 
}
/*/////////////////////////////////////////////////////

アンケート

/////////////////////////////////////////////////////*/
#questionnaire{
	padding-top:70px;
}

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

特集ページ

/////////////////////////////////////////////////////*/
.special_main_img{
	padding: 10px 0 0;
}

ul.tokusyu_list{
	width: 100%;
	margin: 20px auto 20px;
}
ul.tokusyu_list li{
	width: 100%;
	display:block;
	margin:0;
}
ul.tokusyu_list li .tokusyu_list_img{
	width: 30%;
	float: left;
}
ul.tokusyu_list li .tokusyu_list_title{
	width: 68%;
	float: right;
	margin-top:0;
	padding: 10px 0;
	line-height: 0;
	box-sizing: border-box;
}
ul.tokusyu_list li .tokusyu_list_sent{
	width: 68%;
	float: right;
	margin-top: 5px;
	padding: 5px;
	box-sizing: border-box;
}
	ul.tokusyu_list li .more{
	width: 68%;
	float: right;
}


/*///////////////////////////こんまりさん///////////////////////////*/
.tokusyu_title{
	width: 95%;
	margin: 0 auto;
}
.tokusyu_box{
	width: 100%;
	padding: 10px 0 0;
}
.tokusyu_box_img{
	width: 100%;
	float: none;
	padding:0;
}
.tokusyu_box_img img{
	margin-bottom: 15px;
}
.tokusyu_box_p{
	width: 100%;
	float: none;
	padding:0 0 20px 0;
	font-size:85.7%;
	line-height: 1.3em;
}
}
@media screen and (min-width: 769px){

    .hide{
        display: none;
    }}

.pic_maxwidth{
    width:100%;
    max-width: 600px;
    margin-bottom: 2em;
}